...

如何让你的WordPress网站的Google Pagespeed达到100/100分?

谷歌页面速度分析 是著名的网站工具,有了它你可以检查和优化所有与搜索引擎相关的参数。您可以点击上面的链接,也可以在管理系统中看到您网站每天更新的数值。

在本手册中,我们将向您展示如何简单地使用本产品。 网页速度评分100/100 以达到。你也可以这样做。

在我们的例子中,我们使用了一个演示网站,里面有各种内容和一个知名的主题,其中也包括常用的插件。所以,这正是你用来创建好网站的方法。

超级食物主页

我们是为你而来 的主题7 决定:但其实你用哪个主题并不重要。最主要的是它是最新的,并提供一些设置选项,创建网站。

你需要一个快速的网站。

  1. a 快餐店 凭经验
  2. 一个干净的当前WordPress
  3. 网络服务器的正确设置
  4. 优化和缓存工具

在这个例子中,我们使用 WP火箭.这些工具都是做同样的事情。它们压缩文本文件,合并代码,必要时还会创建一个静态页面作为副本。

这样可以让访问者快速调用页面。

静态页面让人想起当年的html代码。由简单的html代码和图片组成的网站仍然是最快的。但不是动态的。有了这些插件,只要页面上有什么变化,缓存就会一次次重建。

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

谷歌页面速度分析

在google上输入你当前的网站,看看表现。

一般情况下,如果webhoster有一个好的服务器,你会得到黄色范围内的数值,最高可达85。

在我们的标准安装中,PSI在桌面视图中显示为85/100。

 宽度=

不过,有些误导性的说法是,服务器反应慢。这里指的是到第一个字节的时间,即传输。

这里有非常多的因素共同作用。通常情况下,如果你固定了其他所有的点,你会减少所谓的TTFB(Time to first Byte)。

 宽度=

谷歌方便提供了很多点位的优化代码供下载。但我建议在网站中只使用优化过的图片。

这甚至可以免费完成,例如使用 Tinypng熊猫 ...... 照顾它。

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

但是,大多数主题也会自己制作不同尺寸的图片,所以总是需要进行新的优化。

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

Pingdom, GTMetrix and Co.

当然也有其他的检查页。但这里往往存在一个问题,那就是检索是从国外进行的,因此意义不大,无法模拟平时来自德国的访客。还要知道,有些测试程序无法处理http/2,恰恰忽略了http/s的优势,即通过连接并行传输数据,并对此进行了负面解释。

gtmetrix
GTMetrix业绩报告

TTFB还是总充电时间?

基本上总加载时间的结果才是最重要的。第一个字节取决于许多难以影响的因素。一个未压缩的页面通常比一个完全压缩的页面有一个非常低的TTFB值。但对于内容多的页面来说,压缩后的总加载时间当然会更快。google最后如何评价这一点是模糊的。我们甚至有的页面因为软件过时而加载缓慢,PSI值为68,但28K的有机关键词,我们每天有1000左右的访客。但在可比的网站中,价值较好的网站肯定会被列为较高的网站。

CDN和加速模块

还有一些模块将静态数据存储在其他服务器上,并根据访问者的位置来提供数据。这样可以减少服务器的连接数,从而也减少了所谓的TTFB。这里可以使用来自akamai、cloudflare或incapsula的缓存,这些缓存也根据预订的服务提供压缩和优化。只要完全通过这些供应商进行连接,还包括一个小(D)Dos保护。

cloudflare网站流量概述
Cloudflare Trafficanalysis

Plesk 的 Speedkit

例如,有一个Plesk的插件,可以通过点击几下让网站变得更快。但在我的测试中,情况正好相反。这类插件的主要问题是,只有当访问者第二次浏览页面或先连接到系统时才会启动缓存。

其优势在于,您可以在不改变系统的情况下轻松激活它。但缺点是对1景游客的速度缺失。由于这个原因,你用一般的检查程序是看不到任何变化的,因为他们总是像一个全新的用户一样,在没有缓存的情况下访问网站。

speedkit-website accelerator-plesk。
Speedkit for Plesk的设计是为了让网站更快。但并不总是有效的。

由于大多数访问者往往只是通过搜索引擎链接来到网站,所以对于这些访问者来说,速度没有优势。有了机载工具,你可以不用外部缓存,也能过得很好。另外在数据保护方面,特别是DSGVO和即将出台的电子隐私条例,也不适合使用这种服务。在订购这些服务时,已经缺乏数据处理的合同。

这样一来,你就会让网站的速度更快。

最重要的一点:选对虚拟主机。

从外面看,大家 虚拟主机提供商 同样的。但这种差异往往被隐藏起来。

有的虚拟主机商打着有核心和专用资源的广告,但这一切却只能在很弱的硬件上运行。一个10年前服务器上的AMD小核心和最新版本的Intel Platinum Xeon上的核心是不一样的。

vmware_cluster
VMWare集群实例

