6. 避免运行耗时的JavaScript
长时间运行的JavaScript会阻塞浏览器构建DOM树、DOM渲染树、渲染页面。所以任何与页面初次渲染无关的逻辑功能都应该延迟加载执行,这和JavaScript资源的异步加载思路一致
7. 避免使用CSS表达式和CSS滤镜
CSS表达式和滤镜的解析渲染速度是很慢的,再有其他解决方案的情况下应该尽量避免使用
// 不推荐 .opacity{ filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false) }
至此,PC部分的性能优化点介绍完了。有一些没有讲到的诸如DNS预解析,离线缓存,HTTP2协议,GPU加速等,想着移动端的优化更细,这些内容放到移动端再讲会好一点。因为PC端由于兼容性的问题,很多的优化策略也不能很好的向下降级。尽管列举了很多,但还有少部分遗漏的,欢迎大家补充。前端优化不是一件简简单单的事情,其涉及的内容很多,大家可以根据实际情况将这些方法应用到自己的项目当中去。