前段时间看了京东大牛分享的前端技术，其中就有一个图片懒加载的内容。然后自己试了试，感觉挺好的。 为什么要懒加载（延迟）：对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面未出现在可视区域内的图片先不做加载，等到滚动到可视区域后再去加载。这样子对于页面加载性能上会有很大的提升，也提高 ...
分类：
其他好文 时间：
2016-04-05 15:48:49
阅读次数：
286
利用浏览器缓存，可以使得页面加载速度提高，也减轻服务端压力。有几个比较重要点如下： 1. 浏览器是如何判断缓存是否过期？ 2. 服务端如何判断缓存已失效？ 3. 为什么有了Last-Modified还要Etag？ 4. 200 OK( from cache )和 304 Not Modified的区 ...
分类：
其他好文 时间：
2016-04-04 22:26:03
阅读次数：
229
1.CSS精灵图片技术 将一个页面涉及的所有零星图片都包含到一张大的图片中，然后利用CSS技术展现出来，可以减少http请求，减少整个网页的图片大小，提高页面性能。 2.合并js文件和css文件 减少GET请求次数，提高加载速度。 3.延迟可见区域外的内容 4.压缩文本和图片 如gzip压缩技术，可 ...
分类：
其他好文 时间：
2016-03-31 20:18:10
阅读次数：
175
1.浏览器加载和渲染html的顺序 2. JS的加载 3.如何加快HTML页面加载速度 4.HTML页面加载和解析流程 5.Yahoo对网页设计性能的建议，个人感觉是说得非常好的。
分类：
Web程序 时间：
2016-03-17 01:58:18
阅读次数：
228
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会
分类：
Web程序 时间：
2016-03-05 13:18:14
阅读次数：
140
1、合并Js文件和CSS 将JS代码和CSS样式分别合并到一个共享的文件，这样不仅能简化代码，而且在执行JS文件的时候，如果JS文件比较多，就需要进行多次“Get”请求，延长加载速度，将JS文件合并在一起后，自然就减少了Get请求次数，提高了加载速度。 2、Sprites图片技术 Spriting是
分类：
其他好文 时间：
2016-02-03 14:26:34
阅读次数：
107
大多数项目中都会用到相册浏览和选择功能，如果需要使用到自定义相册浏览器，那么，性能优化将是一个很重要的课题。毕竟操作对象是图片这样相对较大写数据单位。今天就针自定义相册浏览选择器四个优化点进行剖析： 缩略图页面加载速度优化 缩略图页面滑动流畅度优化 大图浏览滑动流畅度优化 内存优化 先看看自定义相册
分类：
移动开发 时间：
2016-01-28 00:50:33
阅读次数：
254
对于一些图片多，页面长的网页来说，如果每次打开页面加载全部的网页内容，页面加载速度势必会受到影响，如果每次打开网页只将网页可视区域的内容加载给用户 ，将大大提高网页浏览速度，同时也减轻服务器负载，我们可以使用lazyload.js来实现对图片的延迟加载，当网页图片进入到浏览器可视区域时，才会去请求服...
分类：
Web程序 时间：
2016-01-18 20:27:31
阅读次数：
154
页面资源预加载/预读取(Link prefetch)是什么？来自MDN的解释:页面资源预加载(Link prefetch)是浏览器提供的一个技巧，目的是让浏览器在空闲时间下载或预读取一些文档资源，用户在将来将会访问这些资源。一个Web页面可以对浏览器设置一系列的预加载指示，当浏览器加载完当前页面后，...
分类：
Web程序 时间：
2016-01-18 13:44:45
阅读次数：
179
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在...
分类：
Web程序 时间：
2016-01-13 23:28:04
阅读次数：
209
