在租用服务器上获得满分 PageSpeed Insights的途径三(加速插件)

在租用服务器上获得满分 PageSpeed Insights的途径三(加速插件)

作者:云资讯    浏览次数:134    2021-07-07 15:43:17

在系列第一期中,我通过调整CSS和设置缓存插件优化了服务器响应速度和浏览器绘制速度“小樱的租用服务器真的很慢吗?” 实现了移动 70 点范围,而且看起来要快得多。在本系列的第二部分中,我尝试实施 AMP,获得最多 100 个移动点相当容易。我发现了 AMP with CSS 和 HTML 优化是多么有用,但另一方面,由于 HTML 和 JavaScript 的许多限制,我也发现仅仅通过激活插件似乎并不容易处理它……
在租用服务器上获得满分 PageSpeed Insights的途径三(加速插件)
介绍元气租用服务器爆速设置
这是最后的连载。最后,我想简单总结一下这次设置的内容。这一次,我们假设一个普通网站创建了一个网站,我们能够将初始状态下移动平均得分为 40 的网站加速到移动平均得分 98(70 个单位,没有 AMP)。但是请注意,此设置并非在所有情况下都适用,即使您这样设置也无法加快速度,因为它受已安装的插件和主题的影响。

已安装的插件
EWWW Image Optimizer(WebP 转换,图像效率)
自动优化(部分延迟加载 CSS)
W3 Total Cache(启用页面缓存、数据库缓存、对象缓存)
AMP(启用 AMP,但要注意 AMP 支持。请参阅第 2 部分)
元气租借服务器端设置
将 PHP 版本更新到最新 (7.3)
启用 PHP 模块模式(如果可能)
检查插件
虽然这次没有实现,但删除不必要的插件是必不可少的。特别是插件越复杂越多功能,服务器负载越高,页面显示速度(TTFB(Time To First Byte)),浏览器向Web服务器发送请求后,Web服务器第一个这将增加向 Web 浏览器返回 1 字节响应所需的时间))。访问分析及相关帖子等插件,以及功能较多的插件特别重,所以检查一下是否真的需要,停止→删除不需要的插件。推荐。

尤其是显示相关帖子、显示浏览排名、测量访问次数的插件,往往会增加显示页面的负载。每个插件都有一个设置缓存的功能,所以如果你真的想使用它,我们建议你使用这些功能。

  • 虽然本系列介绍了第三方插件,但我们不保证在 ogcloud 租用服务器上的操作,因此我们不接受有关使用的咨询。注意。

检查图像大小
这不是服务器端问题,但图像的文件大小对页面性能有巨大的负面影响。而且即使不是服务器端,页面显示速度也明显变慢。随着高密度显示屏在智能手机上的普及,以及对比实际分辨率更高的需求,以及智能手机可以拍摄的更高清晰度的图像,通常使用几MB的图像。但是,在创建网页时考虑图像是否真的需要以及是否需要如此高清是非常重要的。当我收到一个页面实际上加载缓慢的询问并调查它时,经常发生页面容量本身膨胀的情况。

页面上图像的大小可以在 Chrome DevTools 的网络选项卡上查看。显示每个单独的文件大小,下面显示页面的总文件大小,因此最好参考此内容。单击上方的大小可按文件大小排序,以便更轻松地查找大文件。对于过大的图片,使用EWWW Image Optimizer等图片优化插件调整大小,或者提高压缩率是有效的。

仅在您需要的时间和地点使用 Web 字体
具有网络字体功能,即使您正在浏览的PC或智能手机没有字体也可以显示漂亮的字符,并且有利于SEO,因此被广泛使用。下载整个字体文件的类型也很多。为此,字体文件可以达到几兆字节,这往往会导致页面显示缓慢。与图像一样,确保字体文件不占用空间也很重要。

ogcloud 的出租服务器具有Morisawa 网络字体功能,因此您可以使用漂亮的网络字体,无需任何可选费用。此功能中使用的森泽 TypeSquare 旨在仅下载必要字符的网络字体,因此可以最大限度地减少网络字体的缺点。字体容量大约是著名的免费网络字体的一半到四分之一,所以如果你想使用网络字体,请使用这个。请注意,某些 WordPress 主题可能默认设置了网络字体。

