jandc/critical-css

使用 'css from html extractor' 库和 twigwrapper 包装器，将关键 CSS 注入文档的 head 部分的包装器类和 twig 后处理器

维护者

详细信息

github.com/JanDC/critical-css

源代码

问题

安装次数: 11,549

依赖项: 1

建议者: 0

安全: 0

星标: 37

关注者: 5

分支: 2

公开问题: 4

0.6.1 2018-03-03 19:42 UTC

Requires

MIT 9649985f56d16f9d5118cd52434f433346df526d

  • Jan Decavele <jandecavele.woop@gmail.com>

This package is auto-updated.

Last update: 2024-09-20 21:30:09 UTC

README

用于生成关键 CSS 的 PHP 库。

critical css banner

特性

  • 仅 PHP，无需 Node.js。
  • 为每个页面自动生成
  • 通过 {% fold %}{% endfold %} 标签手动控制
  • 动态解析每个页面使用的 CSS

使用 Critical CSS 的网站

安装

composer require jandc/critical-css

注册 twig 扩展并使用关键 CSS 处理器创建包装器实例
 use TwigWrapper\TwigWrapper;
 use CriticalCssProcessor\CriticalCssProcessor;

 $twigEnvironment->addExtension(new CSSFromHTMLExtractor\Twig\Extension());
 $twigWrapper = new TwigWrapper($twigEnvironment, [new CriticalCssProcessor()]);
使用提供的块标记模板中的区域
{% fold %}
    <div class="my-class">
    ...
    </div>
{% endfold %}
使用 twigwrapper 渲染页面
 $twigWrapper->render('@templates/my/template.twig', ['foo'=>'bar']);

可用实现

如果您有自己的实现，请发送 pull request 以将其添加到此列表。