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

狂人 92 0

对于一个用户来说,判断一个网站好坏的首要指标就是网站的打开速度。有研究表明:用户打开网站最满意的时间是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页面,而非伪静态。一般动态网站打开页面时,首先必须读取数据库的资料,然后再显示到页面上,走了个弯路,并且还会被数据库访问速度、数据库数据多少、数据库大小所限制。而生成的静态页面就不同了,它不需要访问数据库,因为它在生成时就已读取数据库资料生成一个页面了,走的是直路,想不快都难。

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~