README

critical css typo3 扩展

此扩展可自动检测并内联关键 CSS 定义。

此扩展的实现不使用浏览器来检查特定的视口大小。相反，它使用你可以在网站上任何位置放置的标记。例如，TypoScript 在第二个 tt_content 元素之后放置它。

然后，此扩展将使用复杂的正则表达式来创建一个统计，记录直到标记为止使用的元素/属性/类/ID。然后使用 sabberworm/php-css-parser 解析所有 CSS 文件，并将所有 CSS 选择器与之前创建的统计相匹配和缩减。

即使面对如 bootstrap 这样的大型框架，整个过程也非常快速，最终只产生 2-3 kb 的内联 CSS。

这应该是你做的最后一个优化之一
确保没有其他内容会阻塞首次绘制，否则此优化将无效
确保你的网站不是通过 php 交付的，因为这将可能是你可以做的最大的性能提升。我推荐 lochmueller/staticfilecache，因为它没有平台依赖，并且非常透明。但其他策略也很好。

运行测试套件的最简单方法是安装 docker 并使用以下命令

composer db:start，这将启动一个用于 mysql 数据库的 docker 图像。这对于功能测试是必需的。
composer test 运行单元和功能测试套件。你可以分别运行它们，使用 test:unit 或 test:functional。你也可以使用 composer test:unit -- --filter External 使用过滤器。
composer db:stop 将停止并删除数据库。

当然，如果你有本地数据库，你也可以在没有 docker 的情况下运行它们，但那时你必须手动编写测试命令 ;)