【文件属性】:
文件名称:inline-cacher:通过缓存内联样式来提高性能
文件大小:22KB
文件格式:ZIP
更新时间:2021-05-26 14:24:08
CSS
内联Cacher
通过缓存内联样式来提高性能。 两全其美的!
这是的NPM实现。
它是如何工作的?
InlineCacher在页面上查找所有内联<style>标记,并将其内容存储在localStorage中。 然后,它设置一个cookie,以便服务器可以检测到后续的页面请求,并避免再次呈现内联样式。 在随后的页面上,InlineCacher将缓存的样式注入到页面中。
这结合了快速的首页加载和缓存功能。
第一页加载(演示页)
后续页面加载(演示页面)
InlineCacher仅压缩了156个字节,并且每页可以减少数十个/几百个KB。
用法
npm install inline-cacher或直接获取dist / inline-cacher.min.js文件。
在客户端上
InlineCacher导出为UMD模块,因此请根据需要导入它:
RequireJS: define(['
【文件预览】:
inline-cacher-master
----.gitignore(24B)
----README.md(3KB)
----test()
--------server.js(2KB)
--------example2.css(34KB)
--------example.css(12KB)
--------example3.css(108B)
----package.json(526B)
----dist()
--------inline-cacher.min.js(1KB)
--------inline-cacher.js(2KB)
----package-lock.json(16KB)