WordPress 网站优化加载速度的6个关键点

网站页面速度需要优化的内容,基本上在上面说到的工具测试结果中都有体现。篇幅限制,一些技术问题不展开说。

减少服务器响应时间

如果你使用的是服务器密集型内容管理系统(CMS),那么中小型 Web 服务器可能就不行了。

优化图像

本质上来说,网页只有在提升用户体验的时候,才需要使用图像,并且保证只使用合适尺寸的图像。另外,记得使用 tinypng 这样的工具,它还可以进一步的压缩你的图像大小。

减少加载资源

CSS 与 javascript 不同,CSS 无法异步加载或在 HTML 代码之后进行加载,因为样式表对于页面外观至关重要。但是可以减少要加载的 CSS 文件数量及其 CSS 的内容。

理想情况下,CSS 代码直接位于 HTML 代码的 head 中,不加载外部CSS文件,但这只适用于较小的网站。

另外,许多网站都使用了较大的 CSS 库,例如 Bootstrap。但实际上可能只用了其中的一部分功能。那么引入整个 Bootstrap 文件是没有必要的,并且对页面速度有负面效果。

同样的,JavaScript 也应该尽可能使用最必要且最紧凑的部分。Web 上 95% 的 JavaScript 代码都是可以异步加载或作为 HTML 代码中的最后一个元素加载,因此不会不必要地阻止页面加载。

与 Bootstrap 类似,JS 库 jQuery 也被大家广泛的使用,其中大多数仍然带有一些插件。使用 jQuery 可能有意义,但应该检查。在你不再需要支持旧版浏览器的时候,99%的情况下你可以使用原生的 javascript 替换 jQuery。参考:你可能不需要jQuery

启用压缩

要启用服务器端压缩,根据服务器的主机和操作系统,需要不同的设置。你可以联系服务器提供商进行优化。

顺便说一句:虽然 Apache 已预先安装在大多数虚拟主机上。然而,越来越多的公司开始使用 Nginx。为什么呢?因为它更快!

使用浏览器缓存

与压缩一样,必须通过服务器进行配置。

如果你在网站上使用了跟踪代码,无论你怎么优化,Pagespeed 工具仍会提示缺少浏览器缓存。许多代码,尤其是 Google 的 Google Analytics 代码和 AdWords 代码,都不支持浏览器缓存。

需要避免的情况

301 重定向也会浪费时间。如果不是某些为了 SEO 而必须使用重定向的话,不要使用重定向!

结论

网站速度优化对于任何一个网站来说都是势在必行的。即使做这些优化需要付出的成本可能很高,但是其带来的好处也同样很高。

通常情况下,一个网站的页面速度过慢的话,那么这个网站的流量数据肯定不好看。那些能在 Google 搜索首页的网站,你去看他们的页面速度数据,绝对是很好的。

我相信每个人都希望打开一个网页可以秒开,期待更快的网。

作为站长还不赶紧优化起来!

发表回复