Shopify 使用什么来最小化 JavaScript 和 CSS？
What Shopify uses to minimize JavaScript and CSS?
我的测试站点加载时间很长，测试表明我可以通过缩小 JS 和 CSS 资产来降低性能。
Shopify 使用什么来最小化 JavaScript 和 CSS？
谢谢
Shopify 没有自动缩小您的 Javascript 的能力（您需要自己做），但它确实有能力通过提供自动缩小您的 CSS 'scss' 后缀，然后将其包含在您的站点中，后缀为 .scss.css
因此，如果您的 CSS 文件当前名为 theme.css.liquid 并且包含在您的网站中 {{ 'theme.css' | asset_url | stylesheet_tag }}:
更改 CSS 文件的名称以 .scss 结尾（或 .scss.liquid，如果有问题的文件以 .css.liquid 结尾） - 所以在这种情况下，文件变为 theme.scss.liquid
将对文件的引用更改为以 .scss.css 结尾 - 因此在这种情况下，包含变为 {{ 'theme.scss.css' | asset_url | stylesheet_tag }}（请注意 .liquid 后缀，如果任何，此处不包括）
结果将是一个根据未缩小的源代码构建的缩小 CSS 文件。
正如 John Bell 在对您的主 post 的评论中提到的那样，仅靠缩小可能无法解决根本问题。如果您查看速度测试的瀑布结果，请查找具有较长 'Waiting' 或 'TTFB' 时间的文件 - 这些文件是 Shopify 编译需要很长时间的文件，并表明您的液态代码是需要优化的。还要查找 'Downloading' 时间较长的文件，看看这些文件是否可以压缩或仅延迟，以便它们仅在初始页面完成后加载。
我的测试站点加载时间很长，测试表明我可以通过缩小 JS 和 CSS 资产来降低性能。
Shopify 使用什么来最小化 JavaScript 和 CSS？ 谢谢
Shopify 没有自动缩小您的 Javascript 的能力（您需要自己做），但它确实有能力通过提供自动缩小您的 CSS 'scss' 后缀，然后将其包含在您的站点中，后缀为 .scss.css
因此，如果您的 CSS 文件当前名为 theme.css.liquid 并且包含在您的网站中 {{ 'theme.css' | asset_url | stylesheet_tag }}:
更改 CSS 文件的名称以
.scss结尾（或.scss.liquid，如果有问题的文件以.css.liquid结尾） - 所以在这种情况下，文件变为theme.scss.liquid将对文件的引用更改为以
.scss.css结尾 - 因此在这种情况下，包含变为{{ 'theme.scss.css' | asset_url | stylesheet_tag }}（请注意.liquid后缀，如果任何，此处不包括）
结果将是一个根据未缩小的源代码构建的缩小 CSS 文件。
正如 John Bell 在对您的主 post 的评论中提到的那样，仅靠缩小可能无法解决根本问题。如果您查看速度测试的瀑布结果，请查找具有较长 'Waiting' 或 'TTFB' 时间的文件 - 这些文件是 Shopify 编译需要很长时间的文件，并表明您的液态代码是需要优化的。还要查找 'Downloading' 时间较长的文件，看看这些文件是否可以压缩或仅延迟，以便它们仅在初始页面完成后加载。