08 2012 档案
摘要：【概述】 在这一章，我们会聚焦在前端性能:外部的Css 和 JavascriptCss 和 Javascript 的 迷你化 与 合并图片的最佳化Css 图片拼合器【外部的CSS和Javascript】 几乎所有的CSS和Javascript 都应该放在外部文件减少页面的尺寸允许重用允许使其过期可读性更高把css 和 js 文件放到外部文件的确可以让页面看的更加清爽，同时减小了页面本身的尺寸。在外部的文件可重用性更高，例如你可以在一个css文件中定义整体布局。并且让每个页面的元素都遵从它。在上一节中，我们提到了浏览器过期的重要性，所以在外部引用css和js文件也是非常重要的。最后是可读性，有超
阅读全文
摘要：【概述】在这一章节，我们的主题聚焦在基础设施建设上。Http Compression（压缩）Content Expirations (内容过期）Content Distribution Networks - CDN(内容分发网络)Etags （E标签）去掉没必要的Http header【Compression】 我们前边提到过，性能规则中的一条就是在服务器和浏览器之间传输的数据越少越好。介于此规则，我们可以使用一个比较成熟的技术：Http Compression。 Server 端会评估客户端发来的http request中header里的"Accept-Encoding”。来确定客
阅读全文
摘要：上一章我讲了很多关于Fiddler的东西。其实有很多检测工具可以使用，如 Fiddler 、chrome、firebug、Network Monitor、IIS 和一些第三方的service。首先我们还是先继续回顾一下fiddler的功能【fiddler】追踪工具，尤其针对Http展示完成的request和response可以保存session存档在提高我网站性能之前，我先把网站相关信息保存起来。等我优化之后，我可以拿出来做对比。哦，原来我的站点性能提高了这么多！网页加载耗时时间轴统计。还是以微软的网站为例：我们可以很清楚的看到加载了哪些类型的文件，已经文件的大小。【Chrome 浏览器】Ch
阅读全文
摘要：【概观】什么使我们的网站变慢？Http 协议通过更好的性能省钱和赚钱性能规则【什么使网站变慢】对于大多数现代的网站，仅仅有10%-20%的响应时间是用于生成和加载html document的。 那么，其他的时间用于加载什么呢？确切的说，如下：cssjavascript（jquery，plugin 等等）images 让我们使用一个工具去看看-Fiddler (http://www.fiddler2.com/fiddler2/) 首先打开fiddler，然后使用浏览器访问 www.microsoft.com 这时候我们可以看到fiddler监控到客户端与微软网站服务器之间的交互情况如...
阅读全文
