降低页面加载时间

1.降低重复的HTTP请求的数量

1）减少调用其他页面文件的数量

2）减少调用图片的数量

      一般来说只适配电脑端，确定尺寸的图标类尽量使用雪碧图，它能大量减少网页的HTTP请求，提高页面性能（但是说到雪碧图，经常做手机电脑端自适应的我来说已经弃用了）

      不高于200KB的单张图片的载入时间基本都差不多

2.服务器启用Gzip压缩功能

     Gzip压缩：将要传输的文件压缩后传到客户端再解压，网络传输过程中数据量大幅降低。

     优点：提高网页浏览速度，Gzip压缩效率非常高，一般可以达到70%的压缩率。效果比精简代码、压缩图片要好很多。

     缺点：设置Gzip会增加服务器负担

3.在文件头部引入css样式，末尾引入JavaScript脚本

    网页文件加载顺序是从上到下，很多JavaScript脚本执行效率较低，或者在网页前面并不需要执行，将脚本放置在网页文件末尾，对于一些一定要放置在前面的脚本要用“后载入”的方式，在主题网页加载完成后再加载，防止影响到主题网页加载速度。

4.css、JavaScript改为外部文件调用

    当css、js内容较多的时候，改为外部载入，因为浏览器本身会对css、js文件进行缓存

5.压缩JavaScript、css代码

6.Ajax缓存调用

    url上的随机数变量，参数不变化就使用的是缓存文件，发生变化则重新加载文件或更新信息

7.尽量减少DOM元素，使用性能高的标签

8.当页面内容庞大到一定程度，采用分页方式（或翻页之后载入）

9.优化图片

   优化图片文件，缩小图片的大小，至于缩略图要按尺寸生成缩略图然后调用，不要在网页中用resize实现，虽然这样看到的图片外形变小了，但是加载的数据量一点也没减少。

   普通图像还有icon也要尽可能压缩之后，采用web图像保存、减少颜色数等方法实现。

10.养成良好的开发维护习惯，避免脚本重复调用