周末在家呆了很久，发现很多网站都没有优化它的加载率。有时候打开一个网页需要10秒钟才能加载。虽然网页内容很好，但是给我的第一印象就是慢的让人受不了！

其实有很多简单粗暴有效的优化方法。我觉得有必要分享给产品经理，让你监督兄弟优化的发展，提高网页的加载体验~

首先，我们来看看网页的加载过程。当你打开一个网页的时候，你首先会拉一个html页面。然后浏览器对这个html页面进行分析后，会根据页面的内容拉取javascript、css和图片文件，最后根据这些文件渲染页面。

我们可以看到，影响网页显示率的主要因素并不是网页本身，而是它所依赖的一些其他文件。如果这些资源的加载速率得到优化，那么网页显示的速率也会上去。

有哪些简单粗暴的方式？我来一一列举:

1.优化图片资源的花样和巨细

在一个网页中，图片资源的大小占了最多，单个文件的大小也是相当可观的。所以在保证画面质量稳定的情况下，尽量使用高压缩率的画面模式，画面模式可以根据这个优先级来选择。jpeg gtpng gt骨形成蛋白.同时也要利用图片的大小来拉最匹配的图片资源，不要只把原图拉下来使用。我以前也遇到过这样的情况。一张196*196区域显示的图片已经达到了几兆，最后我发现原来分辨率为1960*1960的图片被拉了下来。

乌鲁木齐哪里可以摆摊？人流量最大的三个夜市推荐一下。

2。开启网络压缩
大多数浏览器在发送请求时都会带这个符号“Accept-Encoding: gzip，deflate”，表示这个浏览器可以接受gzip压缩数据传输。如果你的web服务器也支持gzip压缩数据，数据传输会减少70 ~ 80。

3.使用浏览器缓存

同一站点下的不同页面往往会重用一部分资源文件。如果将这些资源文件设置为可缓存，那么在刷新或跳转到另一个页面时，就不需要从网络上拉相关资源，大大加快了网页的加载速度。

4.削减重定向请求

有些网站针对不同的终端制作不同的页面。比如在手机上遇到微博，会从weibo.com重定向到weibo.cn。每次重定向城市，浏览器都会重新提出请求，延长加载时间。在这种情况下，应尽可能使用响应式设计，weibo.com站点覆盖所有终端。

5.使用CDN存储静态资源

CDN是一个静态的内容分发网络。它在每个省，甚至每个城市都有自己的服务器，来分发这些静态内容。所以当一个大都市的用户想要拉一个资源的时候，他会先从内陆的CDN服务器上拉，这样可以保证他最快的获得资源。据砖家统计，70%的网络资源是静态资源。这意味着70%的内容发生后不会改变，所以全部放在CDN上可以提高这70%资源的下载率。

6.削减DNS查询次数

很多人喜欢在不同的域名下挂不同的图片。例如，画A挂在a.pm-teacher.com，画B挂在b.pm-teacher.com。当一个网页同时使用图片A和图片B时，浏览器需要查询两个域名。每次解析域名都是浪费时间，为了尽可能把所有图片放在一个域名下。

7.压缩css和js内容

这里说的压缩和第二点不一样。上面说的压缩是不改变文件内容的压缩。css和js中有大量的空单元格和变量名(比如hello = ” hello word)，如果去掉这些空框，用简单的字母代替变量名(比如a = ” hello word “)；)，那么这些css和js原始文件的大小也会减小，这也有助于加快拉速率。

不知道大家能不能看出来，上面说的优化方案重点是三点:减少请求数量，减少资源大小，找到最快的服务器。如果你是一个网站的产品经理，去找你的开发者确认你是否做过类似的优化。