优化网页加载速度的方法总汇

打开一个网页，会先拉取一个html页面，然后浏览器解析了这个html页面后，会根据页面的内容，去拉取JavaScript、css和图片文件，最终根据这些文件，将页面渲染出来。 我们可以看到，影响一个网页展示速度的主要因素不是网页本身，而是它依赖的一些其它文件。如果优化了这些资源的加载速度，那么网页展示的速度也就上去了。下面介绍优化网页加载速度的方法

 

 

1.优化图片资源的格式和大小

一个网页中，图片资源的大小占比是最多的，而且单个的文件的大小也很可观。因此，在保证图片质量不变的情况下，尽可能的使用高压缩率的图片格式，图片格式可以按照这个优先级选择webp > jpeg > png > bmp。同时也要根据图片展示尺寸来拉取大小最为匹配的图片资源，不要没事就把原图拉下来使用。以前我就遇到过这种情况，一个196*196大小区域展示的图片，它的文件竟然达到了几兆，最后才发现把1960*1960分辨率的原图拉下来了。

 

 

 

2.开启网络压缩

大部分浏览器在发出请求时，会带上这个标记「Accept-Encoding: gzip, deflate」，表示这个浏览器可以接受以gzip压缩方式传输数据，如果你的网页服务器也支持gzip压缩数据，那么数据以gzip方式传输时，会减少70～80%的流量。

 

 

 

3.使用浏览器缓存

同一个站点下面的不同页面，往往都会复用一部分资源文件，如果把这些资源文件设置为可缓存的，那么在刷新或者跳转到另一个页面时，都无须再从网络拉取相关资源，这样就大大加快了网页的加