如何优化网页，使速度加倍

我们知道网页打开速度对网站至关重要，如果一个网页，打开速度慢，势必会损失很大一部分访问者。在互联网时代，用户获取信息的速度是非常快的，你得网页打开慢，用户自然会选择关闭你得网页，去选择另一个网页打开，没有人会愿意等待，除非你的东西独一无二，但这种站很少。

那么如何优化网页，如果才能是网页打开速度变快呢？下面我们一起来学习一下吧。

首先要优化网页速度，我们需要了解网页的加载流程，通常网页的加载流程如下：

1、打开网页后，浏览器会直接拉出一个html页面，然后浏览器解析页面上的内容。

2、根据页面内容，得到请求，去加载javascript文件，css文件，以及图片文件。

3、浏览器下载好文件后，会将根据这些文件，将网页信息渲染出来。

大致的流程就是这样子，当然里面还有一些细节，比如js加载顺序，这里我们就不提了，没必要知道。

通过以上信息我们就知道如何去优化网页了，优化网页简单来说，就是做简化，将臃肿的东西砍掉，留下精华就行了。因此有以下几个方法：

1、优化图片

我们经常在访问网页的时候，大家可能也发现了，图片越大加载越慢，因为浏览器要去请求服务器，再下载图片，之后才能展示给我们，图片文件内存越大，下载自然越慢，那网页打开速度自然就会受影响。

因此我们需要优化图片体积，在图片不失真的情况下尽量压缩图片体积，调整图片分辨率，一般来说网页中的图片最好就小于100kb，或100kb左右，不能有几兆的图片出现，这严重影响网页打开速度。

按照目前图片体积占比来说，图片优先级为：webp>jpg>png>gif>bmp。

2、减少文件请求

如果js，css文件太多，可以封装到一两个文件中即可，也可以压缩文件，这样浏览器在请求的时候只会请求一两个文件，对页面速度提升有一定帮助。

3、开启网络压缩

有很多浏览器是支持gzip压缩方式传输的，如果你的服务器支持的户啊，可以以gzip的形式进行文件传输，会节省70%左右的流量。

4、启用浏览器缓存

开启浏览器缓存后，我们打开一个网页时，里面下载的部分资源文件，在访问其他页面时正好可以用到，如此就减少了文件的请求，网页速度自然就有所提升了，不过对于第一次打开的网页，速度上没啥帮助，因为没有缓存。

eb7a2253e1a64043847f9c7359f5b777

5、重定向设置问题

重定向是网页从一个页面跳转到另一个页面，比如seo-6.com，跳转到www.seo-6.com，这就是一个重定向，每一次重定向，网页转化时的请求都会花一定的时间，重定向设置的越多，那么网页加载速度就会变慢。因此我们重定向设置不能太多，最多一个就行了。有条件的话可以选择响应式模板建站，如此移动端我们也不需要跳转到m的域名上。

6、优化网页代码

优化网页代码主要是去掉冗杂的代码，对网页代码进行分析，如果能用一句代码写出来的，不要使用两句。

同时网页里面的注释，如果你已经理解了，可以将注释删掉，或者说上线版本删掉注释，但是备份版本留下注释；网页中多余的空格，空行，全部清除，这些都会占用网页空间，有的人会直接进行网页代码压缩，将代码压成了一堆，会然体积确实减少了，但是不方遍看了；如果不需要经常调试的话，可以压缩。

7、使用cnd访问

cnd是一种静态的分发模式，它会先将服务器的资源拉取出来，并建立快照，也就是缓存，之后用户访问的时候是通过cdn入口进行访问的，访问的就是快照。这样一来网页的打开速度会有一个明显的提升，因为请求变少了很多，也没有资源的加载。

8、dns解析要减少

在浏览一些网站时，我们发现有部分网站将网站的资源放在了另一个域名上，比如图片，视频等，本来是yc.seo-6.com下的资源，但是图片调用路径显示的域名是img.seo-6.com，相当于图片资源并不在当前域名下，而是分开放在，虽然这能方便资源的管理，但是浏览器需要先前解析该域名，然后下载资源，这是需要花时间的。因此我们要尽可能减少这种资源获取形式。

以上就是对于“如何优化网页，使速度加倍”的内容相关说明，希望对大家有所帮助。我是晓波，干货持续更新中，敬请关注。