Web前端性能优化
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.4.3 优化方案

经过对网站页面性能的测量及渲染过程的了解,相信你对于糟糕性能体验的原因已经比较清楚了,那么接下来便是优化性能,这也是本书所要呈现给读者的大部分篇幅。本节先简单扼要地介绍一些优化方面的思路。

(1)传输资源的优化,比如图像资源,不同的格式类型会有不同的使用场景,在使用的过程中是否恰当。

(2)加载过程的优化,比如延迟加载,是否有不需要在首屏展示的非关键信息,占用了页面加载的时间。

(3)JavaScript是现代大型网站中相当“昂贵”的资源,是否进行了压缩,书写是否规范,有无考虑内存泄漏等。

(4)关键渲染路径优化,比如是否存在不必要的重绘和回流。

(5)本地存储和浏览器缓存。