随着核心网络生命力更新的快速临近(现已从 5 月推迟到 6 月,请参阅此处),SEO和网站开发团队一直在努力分析网站并研究方法,以帮助网站满足更新的最大内容绘制、首次输入延迟和累积布局偏移要求。
重点关注 WordPress CMS,下面是一些快速提示,可以帮助您满足核心 Web Vitals 更新所需的分数,以下内容与当前性能插件的使用(最小化 HTML、CSS 和 JavaScript)协同工作。
DNS 预取
DNS 预取有助于减少网站上外部资 牙买加消费者手机号码列表 源的延迟。这包括 Google Tag Manager、Google Analytics、Facebook Pixels 以及您网站上可能正在使用的其他跟踪脚本。DNS 预取会在请求外部资源之前解析其 DNS,这意味着在加载外部资源时不需要进行 DNS 查找。
以下是 WordPress 网站上最常见的 DNS 预获取请求,应在 header 主题文件中的 生命力备忘单 代码行上方添加以下代码:
从资产中删除查询字符串
从资产中删除查询字符串有助于进一步提高网站性能。某些缓存引擎、服务器和 CDN 无法有效缓存具有查询字符串的文件,因此我们建议删除查询字符串。查询字符串 URL 可以通过 URL 中的“?”来识别,使用查询字符串后,URL 将如下所示。
可以使用许多可用的性能插件(例如Hummingbird和Autoptimize)在 WordPress 中删除查询字符串。
提供 WEBP 图像
WEBP 是用于网络的下一代图像格式。与 JPEG 和 PNG 图像文件相比,WEBP 提供了更好的图像压缩率,同时又不会牺牲太多质量。由于 WEBP 图像比传统文件格式提供更高的压缩率,因生命力备忘单此使用 WEBP 图像的网页变得更小,因此加载速度更快。
有许多插件可用于将您当前的 WordPress 库转换为 WEBP,其中包括Smush的专业版、Imagify和免费插件WebP Converter for Media。这些插件将在您的网站上创建图像的 WEBP 版本,并为 htaccess 或 如何培养潜在客户? 提供附加代码,以允许您的 Web 服务器提供这些新创建的 WEBP 图像。并非所有浏览器都支持 WEBP,尽管大多数现代浏览器都支持,但 Nginx 和 Apache htaccess 插件提供的代码将确保新图像可供使用现代浏览器的用户访问,而使用旧版浏览器的用户将获得原始 JPEG 和 PNG 文件。
本地加载 Google 字体和其他字体
在本地加载 Google 字体和其他外部字体有助于减少 CSS 和字体文件响应时间,还有助于减少渲染阻塞。对于加载 Google 字体,OMGF插件是下载您网站上当前使用的 Google 字体并从您自己的服务器加载 新闻 美国 它们的最简单、最快捷的方法。当您在 WordPress 安装上使用页面构建器时,插件方法也是最简单的方法。然后,您还可以选择通过插件预加载您正在使用的字体,这有助于进一步减少阻塞时间。
您可以手动下载 Google 字体并将所需的字体上传到服务器上的文件夹,如果选择,字体的 CSS 文件将包含多个粗细,如下所示:
从这里只需访问上面定义的 这生命力备忘单将下载 woff2 文件到你的电脑,只需保存它,然后将其上传到你在服务器上创建的新字体文件夹。你必须对网站上使用的每种字体和字体粗细重复此操作。将字体上传到服务器后,只需更新每种字体的 以指向服务器上的字体,然后将每个 用添加到 style. 或网站相关 CSS 文件的顶部。样式表的顶部应与下面类似,其中包含每种字体、字体样式和每种字体粗细。