提升页面加载速度的优化方法

Posted 2020-07-02 艳阳天

1.CSS精灵图片技术

  将一个页面涉及的所有零星图片都包含到一张大的图片中，然后利用CSS技术展现出来，可以减少http请求，减少整个网页的图片大小，提高页面性能。

2.合并js文件和css文件

   减少GET请求次数，提高加载速度。

3.延迟可见区域外的内容

4.压缩文本和图片

   如gzip压缩技术，可以减少页面加载时间

5.确保功能图片优先加载

6.图片格式优化

   如png格式

7.使用高级JPEG格式图片

8.精简代码

9.使用AJAX

   在不加载整个页面的情况下对网页的某部分进行更新，即实现异步更新。

10.延迟加载和执行非必要脚本

11.借助一些自动化的页面性能优化工具

12.去掉不必要的插件

13.减少DNS查询

14.减少使用重定向

15.css文件放在页面头部，js文件放在底部

16.利用浏览器的缓存

。。。。。