网页优化
不晓得V
前端
展开
-
Google的YSlow——Page Speed
Google的YSlow——Page Speed(附插件下载)<br />Yahoo的YSlow 大家应该都比较熟悉了,那是找出我们网页为什么缓慢的利器。其实Google也有类似的FireFox插件,名字叫做“Page Speed ”,虽然名字比YSlow逊色很多,但是功能却完全不在YSlow之下。不同于YSlow的14条衡量标准,“Page Speed”的网页速度衡量标准又是什么呢?本文将为您揭晓“Page Speed”的神秘面纱。先来看界面吧<br />和 YSlow一样,“Page Spee转载 2011-04-12 16:01:00 · 251 阅读 · 0 评论 -
DynaTrace Ajax Edition:IE浏览器性能分析工具
DynaTrace AJAX是一个运行在IE浏览器下的免费页面性能分析工具,它可以支持主流的IE6、IE7、IE8浏览器。这款工具正是DynaTrace为进入前端性能分析领域而发布的。您可以利用它来分析页面渲染时间、DOM方法执行时间,甚至可以看到JS代码的解析时间。连JQuer转载 2011-08-24 17:07:39 · 1292 阅读 · 0 评论 -
从用户体验出发的性能指标分析-Start Render
如何在持续升级的项目中保持项目的高性能?如何更加准确的定位和解决性能问题?实际上,WPO的最主要目的是改善用户体验,而用户体验的好坏则可以根据几个核心性能指标来衡量。从用户体验出发的几个核心时间指标包括:Start Render、DOM Ready、Page Load、TTI。不转载 2011-09-14 17:03:37 · 1665 阅读 · 0 评论 -
从用户体验出发的性能指标分析-DOM Ready
如何在持续升级的项目中保持项目的高性能?如何更加准确的定位和解决性能问题?实际上,WPO的最主要目的是改善用户体验,而用户体验的好坏则可以根据几个核心性能指标来衡量。从用户体验出发的几个核心时间指标包括:Start Render、DOM Ready、Page Load、TTI。不转载 2011-09-14 17:02:45 · 1361 阅读 · 0 评论 -
从用户体验出发的性能指标分析-Page Load
如何在持续升级的项目中保持项目的高性能?如何更加准确的定位和解决性能问题?实际上,WPO的最主要目的是改善用户体验,而用户体验的好坏则可以根据几个核心性能指标来衡量。从用户体验出发的几个核心时间指标包括:Start Render、DOM Ready、Page Load、TTI转载 2011-09-14 17:01:44 · 1595 阅读 · 0 评论 -
使用块编码(chunked)的好处
摘自:《高性能网站建设进阶指南》1、通过块编码,HTML文档可以被分成多个数据块返回,每个响应的数据块都以标识其大小的指示符为开头。这就允许浏览器在下载数据包后立马立马进行解析,使得页面的加载速度更快;(因为大多数浏览器都是在HTML文档加载完毕才开始渲染页面,并同时下载页面上的原创 2011-07-19 18:39:43 · 741 阅读 · 0 评论 -
关于动态CSS载入
在平时的项目中,特别是一些要求高度模块化的项目里,经常会遇到需要动态载入CSS的情况;比如,在V4版微博的改造过程中,因为采用bigpipe技术,页面被划分成了多个彼此相互独立的pagelet模块,这时就要求不同的模块有着相互独立的样式表与JS文件。 而他们的加载顺原创 2011-07-19 00:12:52 · 749 阅读 · 0 评论 -
[转]在服务端合并和压缩JavaScript和CSS文件
Web性能优化最佳实践中最重要的一条是减少HTTP请求,它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射(Image Map)和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了,但由于IE6和IE7不支持Data URI以及性能问题,这项技术转载 2011-06-30 22:34:00 · 300 阅读 · 0 评论 -
[转][译]BigPipe:高性能的“流水线技术”网页
今天写简历有写到关于项目中Bigpipe的应用,顺便想起来将蒋博士的这篇文章保存到博客里,以便以后查阅; 原文地址:http://www.facebook.com/note.php?note_id=389414033919译文地址:http://isd.tencent.com/?p=2419作者:蒋长浩Facebook的网站速度做为最关键的公司任务之一。在2009年,我转载 2011-06-24 00:11:00 · 385 阅读 · 0 评论 -
简单的事件通知机制实现
/** * 简单的事件通知实现;具体使用时,可以封装到自己的项目内; * * 主要用于同一个页面上的跨JS文件、跨模块之间的事件通信; * * 当页面内多个相对较为独立的模块之间需要有一些交互时, * 传统的回调形式会增加模块与模块之间的耦合,采用事件通知 * 机制,可以有效的降低页面之间的耦合度;是开发低耦合模块 * 化页面必不可少的一个简单技巧; *原创 2011-06-28 00:30:00 · 548 阅读 · 0 评论 -
浏览器的渲染解析相关资源
浏览器渲染与解析: http://www.slideshare.net/slideshow/embed_code/9779608# JS阻塞页面加载: http://hi.baidu.com/dong_love_yan/blog/item/1a70ec3c7d628e2e70cf6c8c.html 解放你的浏览器 http://fed.renren.com/2010/01/247转载 2011-11-03 15:50:55 · 860 阅读 · 0 评论