Web前端性能优化——防抖处理/节流处理/图片懒加载
前端性能优化
没有标准答案,越全面越好,如果做不到,就尽量从前端角度考虑
原则
多使用内存,缓存(以空间换时间,这种思想也适用于后台)访问频繁,变化不大
减少 CPU 计算量,减少网络加载耗时
入手
1、 提升加载速度
减少资源体积:压缩代码(如QQ的图片压缩等)
减少访问次数:合并代码,SSR服务端渲染、缓存等
使用更快的网络:CDN
CSS 放在 head,JS 放在 body 最下面
尽早开始执行 JS,用 DOMContentLoaded 触发
懒加载(图片懒加载,上滑懒加载)
2、 提升渲
原创
2021-06-24 19:15:04 ·
361 阅读 ·
0 评论