前端性能优化

前端性能优化分两步:1、更快地加载;2、更快地执行

dns预解析

浏览器缓存机制(缓存头,协商缓存)

文件合并

gzip服务器端开启:利用压缩算法加载静态资源的时候

首屏加载有哪些好的方式?1、同构;2、骨架屏+懒加载

文件哈希的历史

前端代码如何上线?

一:普通上线 缺单:html是新的,但是js是旧的,会报错。

二:v=版本号 缺点:没有更新的文件也必须重新获取,缓存不合理

三:z=文件哈希 缺点:

后来静态资源方法cdn上,有了新问题是先部署nginx还是cdn?不论先部署哪个都会有问题,而且cdn文件名不变,缓存就不会变。解决方案:每次修改文件都用新的文件名,先上线cdn,新旧文件都在,然后再上线nginx,无缝衔接。可以每3个月清理一次服务器缓存,遍历cdn目录,名字不在新文件列表的删掉。

引入包:引入轻量级包,按需加载,不要全部加载。

原文地址:https://www.cnblogs.com/superlizhao/p/11353964.html