←返回博客

如何让使用WordPress和Elementor构建的网站在Google PageSpeed Insights上获得100/100分

2021-03-07•5分钟阅读

我想检查一下，使用WordPress、页面构建器Elementor和Astra主题构建的网站是否有可能在Google PageSpeed Insights上获得100/100的完美分数。
我决定使用WordPress和Elementor构建我自己的网站https://davidloor.com/，并遵循我将在下面描述的建议，我的网站正如您在以下截图中所见，获得了100/100分。

本指南假定您已经有一个正在运行的WordPress站点。

在Cloudflare上创建免费账户

“Cloudflare是互联网上最大的网络之一。人们使用Cloudflare服务来提高其网站和服务的安全性和性能。” 它有一个免费版本，这是我为我的网站使用的版本。
您可以在此处创建免费账户： https://dash.cloudflare.com/sign-up

有关Cloudflare的更多详细信息，您可以访问其官方文档： https://www.cloudflare.com/learning/what-is-cloudflare/

完成账户注册后，请访问https://dash.cloudflare.com/profile/api-tokens，在“全局API密钥”下，点击“查看”，输入您的密码并复制我们将在后续步骤中使用的密钥。

安装免费WordPress插件

我们需要在WordPress站点上安装两个插件。如果您不知道如何在WordPress中安装插件，请访问此链接了解操作方法。

1. Autoptimize

可以从此链接下载该插件。

在此页面，https://YOUR-SITE/wp-admin/options-general.php?page=autoptimize，启用所有选项，但保持以下选项禁用：

  1. 是否也为登录的编辑者/管理员进行优化？
  2. 保留HTML注释？

在此页面，https://YOUR-SITE/wp-admin/options-general.php?page=autoptimize_imgopt，启用所有选项。

在此页面，https://YOUR-SITE/wp-admin/options-general.php?page=autoptimize_extra，勾选所有复选框，如果您不使用Google字体，请选择“移除Google字体”选项并点击保存。

2. WP Cloudflare Super Page Cache

可以从此链接下载该插件。

在此页面，http://YOUR-SITE/wp-admin/options-general.php?page=wp-cloudflare-super-page-cache-index，输入您用于创建Cloudflare账户的电子邮件以及上面解释的API密钥。

在此页面，https://YOUR-SITE/wp-admin/options-general.php?page=wp-cloudflare-super-page-cache-index，确保启用了启用备用页面缓存选项，这样，如果页面无法在Cloudflare中缓存，就可以使用磁盘缓存。

3. 禁用Astra主题和Elementor插件的默认字体

将以下过滤器添加到您主题的functions.php文件中。

/**
 * 禁用默认的Astra字体。
 */
add_filter( 'astra_enable_default_fonts', '__return_false' );
/**
 * 禁用Astra的Google字体。
 */
add_filter('astra_google_fonts_selected', function($fonts) {
    return [];
});
/**
 * 禁用Elementor的Google字体。
 */
add_filter( 'elementor/frontend/print_google_fonts', '__return_false' );

更新于2022年12月2日

我已将Astra主题切换为Hello Elementor主题，https://elementor.com/hello-theme/，这有助于在移动设备上也获得100/100的分数。

分类：

SEO