kel Tiecochrane / themosis-criticalcss
0.2.7
2018-02-01 15:40 UTC
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 not auto-updated.
Last update: 2022-02-01 13:06:40 UTC
README
一个为Themosis实现的WordPress插件,实现了kalfheim/critical-css,用于在WordPress中生成关键CSS。您需要安装wp-cli来运行它,并且它也需要在生产环境中为新/更改的文章提供支持。还依赖于keltiecochrane/themosis-illuminate
的配置和文件实现,并使用keltiecochrane/themosis-logger
进行日志记录。
它将为移动、平板和桌面设备生成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
支持
此插件按原样提供,尽管我们将尽力提供帮助。
贡献
任何贡献都将受到鼓励并非常感激,您可以通过以下方式贡献:-
- 报告错误
- 建议功能
- 发送pull请求