關於加載時間，unicode或img，速度更快？

Question

我在html中創建了一個比較表，我將在wordpress網站上使用它。它將有大約50行和5列。

在約50％的細胞中會有一個複選標記或一個x-標記。

我的目標是優化表加載速度

我在藍色的，如果我應該使用每個低大小的圖像，然後把它放到表格的每個單元來的。或者使用unicode，即✔ =＆＃x2714;和✖ =＆＃x2716;

如果我使用unicode我也會把這個（或類似）：

<td id="x01">&#x2716</td> 

然後，我將放在ID在CSS文件。

#x01 { 
    color: #ff6969; 
} 

我將使用類似的方法作爲複選標記。

我的問題在這裏真的是：哪個是最佳做法？

我也在github上查看了Font Awesome，但我不確定那個wordpress是否是使用它的最佳地方。

在此先感謝有關此事的任何幫助。

Answer 1

下面顯示的圖像VS子彈Unicode之間的差異：

http://nadeausoftware.com/articles/2007/11/latency_friendly_customized_bullets_using_unicode_characters

在我看來是相當微不足道的兩種方式。 Unicode似乎更快，但我們說的很微不足道，可能無法識別。

延遲 圖：50行@ 0.0011 =0.055秒
的Unicode：50行@ 0.0005 =0.025秒

我想加載數據的50行加上100分之2的第二差的對於圖像vs unicode幾乎不會是保存加載時間的最佳方式......如果您正在動態創建表或運行某種算法來比較來自數據庫的記錄，我會更關注索引和查詢使用。

Answer 2

我會投票支持unicode的，只要你能找到你需要的所有符號，這個網站是有幫助的 - http://www.nice-entity.com/

沒有使用字體真棒與WordPress任何問題，但你必須加載Font Awesome的整個庫，即使你只使用一些圖標。您必須對此Web應用程序感興趣 - https://icomoon.io/它允許您僅挑選需要的圖標並生成自定義的Web字體包，以加快您的頁面加載時間。