一, 概述
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 放在正确的位置等
来源: http://www.bubuko.com/infodetail-2481651.html