相信大家都是刷了不少的网页，有时候是不是发现很多网站都没有去优化它的加载速度，有时我们打开一个网页要需要长达10来秒才能加载完成，虽然网页内容很不错，但是就是慢，那么如何有效的优化网页的加载速度呢？

1、优化图片大小。Web页面加载的大部分网络资源通常被图片占用了，也占用了页面缓存的主要空间，而且单个的文件的大小也很可观。所以我们需要在保证图片质量不变的情况下，尽可能的使用高压缩率的图片格式，图片格式可以按照优先级选择。没事不要把原图拉下来使用，要根据图片展示尺寸来拉取大小最为匹配的图片资源。

2、 不使用iframe。当iframe页面引用过多，会影响页面加载速度，搜索引擎也不建议使用iframe，影响爬虫抓取。

3、减少不必要的插件。现在很多免费的插件诱导网站开发者添加，也是被我们经常忽略的因素。因为安装插件需要服务器处理的，会影响页面加载时间。

4、利用浏览器缓存。浏览器缓存是允许访客的浏览器缓存你网站页面副本的一个功能。有利于访客再次访问我们网页时直接读取内容不必重新加载。这节省我们向服务器发送HTTP请求的时间。

5、启用GZIP压缩。提升网站访问速度很有效的一种方式是压缩网站的页面。我们可以使用gzip压缩做到这一点。Gzip首先是一个可以减小发送给访客的HTML文件、JS和CSS体积的工具。其次压缩的文件减少了HTTP响应时间。Gzip压缩的可以通过浏览器目前占比大概90%，因此这是一个比较高性能的方法。

6、减少重定向请求。有的网站针对不同的终端制作了不同的页面，会从xxx.com重定向至xxx.cn，每一次重定向都会导致浏览器重新发起请求，从而延长加载时间。我们尽可能使用响应式设计，一个xxx.com站点覆盖至所有终端，针对这种情况。

7、压缩css和js内容。因为css和js中有大量的空格和变量命名（如hi="hi word";），如果我们把这些空格去掉，并且使用字母来代换变量名（如c="hi word";），那么这些css和js原文件的大小也会随之缩小，会对加快拉取速度是有用的。

8、代码简化。对于那些在移动设备上缓存无法保存的过大资源，我们可以进行代码简化，简化代码不仅仅是减少延迟和带宽。首先资源是在被解压后才被缓存起来的，所以Gzip在这个方面并没有任何帮助。

9、减少请求。有时候页面需要发起几十个网络请求来获取图片这样的资源这是性能最大的漏洞，这个情况放在相对来说高延迟和低带宽的移动设备连接上来说影响更严重。