时间戳

首页 > 解决方案 > 使用模板时可以推迟对脚本的解析吗？

javascript - 使用模板时可以推迟对脚本的解析吗？

问题描述

我正在使用 squarespace 上的模板来构建我的网站并使用大量自定义 CSS。

由于defer parsing of script. 如果我使用的是模板，我可以对此进行控制吗？我假设 squarespace 提供了经过优化的模板，所以它一定是我添加的。

如果它有帮助，这是 js，如果推迟，可以节省 900Kib：

https://assets.squarespace.com/universal/scripts-compressed/common-4dd8f80a39abb8e9e5ab9-min.en-US.js

标签： javascriptloadingsquarespacegtmetrix

解决方案

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”是否会在短期内在这方面做出重大改进。

推荐阅读