Follow me on GitHub

存档在二月, 2013

静态资源(JS、CSS)的版本化、优化及增量部署

版本化

Web前端性能优化中很重要的一个部分是文件加载的优化,静态文件在客户端缓存的做法可减少请求量,减小服务器和带宽压力的同时让页面加载更顺畅,提升浏览体验。

所以在服务环境中(产品上线后),一般会通过header允许浏览器缓存,并设置一个过期时间(Expires)。但若在Expires期内对资源文件做修改,客户端仍由缓存读取旧版文件而非从服务器加载,则可能造成样式破坏或脚本报错等问题。这就要求我们在开启缓存的同时,在文件更新后通知客户端更新缓存文件,也就是这里要说的“版本化”——对静态文件uri中加入版本信息,每次文件改动的同时更新版本信息,告知浏览器文件版本,从而确保始终调用最新的资源文件。

More >

一个闭包还是三个闭包?

2013-01-24_133245

截自:http://coolshell.cn/articles/6731.html

More >

用Navigation Timing API测试前端性能

Navigation Timing 接口为我们提供了监控网站性能所需的数据。相比于以往基于JS的监测机制,此接口提供的数据更为准确和全面。

JS中通过 window.performance 调用数据,该特性在IE9、最新的Firefox和Chrome中都已实现(http://caniuse.com/nav-timing)

具体的介绍已经有人做了详尽总结 http://www.cnblogs.com/mrsunny/archive/2012/09/04/2670727.html

为了方便理解和测试,对图片稍稍加工为网页,把各时间节点和区间(差值)计算结果标注在旁边,有兴趣的可以访问:http://github.kainy.cn/NavigationTiming/

More >

龙年流水帐(总结2012)

据说本命年里会比较不走运,回首这一年里虽然确实遇到诸多不顺却还不算太糟  ,也许是拜年初在云岩寺求的中平签所赐吧,签文如下:

素怀坦坦步康庄 才德温良恭谦良

谦敬持身邀后福 纵然遇险也无妨

解曰

怀忠信步康庄 谦处世莫逞强

刚自负必有伤 名未遂利西方

More >

移动设备浏览当前页