具有许多行和重复图像的表格 - fontawesome或缓存图像



我的网站有许多包含数百行的大表。在某些情况下,每行都有一个竖起大拇指、竖起大拇指和一个复选标记 img。虽然图像是缓存的,但每个图像都需要下载才能缓存,所以我认为用 fontawesome CDN 替换这些图像可以为每个用户节省 3 个 img 下载。

这是一个愚蠢的错误,也就是说,例如竖起大拇指(即使它是完全相同的大拇指)表中的每个实例都需要访问 fontawesome 服务器吗?换句话说,我是否真的通过在这些表中实现fontawesome CDN导致我的网站性能下降?

> Fontawsome是一个单一的css和字体文件,css有将字体中的特定字符放入页面的方向。一旦您的浏览器下载了 fontawsome 字体和 css 文件,它就会将它们用于页面上的任何字体图标,这与它对页面上的每个字符使用标准 arial 字体(或其他字体)非常相似。所以这可能是一件好事。话虽如此,fontawsome字体和css文件的大小可能大于 总图像大小 ,但它非常紧凑,所以我对此表示怀疑。

基本上,您已经将 3 个图像下载替换为 1 个 css 和 1 个字体下载。 因此,请查看这些的大小以确保它们更小。

最新更新