javascript - 消除首屏内容中阻止呈现的 JavaScript 和 CSS - Wordpress

Question

我在使用 Google PageSpeed 检查我的网站时遇到此错误

Eliminate render-blocking JavaScript and CSS in above-the-fold content.

我实际上在桌面上得到了橙色代码，但在移动设备上却得到了红色代码，这是最让我困扰的地方。我已经在使用 W3 Total Cache 插件(它的免费版本)，但没有解决这个问题。

我已经尝试过许多其他插件，但没有什么区别。不知道是不是W3插件的原因，可能会干扰其他的...

Answer 1

假设您在使用 W3 时打开并正确配置了缩小选项，问题是许多 WP 插件、主题以及您在注册脚本时使用了版本选项。

这会将查询字符串放在 javascript src='http://example.com/some-javascript.js?ver=1.1' 的末尾。 W3 Total 缓存不会缩小这些文件。您需要删除 ?ver=***

试试这个代码:(找到 here )

function remove_cssjs_ver( $src ) {
    if( strpos( $src, '?ver=' ) )
        $src = remove_query_arg( 'ver', $src );
    return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );

哦，要清楚，您需要将其添加到 functions.php 文件中。