Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 网站第一次运行时运行较慢?_Javascript_Node.js_Performance_Web - Fatal编程技术网

Javascript 网站第一次运行时运行较慢?

Javascript 网站第一次运行时运行较慢?,javascript,node.js,performance,web,Javascript,Node.js,Performance,Web,我有一个由Node.js构建的网站。第一次在任何浏览器中运行网站时,与下一次运行相比速度非常慢。那么如何解决上述问题呢?这是因为第一次在浏览器上加载网站时,必须加载javascript、图像和css文件。加载一次后,浏览器会缓存这些文件,以便下次重新加载时,浏览器会看到它需要这些文件,然后看到它已经有了这些文件,这样就不会再次下载它们。这种情况发生的原因是,当您第一次在浏览器上加载网站时,必须加载javascript、图像和css文件。加载一次后,浏览器会缓存这些文件,以便下次重新加载时,浏览器

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

这是因为第一次在浏览器上加载网站时,必须加载javascript、图像和css文件。加载一次后,浏览器会缓存这些文件,以便下次重新加载时,浏览器会看到它需要这些文件,然后看到它已经有了这些文件,这样就不会再次下载它们。

这种情况发生的原因是,当您第一次在浏览器上加载网站时,必须加载javascript、图像和css文件。加载一次后,浏览器会缓存这些文件,以便下次重新加载时,浏览器会看到它需要这些文件,然后看到它已经有了这些文件,因此不会再次下载它们。

这是正常的,本身不是问题/错误

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

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

这里需要检查/解决的问题是。。。确保javascript正确使用DOM就绪事件。另外,通常较小的js/css文件也会有所帮助,因为下载时间会更快

基本上。。。压缩,检查任何阻塞脚本(在头标记中长时间加载脚本)。。这些应该移动到您的结束体标签的正下方

为此,有很多网站和方法可用于从文件中删除多余的内容,或通过将变量重命名为较短的名称和删除空行等方式对其进行压缩。。您只需要尽可能小的文件,并确保按照需要的顺序加载它们

阻止脚本/资源


如果您有一个JS文件位于页面顶部/靠近页面头部。。您的浏览器在继续加载页面之前,等待加载/下载此文件。因此,如果您将其移动到页面底部,它将首先加载HTML/视觉内容,然后最后加载脚本。。。因此给人的印象是加载页面更快。

这是正常的,本身不是问题/错误

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

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

这里需要检查/解决的问题是。。。确保javascript正确使用DOM就绪事件。另外,通常较小的js/css文件也会有所帮助,因为下载时间会更快

基本上。。。压缩,检查任何阻塞脚本(在头标记中长时间加载脚本)。。这些应该移动到您的结束体标签的正下方

为此,有很多网站和方法可用于从文件中删除多余的内容,或通过将变量重命名为较短的名称和删除空行等方式对其进行压缩。。您只需要尽可能小的文件,并确保按照需要的顺序加载它们

阻止脚本/资源


如果您有一个JS文件位于页面顶部/靠近页面头部。。您的浏览器在继续加载页面之前,等待加载/下载此文件。因此,如果您将其移动到页面底部,它将首先加载HTML/视觉内容,然后最后加载脚本。。。因此给人的印象是加载页面更快。

如果浏览器没有站点使用的静态文件的本地副本,它将下载它们。下次不必了,因为它们将存储在浏览器的缓存中,。。。您需要应用一些压缩和其他方法来加快速度。。如果您使用的是PHP,一个简单的技巧就是使用gzip压缩。。。否则,在谷歌上搜索一下网站的速度就会完成所有这些步骤。如果浏览器没有你网站使用的静态文件的本地副本,它会下载它们。下次不必了,因为它们将存储在浏览器的缓存中,。。。您需要应用一些压缩和其他方法来加快速度。。如果您使用的是PHP,一个简单的技巧就是使用gzip压缩。。。否则,在谷歌上搜索一下加速的网站就会完成所有这些步骤。