javascript - 如何优化一个非常多照片的页面？

问题描述

问 题

有一个项目，由于展示的照片太多，所以加载的时候好慢，该如何优化，是加载的速度提高，或者分时加载什么的。

解决方案

1、压缩图片
2、懒加载（页面上图片多，但用户并不是要求立即就能看到全部图片，可以当用户将要看到的时候，再去加载，先加载用户看的，让出网络带宽）
3、对页面进行分帧Frame加载，比如页面很长，可以只加载前面一部分重要的HTML，当用户拉下来的时候，再加载下面的，塞进去。
4、使用BigPipe技术
5、JS进行异步加载

思路：
1、对于用户关注的重要内容优先加载（比如视频网站的播放器），用户不怎么关注的内容（比如广告，推荐侧栏）懒加载。
2、减少http请求，合并js,css,image文件
3、压缩文件大小
4、异步
5、优化JS代码，浏览器UI线程是单线程，浏览器页面的渲染和JS执行是互相阻塞的。

这篇关于javascript - 如何优化一个非常多照片的页面？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！