web前端性能优化汇总

2018-01-31 12:46:19来源:cnblogs.com作者:孟繁贵人点击

分享

一、概述

web前端性能优化主要点为:减少HTTP请求,减小请求文件大小、其他优化

二、优化细节

1、减少HTTP请求

(1)使用缓存

(2)雪碧图

(3)合并文件

(4)将javascript和css从外部引入

(5)图片base64编码

2、减小请求文件大小

(1)压缩html/css/js/图片文件大小

(2)减少DOM数量

(3)减小cookie大小

3、其他优化

(1)按需加载:lazyload、滚屏加载、Media Query加载

(2)预加载:loading、提前加载下一页

(3)css、js放在正确的位置

(4)适度使用cdn

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台