博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ECHO.js 纯javascript轻量级延迟加载
阅读量:7046 次
发布时间:2019-06-28

本文共 463 字,大约阅读时间需要 1 分钟。

422101-20160416143632207-1535486545.png

演示

简单的JavaScript图像延迟加载库Echo.js

简单的JavaScript图像延迟加载库Echo.js演示

应用

1.引入js,并初始化

2.给图片附上属性

3.给未加载的图片设置默认背景,动态的gif

.lazy{
width:100%;height:100%;background: url({sh::PUB}img/common/loading.gif) 50% no-repeat;}

很方便,很实用。

要想进一步提升网页打开速度,可以优化上传的图片。

网页慢,无非是,一查询慢,二图片加载慢,三没有使用延迟加载,四图片数据太大。

根据这些原因,逐步解决。

提升用户体验。

本文转自TBHacker博客园博客,原文链接:http://www.cnblogs.com/jiqing9006/p/5398381.html,如需转载请自行联系原作者

你可能感兴趣的文章
第十节 1ASP.Net简介及学习方法
查看>>
导出表中数据为insert语句
查看>>
mysql中如何更新一个字段的值为它本身的值连接上一个字符串
查看>>
在Telerik for silverlight控件radtreeview中如何通过路径得到节点(转载)
查看>>
图像处理之拼接---图像拼接opencv
查看>>
【分享】博客美化(2)自定义博客样式细节
查看>>
字节对齐导致的iOS EXC_ARM_DA_ALIGN崩溃
查看>>
TCHAR和CHAR类型的互转
查看>>
HtmlAgilityPack 处理通配的contains
查看>>
hadoop和spark搭建记录
查看>>
MinGW找不到Gcc的解决方法
查看>>
nohup和&的区别
查看>>
MyBatis报错
查看>>
NPOI2.0学习(二)
查看>>
把插入的数据自动备份到另一个表中 ~ 语境:本地和服务器自动同步
查看>>
缓存穿透 缓存雪崩
查看>>
编程的智慧
查看>>
Android 手机卫士--安装过程中点击回退按钮
查看>>
java中文文档官方下载
查看>>
【挖财工作笔记】2016-10-11【java.util.stream】
查看>>