javascript - 使模态加载更快

Question

我创建了一个整页模式框以显示在页面加载中。我有一个问题。我的主页必须在模态显示之前完全加载，我希望模态显示得更快并且不显示我的任何主页。有什么方法可以加快模态或确保主页在模态之前不显示？任何帮助表示赞赏。谢谢！

Answer 1

查看 Yahoo 的高性能网站（和Google 的）最佳实践。

1. 无需加载整个页面，只需加载最小值以显示模式，然后再加载其余部分。
2. 如果访客在看到模态之前就在您的网站上，请预加载客户端呈现模态所需的任何资源。如果您缓存这些资源，这将在它们到达模态时节省时间。
3. 消除不必要的资源。例如，如果你的 modal 有一个图像，它可以用 CSS 替换吗？即使是小图像也需要额外的 HTTP 请求开销（除非它是预加载的）。

我可以继续，但这些来自 Google 和 Yahoo 的资源非常有帮助。