web性能优化
写代码的我
行百里者半于九十
展开
-
web性能优化三图片的相关优化
有损压缩-一张jpg图片的解析过程,损失的信息不会构成用户使用困扰 可以看出,在一张紧jpg解析过程中会有损失,但是图片的损失还不会影响到用户的视觉 png8/png24/png32之间的区别 png8 png24 png32 256色 2^24色 2^24色 支持透明 不支持透明 支持透明 文件小 介于两者之间 文件大 在实际项目中选择png图片原创 2017-11-30 22:42:23 · 415 阅读 · 0 评论 -
web新能优化四-图片的懒加载
在做web端开发的时候,有些场景是需要加载很多资源的,比如图片、css、js等,举个例子来说,在电商网站,需要很多图片,但是浏览器并行加载资源的能力是有限的,这就需要我们思考如何能在不影响用户体验的情况下解决这个问题,从而提高用户体验,今天这篇文章主要是讲解图片的懒加载和预加载实现原理懒加载实现原理 先看一张图 当我们的图片不在可视区域内,浏览器不会加载图片资源,当我们的图片进入可视区域原创 2017-12-02 19:43:21 · 588 阅读 · 0 评论 -
web新能优化五-图片的预加载
什么是预加载,以及预加载的优点是什么?图片等静态资源在使用之前的提前请求资源使用到时能从缓存中加载,提升用户体验页面展示的依赖关系维护首先预加载第一种实现方式可以是这样子滴<!-- 预加载的第一种方式,使用img 的src加载,设置display none 缓存图片 --> <img src="http://pic26.nipic.com/20121213/6168183_00444490原创 2017-12-02 21:48:53 · 1525 阅读 · 0 评论