Question

我搜索过Stack Overflow并没有发现任何相关信息。所以这就是

我想知道是否有人创建了服务器端脚本（首选PHP），可以确定要呈现的页面需要哪些css规则。可以将HTML与一组css文件交叉引用，并为特定页面重新创建更轻的版本。

由于Googles Update以及渲染阻塞脚本/ CSS和减轻负载的重要性，我认为这将是一个非常棒的脚本。

Answer 1

我不确定您要求的工具是否以“纯粹形式”存在。我所知道的最接近的是未使用的css清除工具like this one。这些工具会接受一个css文件和一些html文件并删除未使用的css规则。

请注意，我链接的工具设计用于构建时，而不是运行时。这意味着您希望在部署网站之前/之后使用它来删除未使用的css，而不是每次请求时都使用它。

Answer 2

我没有遇到过这样的剧本，但实施一个并不复杂。我想实施的想法如下：

您可以将主要的css声明缓存在服务器端的php数组中，如

$css = array(".tag1"=>array(
                            "width: 10px;",
                             "height:10px;"
                            ),
             "#tag2"=>array(
                            "position:relative;",
                            "float:fixed;"
                            )
             );

声明页面顶部文件中使用的css标记的php数组（如验证方式），例如$cssused = array(".tag1", "#tag2");
在页面加载时，比较两个数组（如in_array($cssused, $css)或array_key_exists('#tag2", $css)）并加载<style>...</style>标记内主css数组中匹配的标记的css声明。 / LI>
每当您对文件进行更改时，您只需添加/编辑$cssused数组中的内容。

动态地动态重建较小的css文件

2 个答案: