图片预加载

定义:预知用户将发生的行为,提前加载用户所需要的图片。

主要表现:

  • 网站loading页:添加着陆页,等需要的所有需要的图片加载完毕,一次性呈现给用户,提高用户体验。
  • 局部图片的加载:表情插件
  • 漫画网站

特点:

  • 提前加载所需要的图片
  • 更好的用户体验

分类:

  • 无序加载:类似QQ表情插件,不关心加载顺序
  • 有序加载:漫画网站(当用户需要查看时可直接从本地缓存中渲染以提供给用户更好的体验减少等待的时间。

使用:

1)效果

图片预加载_第1张图片

2)说明

默认显示加载百分比,等加载所有图片之后,才展示图片和切换按钮

3)代码



0%


                    
                    

你可能感兴趣的:(web前端)