我正在使用 squarespace 上的模板来构建我的网站并使用大量自定义 CSS。
由于defer parsing of script
. 如果我使用的是模板,我可以对此进行控制吗?我假设 squarespace 提供了经过优化的模板,所以它一定是我添加的。
如果它有帮助,这是 js,如果推迟,可以节省 900Kib:
我正在使用 squarespace 上的模板来构建我的网站并使用大量自定义 CSS。
由于defer parsing of script
. 如果我使用的是模板,我可以对此进行控制吗?我假设 squarespace 提供了经过优化的模板,所以它一定是我添加的。
如果它有帮助,这是 js,如果推迟,可以节省 900Kib:
Squarespace 开发人员经常提到的“common js”文件不是您可以轻松控制的。
它要求您使用“Squarespace 7”模板(不是 Squarespace 7.1)。然后您必须 A)启用开发人员模式(并接受其后果)和 B){squarespace-headers}
在 JSON-T 中删除并将其分解为各种组件(因为一行包含许多不同的 Squarespace 特定脚本等)然后 C) 从那时起管理这些脚本的加载,如果 Squarespace 更新平台、脚本位置等,则根据需要进行更新(并且他们不会宣布此类更改)。
如果您愿意并且能够这样做,您可以添加defer
并完全控制网站的加载。但它最初是一项艰巨的任务,需要在未来继续保持下去。
关于“我会假设 squarespace 提供了经过优化的模板,所以它一定是我添加的。” : 这是一个合理的假设,但不正确。在经验丰富的 Squarespace 开发人员中,众所周知,Squarespace 没有根据例如Google 的 PageSpeed Insights进行很好的优化。我没有用过GT Metrix,但听起来你的经历很相似。这是 Squarespace 超过 5 年的问题。目前尚不清楚“7.1”是否会在短期内在这方面做出重大改进。
GT Metrix 有一个关于如何推迟解析的很好的指南。
基本上,您只想重写您的 javascript 文件以减少其中的 javascript,方法是 A) 删除不必要的代码,或 B) 如果可以在页面加载后稍后加载,则推迟一些。问问自己,我需要多少 javascript 才能加载页面?
我不使用 squarespace 但这看起来像是如何在那里上传 js 文件的示例。