Shopify使用什么来最小化JavaScript和CSS？

我的测试站点有很长的加载时间，测试表明我可以通过缩小JS和CSS资产来降低性能

Shopify使用什么来最小化JavaScript和CSS？

---

谢谢

Shopify没有自动缩小Javascript的功能（你需要自己来做），但是它有能力自动缩小你的CSS，给它一个“scss”后缀，然后在你的站点中添加后缀

.scss.CSS

因此，如果您的CSS文件当前命名为

theme.CSS.liquid

，并包含在您的站点中，且带有

{{theme.CSS'|资产| url |样式表(u标签}}

：

• 将CSS文件的名称更改为以

  .scss

  结尾（或

  .scss.liquid

  ，如果所讨论的文件以

  .CSS.liquid

  结尾），那么在这种情况下，该文件将变为

  主题.scss.liquid

• 将对文件的引用更改为以

  .scss.css

  结尾-因此，在本例中，include变成

  {{theme.scss.css'| asset_url | stylesheet_tag}}

  （请注意，此处不包括

  .liquid

  后缀（如果有）

结果将是一个从未缩小的源代码构建的缩小的CSS文件

---

正如John Bell在你的主要帖子的评论中提到的，仅仅缩小可能无法解决潜在的问题。如果您查看速度测试的瀑布式结果，请查找“等待”或“TTFB”时间较长的文件-这些文件需要很长时间进行Shopify编译，并指出您的液态代码需要优化。还要查找“下载”时间较长的文件，看看这些文件是否可以压缩或延迟，以便它们只能在初始页面完成后加载。

您是否先尝试过快速谷歌搜索？而且，听起来，缩小你的文件并不能解决你的问题。缩小只会减少很小的加载时间，这对优化很有用，而且从它的声音来看，这是你的脚本中发生的事情，保证了“巨大的加载时间”。是的，我在谷歌上搜索了它。我用许多不同的解决方案测试了它，主要问题是文件大小。另外，出于好奇，我想知道Shopiffy使用了什么，但我找不到它的官方文档。谢谢，很高兴知道这一点，所以我在上传javascript之前缩小了，这是使用Shopiffy获得缩小代码的唯一方法，正确：）另外，如果您有非常大的javascript文件，把它们分成几个小文件可能是有意义的。随着HTTP/2成为主流，多个较小的文件有时比单个的巨石要好。例如，请参见