标签: gtmetrix

我正在使用https://gtmetrix.com来诊断我的页面速度问题.

有问题的页面有一个嵌入的YouTube视频,GTMetrix说这个视频的JS调用正在减慢页面加载速度.

这是正在进行的呼叫:

<iframe width="640" height="360" src="https://www.youtube.com/embed/PgcokT0AWHo" frameborder="0" allowfullscreen></iframe>

我正在尝试通过阻止 Google 字体下载阻止页面其余部分的加载来优化我的网站下载速度。也许我误解了 CSS 的 font-display:swap 功能，因为我认为这应该允许字体下载，而不阻止继续下载。

但是，我的 CSS 中的 font-display 标签似乎不允许字体无阻塞地下载。

即，我的 CSS

  @font-face {
        font-family: ...
        format('svg');
        font-weight: normal;
        font-style: normal;
        text-decoration:none;
        font-display:swap;}

但 GTMetrix 瀑布显示该字体仍然阻塞。

瀑布

遮挡细节

我是否误解了显示：交换或误读了瀑布？

在我自己的网站上工作时，我的网站图标面临延迟加载时间（基于水流）。我尝试了很多方法来减少水流延迟，但未能成功。花了3个多小时后，我想出了这个解决方案，像魔术一样解决问题！！

第 1 步：将 favicon 转换为数据 URI（您可以从此处创建） 第 2 步：将现有的 favicon 替换为以下代码（在 function.php 或子函数中使用它）

function add_favicon() {
	echo '<link rel="shortcut icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAICAAAAAAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAgBAAAAAAAAAAAAAAAAAAAAA.......=" />';
}

add_action('wp_head', 'add_favicon');

我有一个 WordPress 网站http://biblicomentarios.com，我使用 Cloudflare。无论我做什么，我都无法删除来自 Cloudflare 的两个 javascript。我使用 GTMetrix，我在瀑布选项卡中看到它们阻止了我的网站。它们是 email-decode.min.js 和 Rocket-loader.min.js。当然，我\xe2\x80\x99已经在Scrape Shield选项卡中禁用了电子邮件混淆，并且我禁用了Rocket Loader。我清除了所有缓存（Cloudflare 缓存、Autoptimize 缓存、SuperCache，甚至 Cpanel 缓存）。但是 js\xe2\x80\x99s 非常持久，并且它们坚持出现在 GTMetrix 瀑布中，因为阻止了 js\xe2\x80\x99s 并因此减慢了我的网站速度。另外，我可以\xe2\x80\x99t向它们添加过期标头，所以我有充分的理由希望它们离开我的网站。有什么方法可以删除它们，因为它们已经在 Cloudflare 面板中禁用了？

\n

请注意\n - 火箭装载机已禁用；Scrape Shields 电子邮件混淆已禁用。\n - 我的站点或服务器中没有 \xe2\x80\x9ccdn-cgi\xe2\x80\x9d 目录。通常，该目录是由 Cloudflare 注入的，因此两个脚本都来自 Cloudflare。\n - 我没有通过 CloudFlare 安装 \xe2\x80\x9capps\xe2\x80\x9d。\n - 阻止脚本路径为https://ajax.cloudflare.com/cdn-cgi/scripts/2448a7bd/cloudflare- static/rocket-loader.min.js和http://biblicomentarios.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js。