如何在WordPress中移除未使用的CSS(正确方法)

06/08/2024

什么是WordPress中的未使用CSS?

WordPress中的未使用CSS是加载在您网站上的但实际上不需要的CSS代码。多余的代码会让访客的浏览器渲染页面时花费更长时间,进而带来不佳的用户体验。加载时间变长甚至会影响您的搜索排名,导致网站流量减少。您可以使用Google Pagespeed Insights来查看未使用CSS对网站的影响。

为什么WordPress会添加未使用CSS?

CSS用于为您的WordPress网站设置样式。您的WordPress主题包含CSS,大部分CSS位于一个style.css文件中。除了主题的CSS外,WordPress插件也会加载自己的CSS。例如,WooCommerce会加载CSS显示产品,页面构建插件会添加其CSS以显示自定义页面,表单构建插件也会包括CSS来设置表单样式。通常这些文件很小且加载迅速,但如果您网站上有很多这样的文件,它们的影响累积起来会显著影响您网站的速度。

如何在WordPress中移除未使用CSS

有几种不同的方法可以减少WordPress网站上的未使用CSS。不过,完全移除所有未使用的CSS是相当困难的任务。因WordPress的工作方式,某些未使用的CSS可能难以找到和移除。尽管如此,我们将展示两种方法来移除未使用CSS,您可以选择最适合您的方法。

方法一:使用WP Rocket移除未使用的CSS

这种方法较简便,推荐给初学者。它可以极大改善您网站上CSS文件的整体交付,包括移除大部分未使用的CSS。首先,您需要安装并激活WP Rocket插件。激活后,访问设置» WP Rocket页面并切换到“文件优化”选项卡,勾选“移除未使用的CSS(测试版)”选项并激活。插件会处理您的CSS文件并移除未使用的CSS。

方法二:使用Asset CleanUp移除未使用的CSS

这种方法稍显复杂但非常强大,可以轻松移除特定页面上的未使用CSS。首先,安装并激活Asset CleanUp插件。激活后,访问Asset CleanUp» 设置页面并开启“测试模式”。然后访问Asset CleanUp» CSS/JS 管理器页面,逐页卸载不需要的CSS和JavaScript文件。卸载未使用的文件后,别忘了测试确保无误。

提升WordPress性能的专家指南

现在您知道如何通过移除未使用CSS来加速网站,您可能还想了解其他提升WordPress性能的指南:

  • 终极指南:提升WordPress速度与性能
  • 如何加速WooCommerce性能
  • 如何正确进行网站速度测试(最佳工具)
  • 重要指标:如何衡量WordPress网站性能
  • 如何优化WordPress核心网络性能指标(终极指南)
  • 如何使用GTmetrix插件提升WordPress网站性能
  • 如何轻松优化WordPress CSS交付
  • 最速WordPress主机(性能测试)
  • 如何在不损失质量的情况下优化网站图像性能
  • 最佳WordPress缓存插件:提升网站速度

希望这篇文章能帮您了解如何轻松移除WordPress中的未使用CSS。我们推荐您查看完整的建站成本指南及最佳托管WordPress托管服务。喜欢这篇文章的话,请订阅我们的YouTube频道,获取WordPress视频教程,也可以在Twitter和Facebook上找到我们。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>