Javascript 动态映像加载是否减少了服务器过载?

Javascript 动态映像加载是否减少了服务器过载?,javascript,performance,Javascript,Performance,例如,如果我制作了一个脚本,仅当用户将页面滚动到图像应该位于的位置时才加载图像,那么该脚本是否会减少页面加载时间,从长远来看是否更好?是的,您将减少加载时间,但您会让用户在向下滚动时等待图像加载。是的,您将减少加载时间,但会让用户在向下滚动时等待图像加载。您不会减少dom准备就绪和显示的时间(至少不会减少太多)。图像由浏览器异步加载,因此占位符将取代图像,直到图像完全加载为止 不过,正如您所说,我建议您实现一个脚本,在需要时加载图像,没有必要将人们的带宽浪费在不需要的图像上。(如果你有很多图片)

例如,如果我制作了一个脚本,仅当用户将页面滚动到图像应该位于的位置时才加载图像,那么该脚本是否会减少页面加载时间,从长远来看是否更好?

是的,您将减少加载时间,但您会让用户在向下滚动时等待图像加载。

是的,您将减少加载时间,但会让用户在向下滚动时等待图像加载。

您不会减少dom准备就绪和显示的时间(至少不会减少太多)。图像由浏览器异步加载,因此占位符将取代图像,直到图像完全加载为止

不过,正如您所说,我建议您实现一个脚本,在需要时加载图像,没有必要将人们的带宽浪费在不需要的图像上。(如果你有很多图片),比如谷歌图片搜索


请记住,如果用户加载一个页面并快速向下滚动,一次加载所有图像的页面将不得不等待所有图像加载,以确保显示视图中的图像。如果实现某种脚本,您可以控制图像加载的方式和顺序。

您不会减少dom准备就绪和显示的时间(至少不会减少太多)。图像由浏览器异步加载,因此占位符将取代图像,直到图像完全加载为止

不过,正如您所说,我建议您实现一个脚本,在需要时加载图像,没有必要将人们的带宽浪费在不需要的图像上。(如果你有很多图片),比如谷歌图片搜索


请记住,如果用户加载一个页面并快速向下滚动,一次加载所有图像的页面将不得不等待所有图像加载,以确保显示视图中的图像。如果您实现某种脚本,您可以控制图像加载的方式和顺序。

@IvanIvković这取决于很多因素,图像大小、图像数量、服务器和/或浏览器允许的连接数量、用户的连接速度等。啊哈,这种情况下,博客网站只需几张图像(4-5张),大部分是全宽的有点高(100px-200px)的图像。。剩下的我不知道。@IvanIvković如果你只有4或5个,我真的不会麻烦,一次把它们全部加载,你可能会看到一些优势,但我真的怀疑。如果你有10+甚至15+那么我会在需要的时候用dunamically加载它们。最好的办法就是试试看。@IvanIvković这取决于很多因素,图像大小、图像数量、服务器和/或浏览器允许的连接数量、用户的连接速度等等。啊哈,在这种情况下,博客网站只有很少的图像(4-5个),大部分是全宽一点高(100px-200px)的图像。。剩下的我不知道。@IvanIvković如果你只有4或5个,我真的不会麻烦,一次把它们全部加载,你可能会看到一些优势,但我真的怀疑。如果你有10+甚至15+那么我会在需要的时候用dunamically加载它们。最好的办法就是试试看。