改进wordpress中脚本/样式的顺序

时间:2018-06-02 14:41:04

标签: javascript jquery css wordpress

我在GTMetrix.com上进行了测试,得到了以下我希望解决的结果:

Defer parsing of JavaScript
    https://cdn.livechatinc.com/js/embedded.20180601111352.js (298.1KiB)
    https://www.supplementgenie.co.uk/wp-content/cache/wpfc-minified/d5kgllyt/hkkjp.js (206.0KiB)
    https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js (85.8KiB)
    https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js (29.3KiB)
    https://www.mysite.co.uk/ (10.9KiB of inline JavaScript)

Optimize the order of styles and scripts
    https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css
    https://fonts.googleapis.com/css?family=Roboto:400,300,700
    https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css
    https://www.mysite.co.uk/wp-content/cache/wpfc-minified/7nwfrtef/hkkjp.css

我非常热衷于解决这些问题...我对网页设计相对较新,我的网站还处于起步阶段,我可以采取的任何措施来改善其搜索引擎优化将是一个巨大的帮助。

外部JS和CSS目前已添加到......

我已经尝试将外部JS和CSS排入队列

function external_scripts() {

    wp_enqueue_script('googleapis', 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', array('jquery'), '1.11.2', false);
    wp_enqueue_script('bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js', array('jquery'), '3.3.2', false);
}

add_action( 'wp_enqueue_scripts', 'external _scripts' );  

function external_styles() {

    wp_enqueue_style('bs_css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css');
    wp_enqueue_style('font_awsom_css', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
}

add_action( 'wp_enqueue_style', 'external _styles' )

然而,它似乎打破了网站并且图像etxc无法加载。

我非常感谢在wordpress中正确调用外部脚本和样式的一些帮助,以及如何从插件中对脚本/样式的顺序进行排序

0 个答案:

没有答案