前端性能优化分两步:1、更快地加载;2、更快地执行
dns预解析
浏览器缓存机制(缓存头,协商缓存)
文件合并
gzip服务器端开启:利用压缩算法加载静态资源的时候
首屏加载有哪些好的方式?1、同构;2、骨架屏+懒加载
文件哈希的历史
前端代码如何上线?
一:普通上线 缺单:html是新的,但是js是旧的,会报错。
二:v=版本号 缺点:没有更新的文件也必须重新获取,缓存不合理
三:z=文件哈希 缺点:
后来静态资源方法cdn上,有了新问题是先部署nginx还是cdn?不论先部署哪个都会有问题,而且cdn文件名不变,缓存就不会变。解决方案:每次修改文件都用新的文件名,先上线cdn,新旧文件都在,然后再上线nginx,无缝衔接。可以每3个月清理一次服务器缓存,遍历cdn目录,名字不在新文件列表的删掉。
引入包:引入轻量级包,按需加载,不要全部加载。