优化网页速度的7种方法
Time：2017-10-12 09:18:07 Views：周末在家宅着，刷了不少的网页，发现很多网站都没有优化它的加载速度，有时翻开一个网页要等候10来秒才干加载完成，虽然网页内容很不错，但是给我的第一印象就是慢，不能忍啊！
其实有很多复杂粗犷，又很有疗效的优化办法，我觉得有必要给各位商品经理分享一下，好让你们去督催开发哥哥优化，改善一下网页的加载体验～
首先，我们来看下网页的加载流程。翻开一个网页，会先拉取一个html页面，然后阅读器解析了这个html页面后，会依据页面的内容，去拉取javascript、css和图片文件，最终依据这些文件，将页面渲染出来。
网页加载速度优化网页优化网页速度
网页加载速度优化网页优化网页速度
我们可以看到，影响一个网页展现速度的次要要素不是网页自身，而是它依赖的一些其它文件。假如优化了这些资源的加载速度，那麼网页展现的速度也就上去了。
有哪些复杂粗犷的办法呢？让我来逐个罗列：
1.优化图片资源的格式和大小
一个网页中，图片资源的大小占比是最多的，而且单个的文件的大小也很可观。因而，在保证图片质量不变的状况下，尽能够的运用高紧缩率的图片格式，图片格式可以依照这个优先级选择webp>jpeg>png>bmp。同时也要依据图片展现尺寸来拉取大小最爲婚配的图片资源，不要没事就把原图拉上去运用。以前我就遇到过这种状况，一个196*196大小区域展现的图片，它的文件居然到达了几兆，最初才发现把1960*1960分辨率的原图拉上去了。
2.开启网络紧缩
大局部阅读器在收回恳求时，会带上这个标志「Accept-Encoding:gzip,deflate」，表示这个阅读器可以承受以gzip紧缩方式传输数据，假如你的网页效劳器也支持gzip紧缩数据，那麼数据以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内容
这里说的紧缩和第2点并不反复，下面提到的紧缩是不改动文件内容的紧缩。而css和js中有少量的空格和变量命名（如hello="hello word";），假如将这些空格去除，并用复杂的字母来代换变量名（如a="hello word";），那麼这些css和js原文件的大小也会减少，这样也对放慢拉取速度是有协助的。
不晓得你有没有看出来，下面提到的优化方案的中心就3点：增加恳求数、增加资源大小、找最快的效劳器。假如你是一个网站的商品经理，快去找你们的开发确认能否有做过相似的优化吧。
