Perfmatters,配置指南

 

它不支持服务器端的语言,如PHP。要添加自定义的PHP代码,建议使用Code Snippets插件。

预装

Perfmatters,配置指南 49

在预加载中,第一个选项叫"即时页面",它使用instant.page ,在你的网站上本地加载一个不到2KB的小JS文件(instantpage.js),当用户在一个链接上悬停,或在桌面版的图片上悬停时,它被用来预加载URLs。在移动设备上,在用户开始点击屏幕上的链接后,在他们释放链接之前,一个URL就会被预载。

65毫秒后,URL的预加载在后台自动开始。

这个工具相当于Litespeed的"即时点击"和WP Rocket的"预加载链接",所以如果你在这两个插件中使用这个选项,你应该停用它来尝试Perfmatters。

在我的案例中,它比Litespeed中的同等选项效果更好一些,尽管应该注意到在某些情况下它会增加服务器的负载。

与Javascript和CSS选项一样,预加载和预连接的使用应根据你的需要,基于不同的测试来使用。

Perfmatters,配置指南 50

预装关键图片(折叠上方的图片),是一个仍处于测试阶段的选项,可以帮助减少在Core Web Vitals中绘制大型内容(LCP)所需的时间。

这些典型的图像,如标志、文章中的特色图像、登陆页上的主要图像等。当你预加载它们时,它们会移动到瀑布的顶部,并基本上 告诉浏览器它们有优先权,应该立即被加载。

你可以选择零,预装没有(默认选项),和五张图片。Permatters建议 最多选择 两张或三张,因为Chrome浏览器有两个预装图片的限制,会出现在瀑布的顶部。

懒惰的加载

Perfmatters,配置指南 51

另一个与性能有关的经典,WordPress从2020年的5.4版本开始就已经原生包含了。

在我的案例中,我使用Litespeed选项,因为在测试中我发现结果稍好,即便如此,Perfmatters的那个选项也非常好用,而且还适用于背景图片的CSS。

字体

Perfmatters,配置指南 52

另一件好事。这个选项是在.NET的1.7.4版本中添加的。 绩效管理于2022年6月7日发布。它允许你通过几次点击在本地托管和加载谷歌字体。

在本地托管字体的好处很多,你可以获得对它们的完全控制权,你可以消除所有这些请求,从而消除加载时间,而且你可以决定如何提供这些字体。

该功能会自动定位你的博客上存在的任何谷歌字体参考,从fonts.google.com下载相应的字体,并将它们托管在你的服务器上的本地目录:/wp-content/cache/perfmatters/your-domain.com/fonts/

这另一篇文章更详细地解释了它的用途。

CDN

Perfmatters,配置指南 53

这里没有什么特别之处,也没有什么可评论的。一个工具,添加你使用的CDN总是有用的。由于我使用QUIC.CLOUD,我还不需要它。

分析

Perfmatters,配置指南 54

虽然我现在不使用它了,因为我开始过渡到Matomo,并将Analytics脚本的管理交给我的 RGPD/CCPA cookie同意管理插件 ,它也能正确地管理它,但我知道它与Perfmatters的工作非常好,因为我当年用过它。

从这里你可以在本地托管谷歌分析脚本。这有助于通过减少额外的DNS查询和解决其脚本的 "利用浏览器缓存 "问题来加快你的网站。

根据Perfmatters的说法,具有讽刺意味的是,谷歌自己的脚本抛出了关于缓存的警告,但这是因为他们的HTTP缓存头过期时间非常短。如果你自己托管,来自你自己的CDN或服务器的HTTP缓存头将被自动应用。换句话说,你获得了对脚本缓存的完全控制。

他们还指出,这个工具没有得到谷歌的正式支持,但已经使用了多年,没有任何问题。

在本地托管谷歌分析,并从自己的CDN或服务器上提供脚本,也可以让你利用单一的HTTP/2连接的优势。

这篇文章 包括一些关联链接

Suscríbete para recibir los post en tu email sin publicidad

相关文章

Este blog se aloja en LucusHost

LucusHost, el mejor hosting