我在html中创建一个比较表,我将在wordpress网站上使用。它将有大约50行和5列。
在大约50%的细胞中,会有复选标记或x标记。
我的目标是优化表格以加载速度
如果我应该使用每个图像的低尺寸图像,然后将其放入表格的每个单元格中,我都是蓝色的。或者使用unicode,即✔
=✔和✖
=✖
如果我使用unicode,我也会加入这个(或类似的):
<td id="x01">✖</td>
然后我会将id放入css文件中。
#x01 {
color: #ff6969;
}
我将使用类似的方法进行复选标记。
我的问题是:最佳做法是什么?
我也在github查看了Font Awesome,但我不确定wordpress是否是使用它的最佳位置。
提前感谢您对此事的任何帮助。
答案 0 :(得分:1)
我投票支持unicode,只有当你能找到所需的所有符号时,这个网站才有帮助 - http://www.nice-entity.com/
使用Font Awesome和WordPress没有任何问题,但是你必须加载整个Font Awesome库,即使你只使用了几个图标。您必须对此Web应用程序感兴趣 - https://icomoon.io/它允许您只选择所需的图标并生成自定义的Web字体包,以加快页面加载时间。
答案 1 :(得分:1)
以下显示了子弹的unicode与图像之间的差异:
在我看来,两种方式都可以忽略不计。 Unicode似乎更快,但我们说的很少,它可能无法识别。
延迟
Img:50行@ .0011 = .055秒
Unicode:50行@ .0005 = .025秒
我认为加载50行数据加上图像vs unicode的第二百分之二的差异几乎不是保存加载时间的最佳方法...如果要动态创建表或运行一些算法来比较来自数据库的记录我会更关心您将使用的索引和查询。