如何加速您的 WordPress 网站:完整的初学者指南
已发表: 2017-08-08因此,无论您是想保持免费搜索流量还是想开始获得一些搜索引擎流量,您都需要提高网站的速度。 如果您不知道加载您的网站需要多长时间,请尝试 Pingdom 提供的这个免费工具,它会给您一个初步阅读,以便您了解它的改进程度。
加快 WordPress 网站速度听起来可能是一项艰巨的任务,需要花费数十小时和大量技术知识,但相信我,WordPress 插件和一些简单的调整很快就会让您的网站加载速度更快– 只需按照下面我们完整的初学者指南进行操作。
内容
- 1选择一个好的虚拟主机
- 2开始使用缓存插件
- 2.1哪个缓存插件?
- 3开始使用 CDN
- 4利用浏览器缓存静态资源
- 5优化 Web 图像
- 6优化您的数据库
- 7启用 GZIP
- 8延迟加载您的图像
- 9投资更快的主题
- 10将评论拆分成页面
- 11结论
- 11.1相关帖子
选择一个好的虚拟主机
大多数网络主机宣传自己是最快的。 但实际上,它们中的许多都没有提供比其他主机任何速度优势。 您托管网站的网络托管服务会对您网站的速度产生巨大影响 – 将许多网站放在同一台服务器上的共享主机可能会遭受性能不佳的影响,而一个缓慢的网站可能会对其他所有人的网站产生影响.
但是,如果您刚开始使用小型个人或爱好网站,那么如果您知道选择哪一个,共享托管公司可能会很好。 我们的共享托管指南涵盖了一些不同的托管选项,因此请务必查看。

但是随着您的受众开始增长,请考虑将您的网站移动到托管 WordPress 托管或 VPS 服务器。 托管主机通常比共享主机具有更好的质量,他们还将处理更新 WordPress 和您使用的任何插件等事情,将提供备份、缓存以帮助提高站点速度,它们可能包括一个 CDN 以加快您的速度静态项目,如图像和脚本等。

最后,您选择的主机将取决于您的预算,因此请明智地选择并确保您监控网站的速度和正常运行时间,如果您收到的服务质量差,您可以随时将您的网站迁移到另一台主机。
开始使用缓存插件
缓存会对您网站的速度产生巨大影响。
当有人访问您网站上的页面时,WordPress 会运行数千行代码,连接到您的数据库,然后生成请求的网页。 正如您可能已经猜到的那样,这需要大量的资源和时间——这就是缓存的用武之地。
缓存是一种简单的技术。 应用程序(在我们的例子中为 WordPress)不是一次又一次地生成页面,而是将页面生成为 HTML,制作一个副本,然后在请求页面时提供该静态 HTML 副本。 在您的网站上启用缓存后,它会将生成页面所需的时间和服务器资源减少一半。 虽然 WordPress 没有内置缓存功能,但有许多可用于 WordPress 的免费缓存插件。
哪个缓存插件?
WP Super Cache 是最好的免费缓存插件,也是我们推荐的一款,它易于设置,并且对您的网站加载时间产生巨大影响。 在激活它之前和之后尝试使用 Pingdom 测试您的站点,您会惊讶于它所产生的差异。

另一种选择是 WP Rocket,这是一个高级插件,一个网站每年花费 39 美元。 您可能想知道当您可以免费获得一个缓存插件时为什么要为缓存插件付费,原因是在测试中 WP Rocket 的性能优于其他缓存插件,所以如果您试图从您的网站中获得额外的最后一点速度,它可以有所作为。

由于成本原因,我们建议将 WP Rocket 用于商业网站 - 否则 WP Super Cache 适合个人项目。
开始使用 CDN
您的用户和服务器之间的距离会影响您网站的速度。 虽然这可能只会对整体速度产生很小的影响,但它确实会加起来。 用户离您网站的服务器越远,您的网站加载速度就越慢。
CDN(内容交付网络)解决了这个问题。 它只是一个遍布全球的服务器网络。 当您将您的网站与 CDN 连接时,CDN 服务将开始在其广泛的服务器网络上缓存您的所有网站内容。 它将缓存从文件到您的博客内容的所有内容。 当有人访问您的网站时,CDN 通过离用户最近的服务器提供内容。 这不仅减少了服务器上的负载,而且还减少了用户连接到服务器并获取文件所需的时间。
有很多可用的 CDN 服务,但其中大多数可能非常昂贵。 如果您刚刚开始,您应该尝试 CloudFlare。 它是免费的,而且高级计划比其他 CDN 服务提供商便宜。 您可以下载免费的 WordPress 插件以开始使用。

利用浏览器缓存处理静态资源
浏览器在开始显示页面之前会加载页面的每个元素。 默认情况下,它们不会缓存资源,而是在您每次在同一网站上加载不同页面时重新获取所有资源。 这不仅会增加服务器的负载,还会增加网站的加载时间。 当您利用浏览器缓存时,浏览器会缓存静态资源,然后使用缓存副本,而不是再次从服务器请求它。
要开始利用浏览器缓存,请将以下代码添加到您的 .htaccess 文件中:
ExpiresByType 图片/gif A2592000
ExpiresByType 图片/png A2592000
ExpiresByType 图片/jpg A2592000
ExpiresByType 图片/jpeg A2592000
优化您的网络图像


