如何禁用 WooCommerce 脚本和样式

当您安装 WooCommerce 时,默认情况下会在您的 WordPress 网站的每个页面上加载其脚本和样式。 这对于性能来说绝对不是很好。 正如您在我们的测试网站上看到的, WooCommerce 正在加载 8 个脚本 在我们的主页上,我们甚至没有任何产品。

如何禁用 WooCommerce 脚本和样式
WooCommerce 脚本和样式

禁用 WooCommerce 脚本和样式

在 Perfmatters 插件中,您可以在除产品、购物车和结帐页面之外的任何地方禁用 WooCommerce 脚本和样式。 请按照以下步骤操作。 确保您首先安装并激活了 WooCommerce。

步骤1

单击进入 Perfmatters 插件设置。

如何禁用 WooCommerce 脚本和样式
Perfmatters 插件设置

第2步

确保您位于“常规”选项卡上。

如何禁用 WooCommerce 脚本和样式
性能常规选项卡

第 3 步

向下滚动到“WooCommerce”部分并打开“禁用脚本”。

如何禁用 WooCommerce 脚本和样式
禁用 WooCommerce 脚本和样式

第4步

向下滚动并单击“保存更改”。

这个怎么运作

我们利用 wp_dequeue_scriptwp_dequeue_style 使以下脚本出列的函数:

  • wc_price_slider
  • wc-single-product
  • wc-add-to-cart
  • wc-checkout
  • wc-add-to-cart-variation
  • wc-single-product
  • wc-cart
  • wc-chosen
  • woocommerce
  • prettyPhoto
  • prettyPhoto-init
  • jquery-blockui
  • jquery-placeholder
  • fancybox
  • jqueryui

它总是出列以下样式:

  • woocommerce-general
  • woocommerce-layout
  • woocommerce-smallscreen
  • woocommerce_frontend_styles
  • woocommerce_fancybox_styles
  • woocommerce_chosen_styles
  • woocommerce_prettyPhoto_css
  • woocommerce-inline
  • wc-block-style
  • wc-block-vendors-style

脚本和样式不会在需要这些的 WooCommerce 地方出列,例如购物车、结帐、帐户页面、产品帖子、产品类别和商店页面。

替代方法

你也可以使用内置的 脚本管理器 以达到相同的结果。 但是,上述方法更容易和更快。

声明:本站资源绿色无后门无广告,可放心下载。如无特殊说明或标注,均为本站原创发布,转载请注明出处!