在使用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分析是网站排名优化较为困难，但也是商家应该重视的一部分工作。为了帮助各位不懂谷歌网站技术SEO分析优化的商家，全面检查网站的技术问题，下文将为大家介绍抓取错误、移动优化、失效链接、HTTPS、网站加载速度、Canonical规范化标签等十大部分，助力各位商家谷歌外贸建站业务的顺利开展。 谷歌网站技术分析一：排除抓取错误 抓取错误就是谷歌爬虫不能正常访问网站内容，如果抓取不正常就不能把网站收录到谷歌的数据库当中，结果就是没有自然排名和流量。 可以在Google Search C…
-
网站TDK是什么？TDK优化技巧指南
网站TDK是什么？网站TDK指的是独立站的标题、描述和关键词部分，是外贸建站工作不可缺少的一部分，因为一个好的TDK有利于优化网站结构，从而提高网站的搜索引擎排名，那么到底该如何优化网站TDK呢？下文将为大家具体介绍TDK优化技巧指南，为大家提供一个参考意见。 TDK优化技巧指南之标题优化 标题（Title）是用户在搜索结果页面最直观了解网站的部分，是搜索引擎判断页面相关性的一个重要指标。主要有网站标题、广告标题、文章标题、页面标题等不同类型，为了确保标题在搜索引擎中具有吸引力且能传达正确的信息…
-
独立站SEO投资回报率怎么算及应用技巧
独立站SEO投资回报率怎么算？独立站SEO投资回报率可以通过公式（SEO收益 – SEO成本）/ SEO成本 × 100%进行计算。SEO投资回报率作为衡量SEO效果的核心指标，是每一位想通过外贸独立站拓展业务，塑造品牌的必修之课，通过了解清楚SEO收益和成本之间的关系，进一部分配资源和优化运营策略，实现业务的可持续增长。 一、什么是SEO投资回报率 SEO投资回报率（ROI）是衡量SEO策略效果的核心指标，帮助了解每一元投入在SEO上的资金能带来多少收益。通过分析SEO ROI，可以评估SEO…
-
提高商品转化率之必备图片SEO优化技巧
什么是图片SEO优化？图片SEO优化就是借助替代文本、标题、图片等属性，来提高网站搜索排名和访问量的一种搜索引擎优化技巧。值得一提的是，图片搜索更是占据了谷歌总搜索量的三分之二。诚然熟悉图片SEO优化技巧已成为跨境电商建站的必备技能，这也将是本文接下来要分享的内容。 1.产品图片要简单明了 上传产品，需要首先明确各电商平台的具体要求，比如一共需要几张图片、是否需要白底图片、图片格式及文件大小等，还要注重搜索引擎的抓取规则。产品图片要简单明了、干净利落，带有边框、文本或其他装饰，将不利于搜索引擎抓…
-
独立站流量来源有哪些？
独立站流量来源有哪些？独立站流量主要有自然搜索流量、付费广告流量、社交媒体流量等六大流量来源，掌握并了解这些流量来源不仅有利于提高网站排名，进行搜索引擎的梳理优化，而且有利于商家制胜跨境电商独立站的推广赛道，所以下文将为大家具体阐释这几种独立站流量来源，为大家进行网站的优化提供一个参考。 独立站流量来源一：自然搜索流量 自然搜索流量是商家通过内容优化带来的网站排名提高的结果，关键词带来的优化越好，网站排名越高，独立站的自然搜索流量也就越大。这部分流量主要借助Google、Bing、Baidu等常…
-
网站SEO优化之URL规范化完整指南
当外贸建站推广的时间越久，网站内部不可避免的会出现重复或者是相同的内容，或者是当运营人员想将一篇其他网站的优秀的文章发布在自己网站的时候，这就是规范化URL的用武之地。重复的内容可能会使搜索引擎感到困惑，稀释自己网站的排名，在本文中小编将围绕规范化URL是什么、为什么要使用、什么时候使用及怎么设置四方面，帮助大家避免SEO优化中的一些错误，助力网站排名的提升。 一、什么是网站URL规范化 规范 URL，因为 HTML 标签 rel=“canonical” 而引用，是当同一网站或不同网站上有多个页…
