如何在WordPress网站的Google Pagespeed上获得100 / 100点

0
1082
网页速度洞察

Google Pagespeed见解 是著名的网站工具,您可以使用它检查和优化搜索引擎的所有相关参数。 您可以单击上面的链接,或者通常在管理系统中查看页面的每日更新值。

在本指南中,我们将向您展示它是多么容易 Pagespeed分数100/100 达到。 您也可以做到。

在我们的示例中,我们使用了一个演示网站,其中包含各种内容和一个众所周知的主题,还包括常用的插件。 那么究竟是什么才能创建好的网站。

超级食品主页

我们在这里 主题The7 决定。 使用哪个主题并不重要。 最主要的是它是最新的,并提供了一些用于创建网站的设置选项。

这就是快速网站所需要的。

  1. 快速网页寄存 有经验
  2. 干净的当前WordPress
  3. Web服务器的正确设置
  4. 优化和缓存工具

我们在这个例子中使用 WP火箭, 这些工具都一样。 您压缩文本文件,折叠代码,并可能创建一个静态页面作为副本。

这使访问者可以快速访问页面。

静态页面让人想起从那时起的html代码。 仅包含简单的html代码和图像的网站仍然是最快的。 但不是动态的。 但是,使用这些插件,页面上的某些内容一旦更改,总是会重新创建缓存。

提示:停用 WordPress的Cronjob, 从真正意义上说,它并不是真正的cronjob,当访问者访问该页面时,它总是被调用。 在另一篇文章中,我们将向您展示如何做到这一点。

Google Pagespeed见解

在google上输入您当前的网站并观看效果。

通常,第一个值会在黄色区域中获得,因此,如果Webhoster拥有良好的服务器,则直到85。

在默认安装中,PSI在桌面视图中向我们显示了85 / 100。

PSI标准WordPress安装

但是,有关服务器响应缓慢的说法有些令人误解。 这是指到发送第一个字节的时间。

这里有许多因素相互作用。 如果您解决了所有其他问题,通常会减少所谓的TTFB(至第一个字节的时间)。

方便地,Google提供了优化的代码以供下载。 但是,此时,我通常建议仅将先前优化的图像合并到网站中。

您甚至可以免费使用 小熊猫 这样做。

tinypng图像压缩
Tinypng.com熊猫提供多余的字节。

但是,大多数主题也会创建自己的不同大小的图像,因此它总是会回到新的优化需求上。

因此,偶尔建议简单地重新优化和覆盖驻留在Web服务器上的所有图像文件。

Pingdom,GTMetrix和Co.

当然还有其他测试页。 但是,这里经常出现这样的问题,即呼叫来自国外,因此没有足够的意义来模拟来自德国的常客。 同样重要的是要知道某些测试程序无法处理http / xnumx并完全忽略了http / s的优势,即通过连接并行传输数据并进行负面解释。

gtmetrix
GTMetrix绩效报告

TTFB还是总加载时间?

基本上,总充电时间的结果很重要。 第一个字节取决于许多因素,这些因素只能影响不良。 与完全压缩的页面相比,未压缩的页面通常具有非常低的TTFB值。 但是,在包含大量内容的页面上,压缩的总加载时间显然更快。 谷歌如何评估最终是模糊的。 由于该软件已经过时,并且PSI值为68,我们甚至加载的页面也很难。 使用28K个有机关键字,但是每天大约有1000个访问者访问该网站。 但是对于可比较的网站,具有较高价值的页面肯定会列出较高的位置。

CDN和加速模块

还有一些模块可将静态数据存储在其他服务器上,并根据访问者的位置进行传递。 这减少了与服务器的连接数量,并减少了所谓的TTFB。 akamai,cloudflare或incapsula的缓存在此处可用,根据预订的服务,它们还提供压缩和优化。 如果完全通过这些提供程序进行连接,则还包括小的(D)Dos保护。

CloudFlare的,网络流量uebersicht
Cloudflare流量分析

适用于Plesk的Speedkit

例如,有一个Plesk插件,只需单击几下,即可使网站更快。 但是,在我的测试中,情况恰恰相反。 这种插件的主要问题在于,只有在访问者第二次访问该页面或第一次连接到系统时,才启动缓存。

优点是您可以轻松激活它,而无需对系统进行任何更改。 但是缺点是1 View访问者缺乏速度。 因此,您无法看到常规测试程序的任何变化,因为它们始终访问站点而不像新用户一样进行缓存。

的Speedkit-网站加速器的Plesk
Speedkit for Plesk旨在使网页更快。 但是可能并不总是有效。

由于大多数访问者通常仅通过搜索引擎的链接访问该网站,因此这些访问者没有速度优势。 使用板载设备意味着人们可以在没有外部缓存的情况下相处融洽。 在数据保护方面,尤其是DSGVO和即将出台的《电子隐私法规》,不适合使用此类服务​​。 订购这些服务时,它已经缺少订购数据处理的合同。

因此,您可以使网站速度更快。

最重要的一点是:正确的虚拟主机。

从外面看,每个人都 虚拟主机提供商 一样 但是差异常常被隐藏。

有一些使用内核和专用资源进行广告宣传的Web主机,但是所有这些主机只能在非常弱的硬件上运行。 来自10年的服务器的小型AMD内核与最新版本的Intel Platinum Xeon的内核不同。

