php - 令人惊叹的减慢页面加载时间

标签 php wordpress themes webfonts

我有一个安装了“baskerville 2”主题的 Wordpress 网站。我一直在使用谷歌页面速度洞察来评估我网站的加载速度。
它告诉我 Font Awesome Webfont 预加载请求正在减慢它的速度。
我已经添加 :

<link rel=”preload” href=”https://dsbaudio.com/wp-content/themes/baskerville-2/fontawesome/fontawesome-webfont.woff2?v=4.3.0” as=”font” crossorigin=”anonymous”>

header.php这让事情有所改善。

如果我理解正确,如果主题根本没有预加载网络字体,网站加载速度会快很多吗?

有没有办法修改主题(使用离线编辑的子主题)以将其恢复为标准字体,如 Arial、Times 或 Georgia?

最佳答案

虽然它是一个很好的资源,但您可能不需要整个 FontAwesome 字体文件。

我经常使用该文件中可用的 10 个字形。如果你加载整个字体——比如 7,000 个字形——那么你正在绘制不必要的系统资源来定义 6,990 个你永远不会使用的字形。

答案:

子集你的字体,好程序员!

为此,我使用了字体子集设置服务。他们往往是免费的,并且在他们的网站上有易于遵循的说明。有几个,但你可以试试 fontello:http://fontello.com

我刚刚查看了我在我的一个网站上使用的一组相当大的图标,它有 44KB。微小的。快速地。

如果您有任何问题,请告诉我。

关于php - 令人惊叹的减慢页面加载时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59522432/

相关文章:

php - 如何使用php中的api将数据粘贴到pastebin?

php - MySQL 将用户插入到另一个用户拥有的组中

html - 水平对齐两个 div

html - 悬停时 CSS 更改其他元素不起作用

CSS:WP Twenty Fourteen 上的全高容器

php - 如何定义何时应该隐藏 "Show More"按钮?

jquery - 如何自定义主题 jquery UI 选项卡(不使用 themeroller)

wordpress - 将自定义页面模板添加到 bbPress 的 Warp 主题中

android - 抽屉导航内项目的字体大小没有改变

php - 使用 PHP 在数据库中实现值检查的最佳方法