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

时间:2024-06-15 08:10:48
【文件属性】:

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

文件大小:22KB

文件格式:ZIP

更新时间:2024-06-15 08:10:48

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)

网友评论