web前端性能优化汇总
程序员文章站
2022-07-02 16:23:45
一、概述 web前端性能优化主要点为:减少HTTP请求,减小请求文件大小、其他优化。 二、优化细节 1、减少HTTP请求 (1)使用缓存 (2)雪碧图 (3)合并文件 (4)将javascript和css从外部引入 2、减小请求文件大小 (1)压缩html/css/js/图片文件大小 (2)减少DO ......
一、概述
web前端性能优化主要点为:减少HTTP请求,减小请求文件大小、其他优化。
二、优化细节
1、减少HTTP请求
(1)使用缓存
(2)雪碧图
(3)合并文件
(4)将javascript和css从外部引入
2、减小请求文件大小
(1)压缩html/css/js/图片文件大小
(2)减少DOM数量
(3)减小cookie大小
3、其他优化
(1)按需加载:lazyload、滚屏加载、Media Query加载
(2)预加载:loading、提前加载下一页
(3)css、js放在正确的位置等
上一篇: 《剑指offer》数组中出现次数超过数组长度一半的数字
下一篇: nginx配置及内核优化详解