网站在第一次运行时运行速度较慢?

我有一个由Node.js构build的网站。 第一次在任何浏览器中运行网站时,与下一次运行相比,速度非常慢。 那么如何解决上面的情况呢?

这是正常的,它不是一个问题/错误。

基本上你第一次在没有任何caching的情况下运行,你的浏览器必须下载一切并存储它。第二次,它会从你的浏览器caching中加载某些内容,因此不需要再次下载。

这里的技巧是确保最初的下载尽可能小,并且没有任何阻塞脚本。

在这里检查/修复的东西将是…确保您的JavaScript正确使用DOM就绪事件。 也有一般较小的JS / CSS文件也将有所帮助,因为下载时间会更快。

基本上…压缩,检查任何阻塞脚本(在您的头标签长时间加载脚本)..这些应该被移动到正好在您的closures身体标签之下。

为此,可以使用很多网站和方法从文件中去除多余的内容,或者通过将variables重命名为较短的名称和删除空行等来压缩它们。只需要尽可能小的文件并确保他们按照他们需要的顺序加载。

阻止脚本/资源

如果您有一个位于页面顶部/页面HEAD附近的JS文件,您的浏览器会在继续加载页面之前等待加载/下载。 所以如果你把它移动到你的页面的底部,它会首先加载你的HTML /可视化内容,然后加载脚本最后…因此给人一个更快的加载页面的印象。

发生这种情况是因为您第一次在浏览器中加载网站时,必须加载javascript,images和css文件。 加载一次之后,浏览器会在下次重新加载时caching它们,浏览器会看到它需要这些文件,然后看到它已经有了它们,所以它不会再次下载它们。