社区
基础编程
帖子详情
图片太多,加载慢怎么解决呢?
xiachao2008
2012-07-27 01:17:59
唉,购物站终于要做完了,可能是最后一个问题,现在做的这个购物站,把首页另存为下来,所有的文件数加起来一共有4.69M,太大了,主要是图片太多,
当然首页打开的速度肯定也慢了。
我的问题是怎么才能快起来呢?
曾经用过jquery的一个延迟加载插件,加上了,但是并不是很好,在速度上并没有多少改变。我很想知道,还有没有其它解决的好方法,而且行得通的。
...全文
2468
10
打赏
收藏
图片太多,加载慢怎么解决呢?
唉,购物站终于要做完了,可能是最后一个问题,现在做的这个购物站,把首页另存为下来,所有的文件数加起来一共有4.69M,太大了,主要是图片太多, 当然首页打开的速度肯定也慢了。 我的问题是怎么才能快起来呢? 曾经用过jquery的一个延迟加载插件,加上了,但是并不是很好,在速度上并没有多少改变。我很想知道,还有没有其它解决的好方法,而且行得通的。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
10 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq120848369
2012-07-28
打赏
举报
回复
图片内容随时变, 又不是网站的logo和background,没办法节约, 人家想看你不能不让人家下载吧,都是在用延迟加载不是吗。
减肥啊啊啊啊啊
2012-07-28
打赏
举报
回复
js能弄成公用的组件就尽量多公用出来
js代码太多也有点影响
减肥啊啊啊啊啊
2012-07-28
打赏
举报
回复
首先得把图片的大小限制出来、每张图大小、格式png最好
然后首页尽量少的去读取数据库、尤其读取数据多的表
做个缓存
不知道php里有没有调用memercache的东西。可以放到缓存里、
每次取的时候从缓存取,没有在去数据库生成放到缓存中、(不过貌似php是访问一次,然后资源全释放、)、
首页分块来加载 当客户下啦滚动条在去读取下面的图片部分和资源、
把从数据库读取的图片 做成静态页面、类似用户在浏览器端直接访问web 页面源码段
程序文件大小太大。这个就得看是否还有优化的地方了。
xiachao2008
2012-07-27
打赏
举报
回复
还有方法嘛?
Meteorlet
2012-07-27
打赏
举报
回复
从根本上解决就是减少图片大小和像素。
vivivi11122
2012-07-27
打赏
举报
回复
AJAX 根据滚动条加载。
zhouzhipen
2012-07-27
打赏
举报
回复
延迟加载对你是没有用的。除非你的页面屏显示不下来。
图片有4.69M说明你的页面布局有问题。可能少显示一些图片,另外,图片就是显示,也要用事先生成的缩略图。
phf0313
2012-07-27
打赏
举报
回复
现在已经改为替换 data-xx属性的了。
phf0313
2012-07-27
打赏
举报
回复
http://www.appelsiini.net/projects/lazyload
lazyload
yunprince
2012-07-27
打赏
举报
回复
jquery的延迟加载插件,如果你用的原生的,会更加恼火,原生的那个会导致一个图片加载2次,不清楚现在改了没有,网上都提供了修改版本的
网站如何
解决
图片
过大
加载
慢
的问题?
网站如何
解决
图片
过大
加载
慢
的问题?添加链接描述
网站
图片
多导致网站
加载
慢
怎么
解决
?
就以本站为例,我发现网站速度
加载
特别
慢
,那么好,直接打开浏览器开发者面板找问题,在network面板下我们先清空所有请求信息,然后强刷网页(Ctrl+F5),看看是那些资源请求影响了网站速度: 我这里呢是每张
图片
加载
都在1-3s,显然
图片
的
加载
速度拖了后腿,那么“病根”就在这里,那么“病因是什么呢”,一方面我的服务器带宽很小,另一方面是本身
图片
体积较大,未做任何处理。 既然找到了原因,那么肯定是要
解决
一下的,总结了一下,可以从以下方面去着手: 1.对
图片
进行压缩后再上传,这里推荐一个蛮不错的网站:http
怎么
解决
页面中
图片
很多时导致页面
加载
过
慢
?
怎么
解决
页面中
图片
很多时导致页面
加载
过
慢
?
前端如何
解决
图片
太多
加载
资源
慢
的问题
前端如何
解决
图片
太多
加载
资源
慢
的问题使用
图片
服务器使用
图片
懒
加载
CSS sprit 使用
图片
服务器 把
图片
服务器与应用服务器分开,
图片
服务器采用独立域名 ,css、js和
图片
就可以并发请求了,我们公司使用腾讯云cos,把
图片
上传腾讯云,获取
图片
URL地址, 使用
图片
懒
加载
按需
加载
数据,可以刚开始只
加载
10条数据,当页面滚动到特定位置触发事件函数请求接口,获取数据把
图片
值赋值给是img的src属性 CSS sprit 把所有的
图片
放在一张大图上,通过background-position属性设置位置,但是这
解决
网站
加载
图片
太
慢
解决
网站
加载
图片
太
慢
基础编程
21,886
社区成员
140,364
社区内容
发帖
与我相关
我的任务
基础编程
从PHP安装配置,PHP入门,PHP基础到PHP应用
复制链接
扫一扫
分享
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章