minimalcss:使用puppeteer提取一组URL中使用的最小CSS

时间:2024-05-04 04:20:54
【文件属性】:

文件名称:minimalcss:使用puppeteer提取一组URL中使用的最小CSS

文件大小:123KB

文件格式:ZIP

更新时间:2024-05-04 04:20:54

JavaScript

极简主义 一个节点库,用于通过puppeteer提取一组URL中使用的最小CSS。 用于查找即使在执行[removed]下,首次加载时所需呈现的最小CSS。 这种最小CSS也称为 ,最终成为一种Web性能技术,可使网页在初始加载时加载速度更快。 它有什么作用 您提供一个打开的URL列表(一次打开一个),并为每个页面下载所有外部CSS文件(例如<link rel="stylesheet" href="bootstrap.min.css"> ),并使用DOM和document.querySelector来调查CSS中的哪些选择器实际上在DOM中。 仅需最小CSS负载即可加载样式化的URL,而不必使其在CSS上受阻。 在幕后,它依赖于使用Headless Chome Node API的出色。 这意味着它可以(在撰写本文时)运行Chrome 62,并且该库由Google Chro


【文件预览】:
minimalcss-master
----.gitignore(28B)
----package.json(1024B)
----src()
--------run.js(23KB)
--------utils.js(2KB)
--------tracker.js(787B)
----bin()
--------minimalcss.js(5KB)
----CONTRIBUTING.md(723B)
----LICENSE(1KB)
----index.js(226B)
----CHANGELOG.md(9KB)
----tsconfig.json(231B)
----.github()
--------workflows()
----scripts()
--------lintcheck.sh(473B)
--------e2e.js(2KB)
----README.md(13KB)
----tests()
--------examples()
--------utils.test.js(2KB)
--------main.test.js(11KB)
----.npmignore(72B)
----.editorconfig(147B)
----.prettierrc(18B)
----yarn.lock(179KB)

网友评论