解决单页面加载图片过多单个图片过大加载慢的问题

包臀牛仔裤 2013-12-11 11:32:06

rt，在网上搜了一下说lazyload延迟加载，试了效果不错。图片只在浏览器可视大小区域自动加载新图片。但是浏览区域如果加载一张满屏图片，还是很慢，我的意思是单个图片本身宽高和size就很大，有好的解决办法吗

比如红色区域加载一张大图，会很慢

...全文

1681 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

tony4geek 2013-12-11

打赏
举报

回复

好像和图片格式什么的，你找找类似的网站。同一张图片。格式，像素都回影响的

Go 旅城通票 2013-12-11

打赏
举报

回复

这个和网速，服务区带宽，图片大小有关

看看这些人的想法能不能帮上你： ...判断用户的设备（主要用在移动端）、网络等，分别加载不同质量的图片（例如高端 iPhone wifi 情况下，就可以加载双倍高清图等，蜂窝网络下面，就加载个单倍或者有

在一次活动中后端返回的图片和信息过于多，在没有配置懒加载时上线以后导致页面加载白屏点击无反应等问题，经过查询发现vue插件 vue-lazyload 是一个用来实现图片懒加载的好插件，于是实验开始 1，安装插件 npm ...

懒加载实现方案一.大量图片加载优化方案 1.将图片服务和应用服务分离(从架构师的角度思考) 2. 图片压缩方案 3.图片懒加载实现方案一实现方案二 4.小图片比较多时 5.http2解决连接数限制二、图片过大加载优化方案

整合博客：https://blog.csdn.net/wsyzxss/article/details/73480436 与 http://yujiangshui.com/three-html5-feature-intro/#toc-1 ...图片过大加载慢？而不是图片太多加载慢？首先要尽可能的压缩，看...

问题：前端页面如果图片资源过多或者过大就会导致用户加载图片时间过长，导致用户体验下降我总结的优化思路与方法有以下几种一、将图标换成icon字体管理如果项目存在大量的图表用的是图片展示会大大降低加载速度...

87,902

社区成员

224,615

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章