优化加载速度(滑动和大菜单)
为什么需要这样做?Navi+ 不已经很快了吗?
Navi+ 非常快。它完全部署在一个领先的 CDN 上,延迟非常低(约 100 毫秒),可以在不减慢速度的情况下为数百万客户提供服务。
然而,Navi+ 仍然在 Shopify 生态系统内运行。Shopify 有自己的加载规则:
- Shopify 优先加载自己的资源。
- 然后 Shopify 加载主题内容。
- 最后,Shopify 加载应用内容,但没有特定的顺序。
这意味着如果您使用多个应用,Navi+ 有时可能会比预期加载得更晚。这就是为什么在某些情况下它会感觉更慢。
我的解决方案是什么?
目前,Navi+ 在 Shopify 网站加载时具有高优先级。然而,仍然存在一定的延迟。我们将在这里逐一解决这些问题:
滑动菜单:添加加载效果并锁定触发选择器
非常简单:只需将您用于滑动菜单的 CSS 选择器输入到 Navi+ 应用的嵌入部分(见下图)。



大菜单(替换模式):添加加载效果并锁定触发选择器



注意:
- 如果您希望它仅在移动设备上应用,请添加后缀 (M)。
- 如果您希望它仅在桌面上应用,请添加后缀 (D)。
- 如果希望它在两个平台上都适用,请不添加后缀。