如何减小FontAwesome 5.3.1的大小

kenken9999

Using SVG with JavaScript比的大20倍Using Web Fonts with CSS

如果我使用Using SVG with JavaScript这是一个大问题,不算其他js,jquery,bootstrap。仅加载FontAwesome 5几乎用完了1MB。

有人知道如何减小文件大小吗?

杜海姆

您可能不需要全部的Font-Awesome。不要全部加载。仅选择所需的图标,然后分别将其加载为<img src='path'>路径指向.svg此处下载文件的位置如果您愿意,可以像Google一样将所有这些图像组合到一个spritesheet中[ google.com spritesheet ]。

如果您仅为了支持Font Awesome而坚持加载所有这些资产,则对文本资产(html,js,css)进行gzip压缩大大减小文件大小。有很多关于如何gzip并将资产上传到静态文件服务器示例的教程

您可能还希望将JS文件合并为一个文件,以最大程度地减少网络流量。为此,您需要某种“构建系统”,例如汇总webpack

如果您真的想调整性能,请查看“高性能网站”和“甚至更快的网站”,这两本非凡的O'REILLY图书都可以帮助您提高内容交付的性能。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章