摘要：
每个参与过开发企业级web应用的前端工程师或许都曾思考过前端性能优化方面的问题。我们有雅虎14条性能优化原则，还有两本很经典的性能优化指导书：《高性能网站建设指南》、《高性能网站建设进阶指南》。经验丰富的工程师对于前端性能优化方法耳濡目染，基本都能一一列举出来。这些性能优化原则大概是在7年前提出的，对于web性能优化至今都有非常重要的指导意义。然而，对于构建大型web应用的团队来说，要坚持贯彻这些优化原则并不是一件十分容易的事。因为优化原则中很多要求是与工程管理相违背的，比如“把css放在头部”和“把js放在尾部”这两条原则，我们不能让团队的工程师在写样式和脚本引用的时候都去修改一个相同的页面 阅读全文
摘要：
疑惑描述：查看了淘宝网的首页源文件，看到这样的一个特殊的里面用逗号分隔了几个js文件kissy-min.js，p/global/1.0/global-min.js，p/et/et.js这个是什么道理？同样的还有CSS又如虾米中的（http://res.xiami.net/??static/js/lib/jquery.tmpl.min.js,static/js/app/relation.js,static/js/app/nameCard.js?ver=20140116-175037）解答：这个叫静态资源打包，因为浏览器下载静态文件的时候是有线程数限制的，所以下载1个100K的js/css，会比1 阅读全文
摘要：
前几天为了开发方便,和一个同事将XX.qq.com的测试站点拆成两个站点,我那个叫XX_hanks.qq.com,进行功能开发,在调试 cookie功能的时候,发现IE下cookie没有记住,用httpwatcher check了下,发现response里有set-cookie,但是IE发起请求的时候却没有把这个域名下的cookie内容放到请求里,以为是我的 IE8安全性问题,折腾了半天,尝试了IE6等也是同样问题,目录下保存有qq.com域名的cookie,没有XX_hanks.qq.com的 cookie,但是请求xx_hanks.qq.com时,连qq.com的cookie也不传了,大窘 阅读全文
摘要：
背景在搜索引擎中搜索关键字.htaccess 缓存，你可以搜索到很多关于设置网站文件缓存的教程，通过设置可以将css、js等不太经常更新的文件缓存在浏览器端，这样访客每次访问你的网站的时候， 浏览器就可以从浏览器的缓存中获取css、js等，而不必从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约一下你的服务器流量。问题现在问题来了，.htaccess设置的css、js缓存都有一个过期时间，如果在访客的浏览器中已经缓存了css、js，在这些css、js缓存 未过期之前，浏览器只会从缓存中读取css和js，如果你在服务器上修改了css和js，那么这些更改在回头客的浏览器中是不会有变 阅读全文
摘要：
找到瓶颈（Finding the Bottleneck）面对一个性能问题是，第一步永远是找到问题产生的原因，而不是去看技巧列表。搞明白产生瓶颈的原因，找到目标并且实施修复，然后再重新测试。查找瓶颈只是万里长征的第一步，这里有些常用技巧，希望对最重要的第一步找到瓶颈能有所帮助。使用监控方法（比如监控宝），进行benchmark和监控，网络，特别是网络状况瞬息万变，做得好的话5分钟就可以找到瓶颈。剖析代码。必须了解那部分代码耗时最多，在这些地方多多关注。想找到瓶颈，请检查每个资源请求（比如，网络、CPU、内存、共享内存、文件系统、进程管理、网络连接等等……）先对迭代结构和复杂的代码进行benchm 阅读全文