web前端性能优化汇总

发布日期:2018-02-05    浏览次数:667

一、概述

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

本文网址:https://www.wyxxw.cn/blog-detail-1-3-17.html

返回列表

非特殊说明,本文版权归原作者所有,转载请注明出处

提示:本站所有资源仅供学习与参考,请勿用于商业用途。图片来自互联网~如侵犯您的权益,请联系QQ:1067507709.

提示:转载请注明来自:https://www.cnblogs.com/mengfangui/p/8390640.html 。 转载人:momo