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] 删除。
我来说两句