文章页20张图一次性全加载,打开要5秒,加懒加载滑到哪加载哪,首屏0.8秒

10年前 (2017-01-06)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值27950
  • 级别管理员
  • 主题5590
  • 回复0
楼主

新手做长文章页面,打开页面一次性把所有图片全加载,几十张图一起下,页面卡半天,其实加个图片懒加载,滑到哪加载哪,页面快好多。第一,长列表、文章页加懒加载,用户滑到图片位置才加载,首屏只加载上面的图;第二,首屏的图片别懒加载,不然首屏图出来慢,用户白等;第三,图片加个默认占位图,没加载的时候不撑乱布局;第四,别用太复杂的懒加载JS,几十K的库没必要,简单几行代码就实现。

我之前博客文章页,有20多张图,打开一次性全加载,要5秒,加了懒加载,首屏直接0.8秒打开,用户滑到下面才加载图。很多新手觉得一次性加载完省事,其实图片多了,首屏加载慢,用户等不及就走,懒加载完,首屏快好多。

本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.genmulu.cn/genmulu/3759.html

0
回帖

文章页20张图一次性全加载,打开要5秒,加懒加载滑到哪加载哪,首屏0.8秒 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息