Home > Backend Development > PHP Tutorial > 100分请问: 图片加载-用户体验

100分请问: 图片加载-用户体验

WBOY
Release: 2016-06-13 11:08:24
Original
1053 people have browsed it

100分请教: 图片加载--用户体验


如上图,想做一个waterfall 布局的照片墙,但是由于图片过多,导致加载缓慢,已经用了lazy loading,也用了屏幕滚动加载,但是似乎体验还是不好,百分请教思路

1、如何提高图片加载速度
2、如何提高用户体验

多谢指点。
------解决方案--------------------
按比例缩小图片
------解决方案--------------------
预加载图片可以使用jquery的一个插件实现,鼠标移动到位置再显示该图片.
------解决方案--------------------

图片弄小点..
------解决方案--------------------
把图片生成一个较小的缩略图,页面显示这个缩略图。
当鼠标移动到图片上时再加载原图或不再加载。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template