vmware_cluster
VMWare集群示例

如今,大多数提供商都将其整个基础架构虚拟化。 通常在诸如容器系统之类的奇怪结构上,客户预订的内核是由XN​​UMX其他客户预订的。 由于软件许可成本而又好又昂贵,因此供应商使用正确的虚拟化系统,例如vmware或KVM,通常称为云。

kvm_cluster
小型KVM集群

通常共享就足够了 托管 出。 我们自己建立的网站每月有成千上万的访问者。 这些也可以在一个小的托管帐户中运行,因为Web托管计算机通常由已经很大的提供商来确定大小,因此它们可以为数百个网站提供服务。

virtuozzo_cluster
Virtuozzo 7节点的视图

但是,大多数站点将不需要其已预订的服务,因此始终有足够的功能。

选择网络托管服务商时,只需寻找一个试用帐户即可无义务播放您的网站。 您通常可以通过子域访问它们并测试速度。 如果什么都不是,只需切换到另一个提供程序。

在此示例中,演示页位于一个 SEO服务器 webhoster.de AG,您将在其中获得一个带有10 IP地址的Plesk经销商帐户。

使用的硬件是带有MLC服务器SSD作为RAID阵列的Dell R740服务器。

管理界面是 Plesk玛瑙 在当前版本中。

已安装具有以下活动插件的标准WordPress:

  • 亚马逊加盟WordPress的
  • NextScripts:SNAP Pro升级助手
  • NextScripts:社交网络自动海报
  • SEO智能链接 商科
  • 终极的简
  • 内容更多表
  • 7元素
  • WPBakery页面构建器的终极插件
  • WPBakery页面生成器
  • Yoast搜索引擎优化
  • WP火箭

设计模板

主题是The7。

页面的设计由主题模板或页面构建器组成。 子页面通常包含2500-3000个单词以及许多图片和表格。

因此,不仅要检查起始页,而且还要检查子页,这始终很重要。

我们的演示站点称为 www.super-food.de 也是在这个之下 可以实现的。 因此,您可以自己验证所有测试。 在另一篇文章中,我们展示了如何立即构建很少资源的大型网站。 也许那也适合您。 有时将网站复制到其他系统以进行测试,以创建比较测试。

如何通过Plesk设置Web服务器

首先,必须通过Plesk设置Web服务器。 始终建议将nginx用作纯Web服务器。 我们不这样做是因为基本上不支持.htaccess文件,并且插件的大多数WordPress函数只能更费力地进行转换,否则它们将无效。 也没有速度优势。

由Plesk仪表板域
域的Plesk仪表板

Plesk中的PHP设置

我们使用默认设置的当前php版本7.2.9。 通常,在菜单项“ PHP设置”下,您可以自己设置选项。 如果没有,则虚拟主机提供商必须这样做。

Plesk中的PHP版本,设置Apache的与
Plesk菜单中的PHP设置。 带有Apache Web服务器的PHP FPM。

Apache和Nginx的设置

对于nginx或Apache的设置,我们仅设置提供程序已经准备好的值。 所以没什么特别的。 在此,仅出于安全原因禁用符号链接,并激活标准压缩。

Nginx设置作为Plesk菜单中的代理

我们仅将nginx用作具有静态文件智能处理功能的代理服务器。 基本上,您完全可以不用nginx。 然后http / 2不再起作用,并发生其他问题。 因此,让我们将其保留为默认值。

WordPress的仪表板

我们的演示站点已经运行良好。 但是为了达到100 / 100,我们需要进行一些修改,例如Minification,因此Google建议使用CSS和Javascript的摘要。

通常这不能将所有内容一起复制,因此有一些有用的助手可以完成此工作。

在这篇评论中,我们正在使用插件WP-Rocket。 但是大多数其他人可以。

WP-火箭预订
WP火箭仪表板

在“首选项”部分的“文件优化”部分中,我们只需单击所有对http / 2有害的项目。 这些是CSS文件,缩小CSS“UND”优化CSS演示“。

CSS缩减大小
WP Rocket CSS缩小

使用javascript设置,您必须更改设置“最小化Javascript“UND”JavaScript延迟加载“以及”jQuery的安全模式 (推荐)”。

缩小JavaScript
WP Rocket Javascript设置

差不多了。 使用该插件,页面的PSI值将增加到94 / 100。 现在仅缺少图像文件或CSS代码的一些次要优化,而在所谓的子主题中并未以某种方式对其进行压缩。 Google方便地提供了这些文件,但已对其进行了优化,因此您可以通过文件管理器轻松替换它们。

在这种情况下,我们可以交换由主题更改的图像,并将CSS和Javascript文件放置在子主题中。
然后,在执行所有优化后,对期望的100 / 100仅进行了少量重载。

网页速度洞察

页面速度100,100
通过了100 / 100的Google Pagespeed Insights。

我们希望我们的小教程对您的优化有所帮助。 因此,一切皆有可能。 但是事情也每天都在变化。 这就是为什么您必须保持WordPress最新,否则将不再支持新功能。

您很快就会在我们的YouTube频道上找到完整的视频。

留下答案

请输入您发表评论!
请在此输入你的名字