修复WooCommerce wc-ajax=get_refreshed_fragments 导致页面加载缓慢的问题

wc-ajax=get_refreshed_fragments 导致页面加载缓慢的问题很常见,几乎找我做WooCommerce网站加速优化的客户都有这个问题存在.

用 GTmetrix 和 pingdom 进行页面速度检查时，可以发现组件“wc-ajax=get_refreshed_fragments”大约需要一秒钟才能加载。大多数其他情况下，页面加载甚至需要 5 到 10 秒。

如果您在使用 WooCommerce Ajax 调用时遇到页面速度问题，那么以下是针对不同情况解决问题的解决方案。

1.什么是wc-ajax=get_refreshed_fragments？

下面是来自 pingdom 的屏幕截图，显示了页面上加载“wc-ajax=get_refreshed_fragments”的漫长等待时间。在 Google PageSpeed Insights 工具中列为渲染阻塞问题.

这个是由于WooCommerce 调用脚本来收集购物车详细信息,而且每个页面都在重复调用,购物车为空的情况下也在调用,每加载一个页面Ajax都在调用购物车信息,将大大延迟您的页面加载时间，还会消耗大量服务器资源. 找到问题的关键我们就可以在不需要调用的页面把这个给干掉,提高页面加载速度.

2.如何解决 wc-ajax=get_refreshed_fragments 的问题？

• 网站首页上禁用购物车碎片。
• 停用首页和帖子上的购物车碎片。
• 禁用商店页面以外所有页面上的所有 WooCommerce 样式和脚本。

修改functions.php文件,代码如下:

/** 禁用除商店页面外的所有 WooCommerce 样式和脚本*/
add_action( 'wp_enqueue_scripts', 'dequeue_woocommerce_styles_scripts', 99 );
function dequeue_woocommerce_styles_scripts() {
if ( function_exists( 'is_woocommerce' ) ) {
if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
# Styles
wp_dequeue_style( 'woocommerce-general' );
wp_dequeue_style( 'woocommerce-layout' );
wp_dequeue_style( 'woocommerce-smallscreen' );
wp_dequeue_style( 'woocommerce_frontend_styles' );
wp_dequeue_style( 'woocommerce_fancybox_styles' );
wp_dequeue_style( 'woocommerce_chosen_styles' );
wp_dequeue_style( 'woocommerce_prettyPhoto_css' );
# Scripts
wp_dequeue_script( 'wc_price_slider' );
wp_dequeue_script( 'wc-single-product' );
wp_dequeue_script( 'wc-add-to-cart' );
wp_dequeue_script( 'wc-cart-fragments' );
wp_dequeue_script( 'wc-checkout' );
wp_dequeue_script( 'wc-add-to-cart-variation' );
wp_dequeue_script( 'wc-single-product' );
wp_dequeue_script( 'wc-cart' );
wp_dequeue_script( 'wc-chosen' );
wp_dequeue_script( 'woocommerce' );
wp_dequeue_script( 'prettyPhoto' );
wp_dequeue_script( 'prettyPhoto-init' );
wp_dequeue_script( 'jquery-blockui' );
wp_dequeue_script( 'jquery-placeholder' );
wp_dequeue_script( 'fancybox' );
wp_dequeue_script( 'jqueryui' );
}
}
}

做完以上这些,再去测试一下,你会发现网站的页面加载速度显著提高.