WordPress如何压缩JavaScript

1. WordPress这玩意儿搞JS压缩其实挺简单，就像把一团毛线捋直了塞进小盒子。核心思路就是让浏览器读起来更快，但开发者自己调试时候还得看原版。用官方自带的工具就行，比如WP Rocket或者Autoptimize这类插件，装好就能自动处理。

2. 先举个栗子，你往主题的functions.php文件里塞这段代码，它能合并所有JS文件成一坨：

add_filter('wp_resource_hints', 'compress_js_files', 10, 2);
function compress_js_files($urls, $relation_type) {
    if (wp_script_is('main-script') && $relation_type === 'script') {
        $urls[] = array('href' => get_template_directory_uri() . '/compressed.js', 'type' => 'script');
    }
    return $urls;
}

3. 不过有时候插件会打架，比如jQuery被压扁了反而报错。这时候得排除某些文件，像这样：

add_action('wp_enqueue_scripts', 'skip_jquery_compression');
function skip_jquery_compression() {
    if (!is_admin()) {
        wp_deregister_script('jquery');
        wp_register_script('jquery', includes_url('/js/jquery/jquery.js'), array(), null, true);
    }
}

4. 缓存机制也得跟上，不然每次访问都重新压缩太傻。用.htaccess加个过期头：

<IfModule mod_expires.c>
ExpiresByType application/javascript "access plus 6 months"
</IfModule>

5. 最后记得压完要测试，别整个站JS全挂了啊。浏览器按F12看Console有没有红字，有的话就得往回倒腾。这东西就像拼乐高，手滑了容易塌，但堆好了速度嗖嗖的。

Tags：

文章版权声明：除非注明，否则均为WP集市原创文章，转载或复制请以超链接形式并注明出处。