第一次 运行 时,网站 运行 变慢了?
Website run slower when run first time?
我有一个由 Node.js 建立的网站。第一次在任何浏览器中 运行 访问网站时,与下一次 运行 相比速度非常慢。那么如何解决上述情况呢?
发生这种情况是因为您第一次在浏览器上加载网站时,必须加载 javascript、图像和 css 文件。它们加载一次后,您的浏览器会缓存它们,以便在下次重新加载时,您的浏览器看到它需要这些文件,然后看到它已经有了它们,所以它不会再次下载它们。
这很正常,不是 issue/bug 这样的..
基本上你第一次 运行 没有任何缓存,你的浏览器必须下载所有内容并存储它。第二次它从你的浏览器缓存加载某些内容,因此不需要下载再次.
这里的技巧是确保初始下载尽可能小,并且您没有任何阻塞脚本。
这里要检查/解决的问题是...确保您的 javascript 正确使用 DOM 就绪事件。通常较小的 js/css 文件也会有所帮助,因为下载时间会更快..
基本上...压缩,检查任何阻塞脚本(head 标签中的长时间加载脚本)。这些应该移动到结束 body 标签的正下方。
为此,有许多网站和方法可用于从文件中删除多余的内容,或通过将变量重命名为较短的名称并删除空行等来压缩它们。您只需要最小的可能的文件并确保它们按需要的顺序加载。
阻塞脚本/资源
如果您的页面顶部/靠近页面 HEAD 的位置有一个 JS 文件。您的浏览器会等待加载/下载该文件,然后再继续加载页面。因此,如果您将其移至页面底部,它将首先加载您的 HTML/ 视觉内容,然后最后加载脚本……因此给人一种页面加载速度更快的印象。
我有一个由 Node.js 建立的网站。第一次在任何浏览器中 运行 访问网站时,与下一次 运行 相比速度非常慢。那么如何解决上述情况呢?
发生这种情况是因为您第一次在浏览器上加载网站时,必须加载 javascript、图像和 css 文件。它们加载一次后,您的浏览器会缓存它们,以便在下次重新加载时,您的浏览器看到它需要这些文件,然后看到它已经有了它们,所以它不会再次下载它们。
这很正常,不是 issue/bug 这样的..
基本上你第一次 运行 没有任何缓存,你的浏览器必须下载所有内容并存储它。第二次它从你的浏览器缓存加载某些内容,因此不需要下载再次.
这里的技巧是确保初始下载尽可能小,并且您没有任何阻塞脚本。
这里要检查/解决的问题是...确保您的 javascript 正确使用 DOM 就绪事件。通常较小的 js/css 文件也会有所帮助,因为下载时间会更快..
基本上...压缩,检查任何阻塞脚本(head 标签中的长时间加载脚本)。这些应该移动到结束 body 标签的正下方。
为此,有许多网站和方法可用于从文件中删除多余的内容,或通过将变量重命名为较短的名称并删除空行等来压缩它们。您只需要最小的可能的文件并确保它们按需要的顺序加载。
阻塞脚本/资源
如果您的页面顶部/靠近页面 HEAD 的位置有一个 JS 文件。您的浏览器会等待加载/下载该文件,然后再继续加载页面。因此,如果您将其移至页面底部,它将首先加载您的 HTML/ 视觉内容,然后最后加载脚本……因此给人一种页面加载速度更快的印象。