从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。
从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。
资源的合并与压缩
1. 资源的合并(减少http请求数量)
2. 资源的压缩(减少请求资源的大小)
图片的优化
1. 各种类型的图片
2. 进行图片压缩
CSS和JS的装载与执行
1. HTML渲染过程的特点
2. 加载和执行的一些优化点
懒加载和预加载
回流与重绘
浏览器储存
1. cookie
2. LocalStorage和SessionStorage
3. IndexedDB
4. PWA (Progressive Web Apps)
5. Service Worker
缓存
1. 浏览器缓存就是把一个已经请求过的Web资源(如html页面
,图片
,js
,数据
等)拷贝一份副本储存在浏览器中
Reference:
1. web前端性能优化 https://juejin.im/post/5a6941e1f265da3e33048429