大数跨境

{% stylesheet %} 标签的自动 CSS 子集化

{% stylesheet %} 标签的自动 CSS 子集化 Shopify电商独立站
2026-04-23
4
导读:Shopify 正在为 {% stylesheet %} 标签引入 CSS 内容子集化功能,以提升商店的性能。

Shopify 正在为 {% stylesheet %} 标签引入 CSS 内容子集化功能,以提升商店的性能。

自 2026 年 4 月 20 日起,Shopify 将仅传递与每个页面上渲染的区块、代码块和片段相关的 {% stylesheet %} 标签中的 CSS,而不是在每次页面加载时提供所有 {% stylesheet %} CSS。

这对您的主题意味着什么

如果您的主题 CSS 类是独立的——即每个文件的 {% stylesheet %} 仅对该文件本身或其直接子元素(通过 {% render %} 渲染)中的 HTML 元素进行样式设置——则无需进行任何更改,您的主题已经兼容。

然而,如果一个文件的 {% stylesheet %} 定义了在其他不相关文件中被 HTML 元素使用的 CSS 类,那么在未渲染该定义文件的页面上,这些样式可能不会被包含。这是需要关注并修复的模式。

有关更多详细信息和指导,请参阅 stylesheet subsetting docs。

【声明】内容源于网络
0
0
Shopify电商独立站
1234
内容 7146
粉丝 0
Shopify电商独立站 1234
总阅读87.4k
粉丝0
内容7.1k