需要 AMP
正如我在本系列的第 2 部分中所写,AMP 很难显示,因为启用插件可以查看页面本身,但无法使用 JavaScript。考虑到 TTFB 使用缓存插件即使没有 AMP 也能够输出 2 位 ms 的事实,如果支持 AMP 需要大量时间,则可能无法强制 AMP 支持。不过也有丰富的卡片展示等优点,所以看来特别是大型网站会需要人工咨询。

AMP在AMP端设置canonical,在原始页面端设置amphtml来规范化重复的URL并引导到AMP,但也对应了一篇文章可以创建两个URL的情况。是造成难度的原因之一了解。有些方面很难轻松解释,因此请记住,如果看起来很难调查,您可以在不支持 AMP 的情况下加快足够的速度。

CGI模式下的表现
在ogcloud租用服务器中,2018年4月的标准计划中,设备规格大幅升级,之前签约的无法执行PHP模块模式。结果,正如我在第二篇文章中提到的,性能也比可用模块模式的标准计划差。由于性能下降的部分是TTFB,CSS读取的优化也可以在CGI模式下使用,缓存插件也可以在磁盘缓存模式下使用。这两个在CGI模式下也是非常有效的,所以我们就去做吧。尤其是使用了磁盘缓存,TTFB会直接得到提升,所以可以说是必不可少的。

小心不可逆转的文件编辑调整
如果您进行了各种自定义,则可能涉及无法修复的设置更改,例如通过直接编辑文件或修改主题文件来修改 WordPress 设置。确保您有备份,以防 WordPress 变为空白。ogcloud 的租用服务器免费提供备份和登台功能。

从这个意义上说,使用插件处理麻烦的定制也是有效的,正如您在本实验中所见。在最坏的情况下,如果插件被删除(大多数情况下),插件支持将恢复,即使插件稍微增加负载,如果优化效果可以预期更多,外挂可以说是在客栈响应比较安全。此外,还有一个功能可以在一定程度上避免使用最新的 WordPress 变得空白。

PageSpeed Insights的意义
PageSpeed Insights经常被当作“衡量服务器速度的工具”,但实际上它是“寻找页面显示慢部分的工具”,而服务器的速度只是其中之一. 页面显示缓慢的原因有很多,而且很难发现。但是有了 PageSpeed Insights,您可以立即修复它!它会告诉你。Insight是英文单词,意思是“洞察力”或“洞察力”,但它确实找到了瓶颈并告诉网站运营商。

页面显示慢,怎么办?我们收到了很多咨询(当然不支持,很难回答),但是有了这些工具,我们可以向服务器公司咨询,或者盯着屏幕和瓶子,现在你可以轻松找到引起并采取对策,而无需寻找脖子。此外,多亏了许多志愿者(贡献者),著名的 WordPress 加速插件正在被翻译成日语,从而可以轻松调整加速。

概括
怎样才能通过以PageSpeed Insights 3次100分为目标的项目真正把服务器性能带出来?网站的哪个部分是瓶颈?我试图深入研究这个部分。WordPress 是一个非常方便的 CMS,一个具有高度自由度的应用程序,可以让您几乎 100% 做您想做的事。但是,由于计划外使用插件,站点可能会在一眨眼之间变得沉重。即使你看到你刚刚安装的Hello World文章不做任何事情就可以得分接近100分,你可以看到它在定制过程中变得更重。

另外,ogcloud 的租用服务器被称为“慢”,但它当然能够高速显示。即便是一句话说“慢”,也有各种各样的瓶颈,除了服务器的处理速度,还有很多原因。本次介绍的各种技巧和兴趣点,对于加快网站的显示速度都是很有用的,但与其说技巧,不如养成一个对自己管理的网站牢牢评估和维护的习惯,才是重要的。

检查您的网站是否有任何显着的性能下降是一个好主意,特别是如果您添加了任何插件。可以为您提供帮助的工具之一是 PageSpeed Insights。如果只想验证 TTFB,可以尝试使用 Chrome 的 Dev Tools 重新加载几次。让我们正确识别瓶颈,过上舒适的服务器租用生活!