图像构成了网页的大部分大小。 大多数图像不需要以高分辨率查看。 这些图像可以针对网络进行优化(压缩)。 优化图像时,图像的大小几乎减少了一半以上,而质量没有任何明显的损失。 现在,您可以启动 Photoshop 或任何其他图像编辑程序来自己完成。 但这需要陡峭的学习曲线和大量的体力劳动。 相反,您可以使用 WordPress 和 WP-SmushIt 之类的免费插件来自动为您完成。 该插件会自动优化您网站上的所有图像。 您所要做的就是安装它,它会自己处理一切。
优化您的数据库
WordPress 需要存储大量数据以使其所有内部流程高效运行。 而且您拥有的插件越多,WordPress 将在您的数据库中存储的数据就越多。 随着时间的推移,很多这些数据变得多余。 此数据包括帖子、页面、评论和插件的附加数据。
在短期内,这些冗余数据不会造成太大的问题,但从长远来看,它会增加您的网站托管成本并使您的网站变慢。 如果您删除此数据,它将使您的数据库更小,从而导致速度提升很小。 更不用说,它将为您削减所有网络空间的使用和成本。
现在,您不必成为科学家就能优化您的数据库。 你也不必是程序员。 您只需要安装一个免费的插件,如 WP-Optimize。 安装此插件后,它将通过删除冗余数据和优化数据库表来优化您的数据库。

启用 GZIP
GZIP 是一种压缩技术,可以帮助您将网页大小减少一半以上。
当您在服务器上启用 GZIP 时,所有文件在提供给浏览器之前都会使用 GZIP 进行压缩。 并且当浏览器收到 GZIPped 文件时,它知道如何解压并显示它。
大多数现代浏览器都支持 GZIP,对于不支持 GZIP 的浏览器,您的服务器将直接提供内容。
GZIP 可以帮助您将网站的加载时间缩短一半以上。
要在您的服务器上启用 GZIP,请将以下代码添加到 .htaccess 文件的末尾:
# 压缩 HTML、CSS、JavaScript、文本、XML 和字体
AddOutputFilterByType DEFLATE 应用程序/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE 应用程序/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE 应用程序/xml
AddOutputFilterByType DEFLATE 字体/opentype
AddOutputFilterByType DEFLATE 字体/otf
AddOutputFilterByType DEFLATE 字体/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE 文本/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE 文本/javascript
AddOutputFilterByType DEFLATE 文本/纯文本
AddOutputFilterByType DEFLATE text/xml# 删除浏览器错误(只有非常旧的浏览器才需要)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] 无 gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
标题追加不同的用户代理
</IfModule>
延迟加载您的图像

图像占大多数网站加载时间的 80%。
当浏览器加载一个网站时,它们在下载包括图像在内的所有资源之前不会开始显示页面。
这就是 LazyLoading 来拯救的地方。
LazyLoading 是一种仅在用户可见时才加载图像的简单技术。
因此,如果图像位于页面底部,则在用户到达页面底部之前不会加载它。
这不仅可以缩短您网站的加载时间,还可以减少服务器的负载和带宽的使用。
要开始使用此技术,请安装并设置免费的 BJ LazyLoad 插件。
投资更快的主题
虽然所有 WordPress 主题都宣传它们针对速度进行了优化,但事实是大多数主题并非如此。 您在博客上使用的主题在决定您网站的速度方面起着重要作用。 如果您使用的主题编码错误且不遵循任何编码标准,您最终会得到一个加载缓慢的网站。
不仅许多主题没有针对速度进行优化,而且它们经常因使用 Page Builders、Sliders 和其他您甚至可能不使用的项目等插件生成的额外脚本和资源而变得臃肿。
从您的博客之旅开始就投资一个好的主题非常重要。 因为如果你试图解决由代码引起的速度问题,你最终会向开发人员支付数千美元。 即使您决定切换到不同的主题,也很难在不破坏您网站的某些功能的情况下进行切换。
在寻找 WordPress 主题时,请始终使用像我们这样值得信赖的作者的主题。 在 AlienWP,我们针对 SEO 和 Speed 测试和优化所有主题。 我们所有的主题都在几秒钟内加载完毕。
将评论拆分为页面
如果您在博客上收到很多评论,那么是时候庆祝了。 这意味着您拥有喜欢您的内容的参与观众。
但问题是:评论过多会增加网页的大小。
这意味着,您在页面上显示的评论越多,该页面的加载速度就越慢。
现在,要解决这个问题,您所要做的就是将评论分成多个页面。
为此,请导航至设置 > 讨论,然后选中中断评论复选框:

这将做的不是在帖子末尾显示所有评论,WordPress 将在评论末尾显示分页链接,就像在您的博客卷结束时一样。
结论
如果您的网站运行缓慢,请立即行动。 您正在失去数以千计的潜在免费网站访问者和客户。 使用本文中的技术来加速您的 WordPress 网站。 它们中的大多数不需要你接触一行代码,也不需要太多时间来实现。
如果您现在没有太多时间进行投资,至少要确保您使用的是缓存插件,您的图像已经过优化并且您的服务器上启用了 GZIP,这将有助于显着加快您的网站速度,而不是常规的 WordPress 安装.
如果您有任何建议、故事或反馈要分享,请随时在评论中说出您的想法。
