网站优化方式--页面加载速度优化方式汇总

1、优化图片

对于代码所占空间来说，图片是一个庞然大物，可精简空间非常大。主要有以下几方面要注意：

（1）在能保证清晰度的情况下，图片要尽可能小。要根据图片内容合理采用png，jpg，gif不同方式压缩。不要一味采用png，同样满足要求的 jpg 可能只有 png 大小的几十分之一；

（2）将一个页面的多个小图标合并为一张雪碧图。好处：减少文件大小；减少HTTP请求次数。

2、优化 CSS 文件

将css文件放在页面顶部，避免逐步渲染，减少重绘页面元素；

合并多个css文件，减少请求次数；

压缩CSS文件，移除不必要的字符（如TAB、空格、回车、代码注释等）。

3、优化 js 文件

JS文件放在底部或加入defer/async属性，避免阻塞渲染；

合并多个 js 文件，减少请求次数，同时可避免加载出错；

压缩 js 文件，移除不必要的字符（如TAB、空格、回车、代码注释等）。

4、使用内容分发网络（CDN）

访问量较高的网站、直播、视频平台，常使用CDN网络加速技术。

5、减少重定向的使用

重定向增加了额外的HTTP请求，应尽量避免使用。

6、去掉不必要的插件

及时删除这三类插件：能自己写的，可以采取其他方式实现的，没有用的。

7、利用浏览器缓存

允许访客的浏览器缓存你网站页面副本。访客再次访问时，可直接从缓存中读取内容，提高加载速度，同时也能降低服务器的压力。

8、服务器端启用GZIP压缩

Gzip是一个减小发送给访客的HTML文件、JS和CSS体积的工具。压缩的文件减少了HTTP响应时间。据Yahoo报道，这大概可以减少70%的下载时间。目前90%的通过浏览器的流量都支持Gzip压缩。