移除阻止渲染的 JavaScript：答案

【问题标题】：Remove render-blocking JavaScript:移除阻止渲染的 JavaScript：
【发布时间】：2017-06-18 01:28:31
【问题描述】：

我正在尝试加快网站速度并在此处获得 100/100：页面速度洞察 - 网站 www.chrispdesign.com

我曾尝试移动编码等，但在我的 wordpress 网站上，我似乎无法找到正确的放置位置。如果我把它放在正确的地方，它就不会起作用。

我也不能找到删除渲染阻止 JavaScript： http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js 仅在查看页面源上的任何 wordpress 页面上？

我已经尝试了一些关于自动优化插件等的选项。

并尝试了此链接上的人所做的事情： https://moz.com/community/q/fixing-render-blocking-javascript-and-css-in-the-above-the-fold-content

尝试了一些技巧，但无济于事。

有人有想法吗？

非常感谢

肖恩

【问题讨论】：

标签： javascript jquery css ajax wordpress

【解决方案1】：

如果你想将javascript文件移到底部，你需要注销它（对于jquery），并在注册/入队后使用wp_enqueue_script（将最后一个参数设置为true）

<?php
function move_js_files(){
    // Deregister jquery load by default
    wp_deregister_script( 'jquery' );
    wp_deregister_script( 'jquery-core' );
    wp_deregister_script( 'jquery-migrate' );

    // Register it by yourself and enqueue with last parameter at true
    wp_register_script('jquery', includes_url() . '/js/jquery/jquery.js');
    wp_enqueue_script('jquery', includes_url() . '/js/jquery/jquery.js', array(), false, true);

    wp_register_script('jquery-migrate', includes_url() . '/js/jquery/jquery-migrate.min.js');
    wp_enqueue_script('jquery-migrate', includes_url() . '/js/jquery/jquery-migrate.min.js', array('jquery'), false, true);

    // Exemple with a custom script in theme, no need to deregister
    wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/custom-min.js', array( 'jquery' ), false, true );
}

// Only load on frontend
if(!is_admin()){
    add_action( 'wp_enqueue_scripts', 'move_js_files', 0 );
}

您还需要检查所有使用 jQuery 的 javascript 文件（在主题和插件中）是否也已移至底部。

这对我有用，在 Google Page Speed 上有几个网站。

希望这能有所帮助！

【讨论】：

您好，您可以通俗地解释一下。我对这种类型的编码不是很有经验。非常感谢您的第一次回复，我只是不明白。

【解决方案2】：

您可以尝试将 defer 属性添加到需要延迟到页面加载后的脚本标签，请参阅：

http://www.w3schools.com/TAgs/att_script_defer.asp

【讨论】：