Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/380.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_Css_Image_Scroll_Load - Fatal编程技术网

Javascript 提高超长滚动图像页面的加载时间

Javascript 提高超长滚动图像页面的加载时间,javascript,css,image,scroll,load,Javascript,Css,Image,Scroll,Load,我有5个很长的图片(每个7个滚动页面),我想知道如何获得最佳的加载时间 最好的方法是将每个图像分成7个部分,然后在它们聚焦时用javascript将它们淡入淡出吗?你认为我能把5张很长的照片淡入淡出吗 试图得到它,所以这是响应以及 干杯 KE图像平铺/切片似乎是一种合理的方式,如果需要稍微多做些努力,并且以一种不适合在其他地方使用的格式存储/交付资产的话——如果这里考虑到这一点的话 如果您可以控制图像,您能否以提供以下内容的格式/设置交付图像 有关该主题的非常好的PNG焦点介绍,请参见 当然,如

我有5个很长的图片(每个7个滚动页面),我想知道如何获得最佳的加载时间

最好的方法是将每个图像分成7个部分,然后在它们聚焦时用javascript将它们淡入淡出吗?你认为我能把5张很长的照片淡入淡出吗

试图得到它,所以这是响应以及

干杯


KE

图像平铺/切片似乎是一种合理的方式,如果需要稍微多做些努力,并且以一种不适合在其他地方使用的格式存储/交付资产的话——如果这里考虑到这一点的话

如果您可以控制图像,您能否以提供以下内容的格式/设置交付图像

有关该主题的非常好的PNG焦点介绍,请参见


当然,如果您正在加载多个图像,那么在视图接近它们时,当它们上面的图像完成时,或者两者结合时,您可能会比开始加载有所改进。

加载滚动页面的最佳方式不是ajax吗?当用户空闲时,集中精力加载屏幕项目,滚动时,预加载更多项目