就加载时间而言,unicode 或 img 哪个更快?

Which is faster in regards to loading time, unicode or img?

我正在 html 中创建一个比较 table,我将在 wordpress 网站上使用它。它将有大约 50 行和 5 列。

大约 50% 的单元格中会有复选标记或 x 标记。

我的目标是优化 table 加载速度

我不知道是否应该为每个图像使用小尺寸图像,然后将其放入 table 的每个单元格中。或者使用 unicode,即 ✔ = ✔ 和 ✖ = ✖

如果我使用 unicode,我也会输入这个(或类似的):

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

然后我会把这个id放到一个css文件里。

#x01 {
    color: #ff6969;
}

我将对复选标记使用类似的方法。

我的问题真的是:哪个是最佳做法?

我也在 github 上查看了 Font Awesome,但我不确定 wordpress 是否是使用它的最佳场所。

在此先感谢您对此事的任何帮助。

我投了 unicode 票,前提是你能找到你需要的所有符号,这个网站很有帮助 - http://www.nice-entity.com/

在 WordPress 上使用 Font Awesome 没有任何问题,但你必须加载整个 Font Awesome 库,即使你只使用几个图标。您一定对这个网络应用程序感兴趣 - https://icomoon.io/ 它允许您只选择您需要的图标并生成自定义的网络字体包,以加快您的页面加载时间。

以下显示了 unicode 与项目符号图像之间的差异:

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

在我看来,这两种方式都可以忽略不计。 Unicode 似乎更快,但我们说的太边缘了,它可能无法识别。

延迟 Img:50 行 @.0011 = .055 秒
Unicode:50 行 @.0005 = .025 秒

我认为加载 50 行数据加上图像与 unicode 的百分之二秒差异几乎不是节省加载时间的最佳方法...如果您动态创建 table或 运行 一些算法来比较数据库中的记录我会更关心您将使用的索引和查询。