码迷,mamicode.com
首页 > Web开发 > 详细

web前端性能优化汇总

时间:2018-01-31 11:17:58      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:blog   位置   性能   javascrip   其他   asc   性能优化   lazyload   按需加载   

一、概述

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放在正确的位置等

web前端性能优化汇总

标签:blog   位置   性能   javascrip   其他   asc   性能优化   lazyload   按需加载   

原文地址:https://www.cnblogs.com/mengfangui/p/8390640.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!