内联关键路径css并延迟异步加载完整css。
django-critical的Python项目详细描述
django-critical
===
内联关键路径css并延迟异步加载完整css。
----
`django-critical`分析`{%critical%}`和`{%endcritical
%}`之间的html并搜索css。
``html
{%critical%}
<;link rel=“stylesheet”href=”//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css“>;
<;style>;
.jumbotron h1{
颜色:红色;
}
<;/style>;
{%end critical%}
```
-WebKit文本大小调整:100%…<;style>;
```
{%critical_async%}`
模板标记负责使用fillinggroup的
[loadcss]加载其余的css。
installation
----
*install`django critical`:
``sh
pip install django critical
```
*将“critical”添加到“已安装”的应用程序中`设置:
`` python
已安装的应用程序=(
其他应用程序
“关键”
)
```
*在“中间件类”中添加“critical.middleware.criticalcssmidleware`
设置:
`` python
中间件类=(
其他中间件
“关键.middleware.criticalcssmidleware”,
)
```
*将“关键顶层路径”设置指向正确的路径,例如:
``python
critical顶层路径=os.path.join(
base目录,'node模块/penthouse/penthouse.js')
`````
caching
----
`django critical`计算第一个请求的关键路径css,缓存
结果并将此css原封不动地用于进一步的请求。不过,大多数web
应用程序对于不同的页面组具有不同的关键路径CSS这可以使用{%critical_key<;key>;“%}”模板标记
来解决,这样不同的模板可以有不同的缓存键。
这是否稳定并可供生产使用?
——[错误
报告](https://github.com/martinblech/django-critical/issues)和
[贡献](https://github.com/martinblech/django-critical/pulls)都是
欢迎的,尽管如此!
===
内联关键路径css并延迟异步加载完整css。
----
`django-critical`分析`{%critical%}`和`{%endcritical
%}`之间的html并搜索css。
``html
{%critical%}
<;link rel=“stylesheet”href=”//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css“>;
<;style>;
.jumbotron h1{
颜色:红色;
}
<;/style>;
{%end critical%}
```
-WebKit文本大小调整:100%…<;style>;
```
{%critical_async%}`
模板标记负责使用fillinggroup的
[loadcss]加载其余的css。
installation
----
*install`django critical`:
``sh
pip install django critical
```
*将“critical”添加到“已安装”的应用程序中`设置:
`` python
已安装的应用程序=(
其他应用程序
“关键”
)
```
*在“中间件类”中添加“critical.middleware.criticalcssmidleware`
设置:
`` python
中间件类=(
其他中间件
“关键.middleware.criticalcssmidleware”,
)
```
*将“关键顶层路径”设置指向正确的路径,例如:
``python
critical顶层路径=os.path.join(
base目录,'node模块/penthouse/penthouse.js')
`````
caching
----
`django critical`计算第一个请求的关键路径css,缓存
结果并将此css原封不动地用于进一步的请求。不过,大多数web
应用程序对于不同的页面组具有不同的关键路径CSS这可以使用{%critical_key<;key>;“%}”模板标记
来解决,这样不同的模板可以有不同的缓存键。
这是否稳定并可供生产使用?
——[错误
报告](https://github.com/martinblech/django-critical/issues)和
[贡献](https://github.com/martinblech/django-critical/pulls)都是
欢迎的,尽管如此!