djgadd / themosis-criticalcss
一个生成关键CSS的themosis插件
Requires
- php: >=7.0
- composer/installers: ~1.2
- djgadd/themosis-illuminate: ^1.0
- djgadd/themosis-logger: ^1.0
- krisawzm/critical-css: ^2.1
- mobiledetect/mobiledetectlib: ^2.8
This package is auto-updated.
Last update: 2021-10-15 21:20:21 UTC
README
这是一个用于Themosis的WordPress插件，实现了kalfheim/critical-css以在WordPress中生成关键CSS。您需要设置wp-cli才能运行它，并且它还需要在生产环境中存在于新/更改的文章中。还依赖于keltiecochrane/themosis-illuminate的配置和文件实现，并使用keltiecochrane/themosis-logger进行日志记录。
它将为移动、平板和桌面设备生成CSS，浏览器将根据需要提供适当的CSS。它将自动修改样式标签，将其设置为rel="preload"，并使用loadCSS为不支持预加载的浏览器提供补丁。
此插件将设置一个cookie以确定之前是否已向用户提供了CSS（以避免为有CSS缓存副本的用户增加页面加载量。）您可能需要添加通知或根据当地关于cookie的法律规定覆盖此功能。
安装
从项目的基础路径运行：-
npm install critical --save
在composer中需要该包：-
composer require keltiecochrane/themosis-criticalcss
将config/criticalcss.php文件复制到您的配置文件夹。
在WordPress中激活插件。
使用
您需要安装wp-cli，生成CSS运行：-
wp critical-css generate
要清除生成的CSS运行：-
wp critical-css clear
支持
此插件按原样提供，尽管我们将尽力提供帮助。
贡献
任何贡献都将受到鼓励并非常感激，您可以通过以下方式贡献：-
- 报告错误
- 建议功能
- 发送拉取请求