如何有效提高网页的加载速度

对于一个用户来说，判断一个网站好坏的首要指标就是网站的打开速度。有研究表明：用户打开网站最满意的时间是3秒以下，网站打开时间超过10秒，就会有98%的用户选择直接关闭网站。所以今天我们来谈一谈如何有效提高网页的加载速度。



一、升级服务器

我们知道网页开始加载时，其实是Web服务器在运行程序并打开文件。也就是说服务器速度越快，网页加载速度就越快，必要时可以引入负载均衡服务，比如腾讯云CLB，能将来自客户端的请求以特定的均衡算法派发到后端服务器上，降低单台服务器压力。对很多网站来说，选择一个稳定、安全的服务器，不仅可以迅速的打开网页，也可从根本上提升网页加载速度。

我们可以说是把知名的服务器都试过了，现阶段推荐给大家的是inmotion hosting。因为我们曾经将服务器是bluehost的一个网站换到inmotion hosting，之后这个网站的Google排名和流量增长了50%，这个数据就足以说明网页速度对SEO的重要性了。

二、对 PHP 查询进行动态缓存，使用 eAccelerator 这个加速器

PHP 加速器是一个为了提高 PHP 执行效率，从而缓存起 PHP 的操作码，这样 PHP 后面执行就不用解析转换了，可以直接调用 PHP 操作码，这样速度上就提高了不少。

eAccelerator 是一个开源 PHP 加速器，优化和动态内容缓存，提高了 PHP 脚本的缓存性能，使得 PHP 脚本在编译的状态下，对服务器的开销几乎完全消除。它还有对脚本起优化作用，以加快其执行效率。使得的 PHP 程序代码执效率能提高 1-10 倍，这个加速还是非常明显的。

三、开启 gzip 压缩功能

gzip 压缩对 JS, CSS, XML 压缩效果非常好，能压缩一半，即减少一倍的传输时间；对图片文件，JPG 已经压缩过的，它的压缩性能要少一些。大部分服务器如虚拟主机，VPS等都已经默认开启了这一项功能，如果没有开启，你对相应设置又不会，建议直接联系空间商，让他们解决。

四、本地缓存

网站上的图片很多，通常一张图片上传后，不会频繁的修改，只会频繁的访问，所以将图片放在 Nginx 缓存里，比如本地缓存 7 天，可以减少服务器访问加载次数，提升访问速度。

JS、CSS 文件平时都不会去修改它，将它缓存起来，比如本地缓存 30 天，可以减少加载次数，提升访问速度。为什么这两种文件不和图片一起设置缓存有效期，是考虑了不同文件的修改频率不一样。

五、压缩图片

在测试网页加载速度中，可以说是几乎全部的网站图片都需要压缩。一般图片都占了页面50%-90%以上的大小。以下是几款常用的压缩工具：

tinypng.com

WP Smush插件使用于Wordpress系统的网站，WP Smush插件可以自动压缩图片

Caesium图片压缩工具

Mass Image图片压缩工具

六、开启CDN缓存

CDN的全称是Content Delivery Network，字面意思是内容分发网络。CDN看作一种智能的虚拟网络，在用户想获取网站信息的时候，它依靠部署在各地的边缘服务器，使用户就近获取缓存信息。可以这么说CDN可以传输给用户更快、更稳定的网络。

举个例子，你的网站面向的客户是全球，服务器选择的是美国，因为距离和电信供应商的原因，德国的用户就会觉得网页速度很慢。为了使德国的用户也能快速的打开网站，在德国建立一个服务器节点，让网站的内容在德国服务器节点上进行缓存，当德国的用户打开网站的时候，CDN会自动将用户分到德国节点上，这样网页的打开速度会很快。

所以说使用CDN是很有必要的，这里推荐我们推荐亚马逊的CDN。

七、减少未使用的JavaScript、CSS和HTML等代码

很多网站为了效果等原因，会使用很多JavaScript、CSS，HTML等代码。实话说，这些代码对谷歌SEO来说无关紧要的，相反，还会使网页速度变慢。建议大家减少这些代码，然后清除那些未使用的页面资源内的冗余代码。

清除这些未使用的JavaScript、CSS和HTML代码，实际上就是减少网络活动耗用的字节数，尽量将一些不是必要的JS/CSS放到foot文件里加载。大家要记住这一点：页面越整洁干净，网站加速速度就会越快。

八、网站地图

我们所说的网站地图（sitemap.xml）是一种说明文件，它能说明网站的网页信息和这些内容之间的关系，例如网站上所有的URL、主要网页、更新频率和时间等。网站地图不影响网站的排名，它会帮助搜索引擎了解网站上的内容。

在网站更新的时候，网站地图可以使搜索引擎快速的发现网站上所有的页面，使抓取变得很高效。所以提交网站地图是非常重要的一项SEO工作。

九、网站全站静态化生成

这里指的是将网页生成纯静态的HTML页面，而非伪静态。一般动态网站打开页面时，首先必须读取数据库的资料，然后再显示到页面上，走了个弯路，并且还会被数据库访问速度、数据库数据多少、数据库大小所限制。而生成的静态页面就不同了，它不需要访问数据库，因为它在生成时就已读取数据库资料生成一个页面了，走的是直路，想不快都难。