Shopify 正在为 {% stylesheet %} 标签引入 CSS 内容子集化功能,以提升商店的性能。
自 2026 年 4 月 20 日起,Shopify 将仅传递与每个页面上渲染的区块、代码块和片段相关的 {% stylesheet %} 标签中的 CSS,而不是在每次页面加载时提供所有 {% stylesheet %} CSS。
这对您的主题意味着什么
如果您的主题 CSS 类是独立的——即每个文件的 {% stylesheet %} 仅对该文件本身或其直接子元素(通过 {% render %} 渲染)中的 HTML 元素进行样式设置——则无需进行任何更改,您的主题已经兼容。
然而,如果一个文件的 {% stylesheet %} 定义了在其他不相关文件中被 HTML 元素使用的 CSS 类,那么在未渲染该定义文件的页面上,这些样式可能不会被包含。这是需要关注并修复的模式。
有关更多详细信息和指导,请参阅 stylesheet subsetting docs。

