以下是"未使用的CSS"工具

有很多工具可以帮助您从项目中删除\"未使用的CSS\"。从来没有一个星期过去了，我看不到一个工具，这是分享或推广。对于某些开发人员来说，它一定会引起某种完美的共鸣。我关心性能，我知道减小文件大小有利于提高性能。事实上，的确如此。我敢打赌我们的样式表中有未使用的CSS，如果我们删除它，这将是一个性能上的胜利。Yep，是的。我们应该把它自动化。ehhhhh，我不太确定。 p>p p p p>有一些主要的性能工具播放器来实现这个想法，比如Lighthouse，以及它如何为您提供CSS和JS的\"覆盖范围\"，这肯定会告诉你，你正在发送你不需要的代码。那些声称可以帮助你使用未使用的CSS的工具必须执行分析才能告诉你什么是未使用的，什么不是。这里有一种方法可以做这个分析。呈现站点的一个页面并获得完整的DOM。然后得到完整的CSS，它可以为您提供CSS中所有选择器的数组。在那些选择器上循环，在DOM中做一个querySelector，看看它是否匹配任何东西。如果没有，CSS选择器就没有被使用。聪明点，对吧？！我想是的。但这种分析描绘了一幅相当有限的图景。假设分析在页面完成两秒钟后运行，但是有一些JavaScript在五秒钟后运行并注入模态（我知道，ughk）。分析可能会遗漏该模式中的HTML，该模式可能具有样式，因此会错误地将这些样式报告为未使用。所以，时间是一个因素。希望这个分析工具有办法配置多个计时。到目前为止，我们也只看了一页。当然，一个站点可能有几十个、几百个或几千个页面。要完全确定未使用的样式，查看所有样式是最确定的。多页是另一个因素。希望一个分析工具有一种方法可以根据你的要求查看尽可能多的页面。也许它可以看一个网站地图？还记得时间安排吗？我们可以把时间看作是状态的一种通用形式。有无数其他事情可能与国家有关。用户是否登录？他们有什么计划？他们的信用卡是否过期了，从而显示出某种特殊信息？像时间/日期/地理位置这样的情景会改变状态吗？实时数据呢？API里的东西？应用程序级状态显然是一个重要因素。希望这个分析工具能够触发/设置所有可能的状态组合。还有交互状态。如果情态动词是因为被点击而出现的呢？什么是活动选项卡？这个菜单开着还是关着？他们在什么位置？这有无限的排列。想象一下，在用户登录后7秒钟出现一个警告栏，警告用户他们的信用卡已过期，其中包含一个自定义样式的选择菜单，可以处于打开或关闭状态，但只能在\"用户设置\"页上显示。这个分析工具似乎不太可能处理所有这些可能性。即使有大量的配置、模拟状态和集成测试，它也无法涵盖所有这些几乎无限可能的排列。然而，我不认为这些工具是无用的-它们只是……工具。它们的使用实际上是朝着更好的代码迈出的积极一步。他们的使用表明，好吧，我承认，我有点害怕我们的CSS。你可以使用这个工具来获得你未使用的CSS的大致情况，然后结合你自己对CSS代码库的了解做出更明智的决定。或者采取另一个技术步骤，比如给那些未使用的选择器添加一个背景图像，检查服务器日志，看看它们是否被击中。应该说，未使用的CSS的整个想法是我们行业正在经历的JS saga中CSS的一部分。如果您的所有样式都是作为组件的一部分编写的，那么就不会有未使用的CSS。如果你对未使用的CSS的危险特别敏感的话，这可能会影响你在JS工具中使用CSS。还应该说，这种DOM和CSSOM分析技术只是检查未使用样式的一种可能方法。如果您有某种花哨的工具可以分析所有的模板、样式和脚本，那么可能还可以确定未使用的样式。我们在最近与克里斯·艾普斯坦（Chris Eppstein）的商谈节目中谈到了这一点

以下是"未使用的CSS"工具

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么