100分请问： 图片加载-用户体验
程序员文章站
2022-04-14 22:25:26
...
100分请教： 图片加载--用户体验
如上图，想做一个waterfall 布局的照片墙，但是由于图片过多，导致加载缓慢，已经用了lazy loading，也用了屏幕滚动加载，但是似乎体验还是不好，百分请教思路
1、如何提高图片加载速度
2、如何提高用户体验
多谢指点。
------解决方案--------------------
按比例缩小图片
------解决方案--------------------
预加载图片可以使用jquery的一个插件实现，鼠标移动到位置再显示该图片．
------解决方案--------------------
图片弄小点..
------解决方案--------------------
把图片生成一个较小的缩略图，页面显示这个缩略图。
当鼠标移动到图片上时再加载原图或不再加载。
如上图，想做一个waterfall 布局的照片墙，但是由于图片过多，导致加载缓慢，已经用了lazy loading，也用了屏幕滚动加载，但是似乎体验还是不好，百分请教思路
1、如何提高图片加载速度
2、如何提高用户体验
多谢指点。
------解决方案--------------------
按比例缩小图片
------解决方案--------------------
预加载图片可以使用jquery的一个插件实现，鼠标移动到位置再显示该图片．
------解决方案--------------------
图片弄小点..
------解决方案--------------------
把图片生成一个较小的缩略图，页面显示这个缩略图。
当鼠标移动到图片上时再加载原图或不再加载。
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
相关文章
相关视频
上一篇： PHP在保留样式的前提下编辑WORD模板
下一篇： php里的页面相互调用