Follow me on GitHub

优化发表的日志

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

版本化

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

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

More >

rel=”canonical”使用一例

厝边网基于iWebSNS二次开发,沿用了其网站架构和框架,即:应用页(modules.php为入口)作为iframe子页分别由 个人中心页(main.php 仅登录用户访问)和用户主页(home.php 内容对外开放)两个父页面引用。

内容由应用页承载,如果直接访问应用页(iframe) 则js跳转到包含父框架的地址,虽然最终能到达目标地址,但由于使用js执行判断,跳转前子页已渲染完毕,如此跳转影响用户体验,于是考虑让子页的搜录排名在完整页之后,作为妥协方案。

More >

移动设备浏览当前页