关键路径 CSS 生成器

Https://www. Corewebvitals.Io/tools/critical-css-generator

它会分析任何给定的 URL,并连接显示 "文件夹上方 "HTML 渲染所需的 CSS,即"......"。关键 CSS"或"关键CSS路径“.

这是一个不错的工具,能完成没有它就很难完成的工作。它还能直接返回已精简的 css 版本。

然后,您必须手动或使用专用插件或任何缓存或优化插件将这些代码添加到页面头部。

这样就可以在不加载外部 css 文件的情况下,更快地渲染初始可见区域的顶部部分。

  • 这是否会提高您的谷歌指标: 很有可能
  • 这是否会增加您的一次性访客体验:有可能
  • 是否会增加重复访问者的体验:不会(因为添加此 css 会增加每个页面的权重,而不是只添加到只加载一次的外部文件中)。

提示 #1: 清除任何服务器或插件缓存后

提示 #2: 如果采用这种优化方法,为了获得最合适的 CSS,值得为网站中的每一组不同页面使用一次这种技巧,每一组页面使用的 CSS 都可能截然不同(例如:论坛页面、普通帖子、自定义帖子类型......)。

提示 #3: 由于 CSS 纯粹是静态代码,因此每次对页面 CSS 进行重大修改时,都应更新 CSS。

免费, 无需下载/安装, 没有注册

所有目录类别:

滚动至顶部

你可能还喜欢