假设业务需要,在页面一屏中一次性展示大量图片(100张),导致img组件同时发起大量的请求,导致浏览器性能被消耗殆尽,页面卡死。怎么优化?
2024-10-21 10:35:03
1.所有图片先提供占位图
2.懒加载思想
3.使用队列的方式
4.通过信号量的机制,结合队列。例如设置可用资源数为10,则保证同一时刻,只有10张图片正在请求,其它图片处于loading状态,任意图片请求完成,才释放资源,从队列选取下一张图片进行加载
最新文章
- Python Day6
- $watch监听数据变化和run方法
- 最近提交并被合并的 jDiameter pull request 31 解决的问题
- c#中的partial关键字(转)
- TM2013修改帐号数据目录
- HTML5 内联框架iFrame
- HTML特殊字符大全
- 零基础学习云计算及大数据DBA集群架构师【Linux Bash Shell编程及系统自动化2015年1月21日周四】
- 连接mysql数据库2+操作入门
- Java内存数据模型
- 直方图均衡化C++实现
- Java程序员的现代RPC指南
- 一些有用的huginn Agent
- 分布式文件系统 fastdfs搭建
- JS-JS变量命名规则
- display: table; 100%的宽度
- 创建一个Maven Web应用程序
- 铁乐学python_Day39_多进程和multiprocess模块2
- [ARC055D]隠された等差数列
- java代码FileInputStream的复制粘贴练习
热门文章
- java开发细节
- oracle通过计划任务备份表
- 【面试题】JS 中这些继承方式你知道吗?
- 前端框架大比拼:2022年的Vue与React谁更胜一筹?
- 1839:【05NOIP提高组】谁拿了最多奖学金
- HttpClient线程池&;重试机制
- element中 popconfirm与tooltip同时使用
- 微服务笔记之Eureka03(服务注册分析)
- RabbitMQ异常注意 reply-code=404, reply-text=NOT_FOUND - no exchange 'topic' in vhost '/', class-id=50
- elementUI中table组件前端自己实现序号排序