inline-cacher:通过缓存内联样式来提高性能

时间:2021-05-26 14:24:08
【文件属性】:
文件名称: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)

网友评论