在使用WordPress进行外贸建站的过程中，不少商家为了追求网站的美观，会选择安装一些内存比较大的字体，但这往往会造成网站响应速度的延迟，那么如何在WordPress上对字体进行优化呢？商家除了使用一些网站缓存插件之外，还可以通过添加短代码实现字体的异步加载或者是通过添加HTML标签来实现WordPress字体的优化。
一、WordPress字体如何影响网站优化
1、CLS
布局偏移（CLS）测量页面加载时页面上的布局偏移量，字体加载缓慢将导致页面布局在呈现字体时发生偏移，从而增加 CLS。
2、LCP
LCP 是指在网页上加载最大内容元素所需的时间。这个最大的内容元素可以是图像或视频，但也可以是文本标题或段落。因此如果字体需要大量时间来加载，并且最大的内容痛是文本，会导致页面渲染将有明显的延迟，这将增加 LCP。
3、FID
首次输入延迟 （FID）指标衡量用户与网页的首次交互时间，例如单击按钮或填写输入字段。如果字体加载速度非常慢并且渲染阻塞（不是异步或延迟），则会增加 FID，因为它会延迟页面变为交互式所需的时间。
二、WordPress如何让进行字体优化
1、使用插件
字体优化插件提供帮助的一些方法包括但不限于以下内容：
- 减小字体文件的大小，从而提高性能，WP Optimize 是一个很棒的插件，可以压缩和优化字体文件，从而减小字体文件大小。
- 通过使用一种称为 font-display 的 CSS 技术来帮助更高效地加载字体，该技术可以决定在加载时字体最初应如何显示，这有助于防止 FOIT 和 FOUT。优化 Webfonts和LoadCSS 插件也称为 OWS（优化 Webfonts Speed），是使用字体显示来帮助更有效地加载字体的一个很好的插件示例。
- 一些插件还允许为不同的设备或屏幕尺寸指定不同的字体，例如 Easy Google Fonts、Use Any Font、Better Font Awesome 等。当希望网站全屏响应时，这特别有用，因为它可以提高可读性和带宽。
2、异步加载网页字体
可以使用 ‘async’ 或 ‘defer’ 属性来指示浏览器异步加载字体文件。这实质上意味着字体文件将在后台加载，而网页的其余部分则呈现到浏览器，这将帮提高网站的性能，因为现在不会因为字体文件而阻止网页渲染，以下代码片段分别演示了 async 和 defer 的用法：
<link rel=“stylesheet”href=“my-custom-font.css”async>
<link rel=“stylesheet”href=“my-custom-font.css”defer>
3、使用 preload header
使用 preload 标头，可以指示浏览器尽快开始加载字体文件。如果在网页的初始呈现中使用字体，这可能是一种有用的技术，因为它将减少显示字体所需的时间。
使用 preload 标头非常简单，需要做的就是在 HTML 文件的 ‘head’ 中添加一个 ‘link’ 元素，将 ‘rel’ 属性设置为 ‘preload’，将 ‘as’ 属性设置为 ‘font’，并将 ‘href’ 属性设置为需要预加载的字体路径，以下代码片段为将用户提供了如何执行此操作的代码级演示。
<link rel=“preload”as=“font”href=“/fonts/my-font.woff2”type=“font/woff2“crossorigin>
相关文章
-
独立站SEO优化：必备的10+HTML常用标签大全
说到独立站SEO优化，不可避免的会遇到HTML标签优化的问题。HTML标签作为网页构建的基础，诚然熟悉并掌握HTML标签有利于帮助商家优化自己的外贸建站工作，所以下文将为大家具体介绍HTML标签是什么及常用HTML标签有哪些的有关问题。 一、HTML标签是什么 HTML标签是用于构建和格式化网页内容的基本元素，为浏览器提供如何呈现文本、图像、链接和其他媒体的说明。HTML标签被用在尖括号<>中，通常成对出现：一个开始标签和一个结束标签。结束标记与开始标记具有相同的文本，但带有额外的正…
-
独立站SEO公司价格怎么样
独立站SEO是提高品牌知名度、改善用户体验 （UX） 和为网站带来自然流量的最有效方法之一，但并非所有的企业都有知识或时间亲自投身于SEO工作中，因此许多外贸建站的站长选择外包他们的SEO需求。尽管如此，在考虑外包给独立站SEO公司时，“独立站SEO公司价格怎么样”“如何选择 SEO 公司”的问题仍是他们必须解决的问题，为了帮助用户解决选择过程中的麻烦，本篇文章从独立站SEO公司价格、是什么、为什么选择以及如何挑选独立站SEO公司为大家呈现有关内容，以帮助大家更好的进行独立站SEO的优化工作。 …
-
谷歌SEO优化之内容营销指南
“内容为王”是营销人员的一句老话。尽管对于这句话的准确性存在很大争议，但要记住的一点是，内容是如此有价值，因为所有其他营销领域都依赖于它的存在。对于搜索营销人员来说，也许最重要的是，内容是SEO的“原材料”。 营销人员获得的每个链接都指向一段内容，而人们在搜索引擎中输入的关键字则是寻找内容的尝试。每封电子邮件、每条推文、每个登陆页面以及每个产品描述——它们都是内容的示例。一方面，内容包含营销人员可以针对搜索引擎进行优化的核心元素。除了优化页面上的文字之外，这些元素向在线内容提供的元数据还可以帮助…
-
谷歌SEO优化之页面关键词优化方法
现在已经有了一个关键词列表，接下来会想围绕其构建内容，以期望对其进行排名，那么应该怎样将关键词合并到内容中才能获得更高的排名并让用户满意呢？本文为大家讲解页面关键词的优化。 一、关键词意图如何影响页面的搜索引擎优化 假设想要优化关键词短语： “second hand clothes”。大家需要围绕这个词构建内容，但我文章应该从什么方向来切入，为了排名获取内容吸引多数的搜索用户，这就需要摸清用户的搜索意图。 想要购买二手衣服 想要二手衣服的照片 想要对二手衣服进行再利用 针对这个问题，只需查看搜索…
-
独立站SEO内容优化包括哪些方面？
独立站SEO内容优化包括等方面，这些内容对于建站小白来说，可能会有一定的陌生感，所以下文将基于此为大家具体介绍独立站SEO内容优化的有关内容，以供在外贸建站时提供一个参考。 独立站SEO内容优化一：TDK SEO TDK是优化页面meta tag的一项重要工作：T代表页面标题(title)，D代表页面描述（description），K代表页面关键字（keywords）。谷歌在之前算法优化后，就不再将关键词作为排名因素，因此可以忽略这部分内容，TDK在搜索结果页面呈现的效果如下： 合适的长度：标题…
-
国际SEO是什么及优化策略
国际SEO是一种向全球多个国家展示搜索排名结果的过程，外贸建站商家主要可以通过国际站点的URL结构、hreflang标签、关键词研究、本地化内容等方式实现国际SEO优化策略的制定。相较于本地SEO而言，国际SEO可能对大家来说有点陌生，所以下文将为大家具体介绍国际SEO是什么及优化策略的内容。 一、国际SEO是什么 国际搜索引擎优化是提高网站在不同语言和国家的搜索引擎结果页面 （SERP） 上的知名度的过程。它涉及从目标区域中的受信任站点获取链接、创建本地化内容以及构建站点以有效覆盖全球受众等技…