如今,大多数供应商还将整个基础设施虚拟化。往往在奇怪的结构上,比如集装箱系统,客户预订的核心也被其他20个客户预订。好,由于软件许可成本昂贵,供应商使用真正的虚拟化系统,如vmware或KVM,通常称为云。

kvm_cluster
一个小型的KVM集群

通常共享主机就足够了。我们自己也建立了每月有数千人访问的网站。这些也是在一个小的主机账户中运行,因为虚拟主机机器通常已经是非常大的维度的供应商,所以他们可以服务数百个网站。

virtuozzo_cluster
Virtuozzo 7节点视图

但是,大多数网站都不需要他们预订的电力,所以总是有足够的电力。

在选择网宿时,只需找一个测试账号,将网站上传到那里,不需要承担任何义务。一般可以通过子域到达,测试速度。如果没什么事,就换一个供应商吧。

在这个例子中,演示页面位于一个叫 SEO服务器 webhoster.de AG,在那里你会得到一个Plesk经销商账户,为你的项目提供10个IP地址。

使用的硬件是戴尔R740服务器,采用MLC服务器固态硬盘作为raid阵列。

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

一个标准的WordPress已经安装了以下活动插件。

  • WordPress的亚马逊联盟
  • 下一个脚本。SNAP Pro升级助手
  • 下一个脚本。社交网络汽车海报
  • SEO智能链接业务
  • 快捷键终极版
  • 目录加
  • 七大要素
  • WPBakery页面生成器的终极附加组件。
  • WPBakery页面生成器
  • Yoast SEO高级版
  • WP火箭

设计模板

7作为主题。

页面的设计由主题或页面生成器的模板组成。子页面一般有2500-3000字,还有很多图片和表格。

因此,不仅要检查起始页,还要检查子页。

我们的演示网站叫做 www.super-food.de 并在此域下也能访问。所以你可以自己验证所有的测试。在另一篇文章中,我们只是告诉大家如何在很短的时间内用很少的资源建立一个大型网站。也许这也是你的东西。不时将网站复制到其他系统中进行测试,形成对比试验。

通过Plesk设置Web服务器。

首先,必须通过Plesk设置Web服务器。一直推荐使用nginx作为纯Web服务器。但我们不这样做,因为基本上不支持.htaccess文件,大部分WordPress功能的插件只能多花心思转换,否则就没有效果。也没有速度优势。

plesk-dashboard领域
域的Plesk仪表板

Plesk中的PHP设置

我们使用的是当前php7.2.9版本的默认设置。在菜单项 "PHP设置 "下,你通常可以自己设置选项。如果没有,虚拟主机提供商必须这样做。

plesk-php-version-setting with-apache。
在Plesk菜单中进行PHP设置。PHP-FPM与Apache Webserver。

Apache和nginx的设置

在nginx或Apache的设置中,我们只设置提供者已经预定义的值。所以没什么特别的。只有出于安全考虑,符号链接才会被停用,标准压缩才会被激活。

 宽度=

nginx我们将只作为代理服务器,智能处理静态文件。基本上你也可以完全不用nginx。但这样一来,http/2就不能用了,会出现其他问题。所以,我们就把整个事情都保持在默认值。

WordPress仪表板

我们的演示页面已经运行得相当不错了。但要达到100/100,我们需要进行一些修改,比如最小化,所以按照Google的建议,将CSS和Javascript结合起来。

通常你不可能什么都自己抄,但这就是为什么有一些有用的小帮手来做这件事。

我们在这个测试中使用WP-Rocket插件。但其他大多数人也可以做到这一点。

wp-rocket-dashboard
WP-Rocket仪表盘

在设置中,除了对http/2有害的设置外,我们只要点击文件优化部分的所有项目即可。对于CSS文件来说,这些是"最小化CSS"和"优化CSS显示„.

css-minify
WP Rocket CSS最小化

在Javascript设置中,你必须改变设置"最小化Javascript"和"Javascript延迟加载"和"jQuery的安全模式 (建议)"。

javascript-minify
WP Rocket Javascript设置

这几乎是它。有了这个插件,页面的PSI值上升到了94/100。 现在只有一些小的图片文件和CSS代码的优化没有了,这些文件在某种程度上没有被所谓的儿童主题压缩。实际上,google提供的这些文件都是经过优化的,这样你就可以用文件管理器轻松地替换掉它们。

在这种情况下,我们仍然可以交换主题改变的图像,并在子主题中放置一个CSS和Javascript文件。
然后在所有优化完成后,只有一小部分重装到希望的100/100,却不见了。

页面速度-见解

页速-100-100
谷歌Pagespeed Insights以100/100通过

希望我们的小教程对你的优化有所帮助。所以一切皆有可能。但事情每天都在变化。因此,您必须保持您的WordPress始终处于最新状态,否则新功能将不再被支持。

您将很快在我们的Youtube频道上找到一个完整的视频。

 

 

当前文章