这是对现代Web加载性能的介绍。学习了解为什么性能是很重要的,存在哪些性能优化以及哪些工具有助于了解您的应用程序是否运行良好。
作者:IvanAkulov(PerfPerf创始人)
这就是我们要谈论的。为什么性能很重要?
JavaScript
压缩代码
使用async和defer
代码拆分
从依赖包中删除未使用的代码
CSS
压缩代码
使用关键CSS方式
HTTP
压缩HTML
使用Gzip压缩内容
使用Brotli压缩内容
使用CDN服务
预加载内容
Images
选择适当的格式
压缩图片
Fonts
指定后备字体
使用font-display属性
Tools
那么,为什么web性能很重要?首先,因为网站慢很不舒服。
最好的例子是,当移动站点加载缓慢时,用户将承受与观看恐怖电影相同的压力。
其次,因为它直接影响您的产品。
年,AliExpress的网站速度提高了三分之一,并多获得了10.5%的订单
早在年时,Google尝试将搜索速度降低半秒,然后发现用户的请求量减少了25%
在年,AberdeenGroup发现,将网站速度降低一秒会降低16%的用户满意度
而且有很多此类数据–以前的和最新的研究可以参考(wpostats.