最近要想法提高网页的性能，在查看图片加载时，产生了试验的想法。一直以来都没有太去深究，还是挖掘一下的好。

很简单的试验，<img>加载两个图像，一个2.3MB，5000*5000，一个22kb，160*160。

两个全部在页面上显示限定160*160的尺寸。

<img src="data:images/***.png" width=160 height=160 />

实际测试结果：5000的图像加载需要383ms，而22kb只需要12ms。差距非常大。

但是这只是第一次加载的数据，在后续次数的对比，两者数据就变的完全一样。3-7ms。

原因是直接使用了浏览器的缓存图片，5000的图像在缓存里，依然也是第一次显示之后的160尺寸的缓存图片。

可见，对于网页显示图像，小尺寸的显示区域，还是没必要显示尺寸特别大的图。

使用缩略图是很有必要的。

以上。

最新文章

1. C# DataGridView中指定的单元格不能编辑
2. 同步、更新、下载Android Source & SDK from 国内镜像站
3. Ajax例子，views返回，html接收数据
4. Codeforces #369 div2 D.Directed Roads
5. struts2的处理流程_2015.01.05
6. 用HTML5实现的各种排序算法的动画比较 及算法小结
7. windbg调试C#代码（一）
8. ARM处理器的寄存器，ARM与Thumb状态，7中运行模式 【转】
9. Android Fragment 实例
10. JSON取代XML？--JSON入门指南
11. C++中的初始化列表中可以对那些变量或对象进行初始化
12. liunx 内存文件 tmpfs
13. 典型分布式系统分析：MapReduce
14. Tomcat怎么实现异步Servlet
15. Unity TimeLine
16. sql server 删除所有表和递归查询、数字类型转为字符串
17. nuxt cdn等
18. 【Android O】 Service AAA does not have a SELinux domain defined
19. SUSE11sp3 perf工具安装过程
20. 爱上linux 简单实现移动办公处理环境.

热门文章

1. 在LINUX系统上通过LINUX命令安装mysql数据库和JDK环境
2. openldap+openssh+jumpserver实现跳板机监控系统
3. redis在windows上通过cmd连接服务器（需要密码）
4. Shell入门基础
5. 使用SQLAlchemy对博客文章进行分页
6. Linux查看 kennel , 物理CPU个数、核数、逻辑CPU个数
7. [bzoj4864][BeiJing2017Wc]神秘物质_非旋转Treap
8. 网络编程中的CAP &amp; 有趣的存储框架（关系型、NoSQL）全图
9. 多个线程作用于同一个runnable对象
10. [Cypress] Stub Network Requests in a Cypress Test