网站性能
sunlylorn
2010.7校招加入腾讯目前就职于360搜索
展开
-
Yahoo!网站性能最佳体验的34条黄金守则——内容
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。其中内容部分一共十条建议:一、内容部分1. 尽量减少HTTP请求2. 减少D转载 2011-02-25 17:28:00 · 758 阅读 · 0 评论 -
Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用
JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:CSS:1. 把样式表置于顶部2. 避免使用CSS表达式(Expression)3. 使用外部JavaScript和CSS4. 削减JavaScript和CSS5. 用代替@import6. 避免使用滤镜JavaScript1. 把脚本置于页面底部2. 使用外部JavaScript和CSS3. 削减Java转载 2011-02-25 17:30:00 · 1021 阅读 · 0 评论 -
Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS
<br />JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:<br />CSS:<br />1. 把样式表置于顶部<br />2. 避免使用CSS表达式(Expression)<br />3. 使用外部JavaScript和CSS<br />4. 削减JavaScript和CSS<br />5. 用<link>代替@import<br />6. 避免使用滤镜<br />JavaScript转载 2011-02-25 17:30:00 · 1212 阅读 · 0 评论 -
Yahoo!网站性能最佳体验的34条黄金守则——服务器
除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改进的地方,它们包括:1. 使用内容分发网络2. 为文件头指定Expires或Cache-Control3. Gzip压缩文件内容4. 配置ETag5. 尽早刷新输出缓冲6. 使用GET来完成AJAX请求11、使用内容分发网络 用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做转载 2011-02-25 17:36:00 · 1063 阅读 · 0 评论 -
优化浏览器渲染
资源被下载到客户端后,浏览器仍需加载,解释,并渲染HTML、CSS和Javascript代码。只需利用现有浏览器的特性简单地编排你的代码和页面,就可以提升客户端的性能。1. 使用高效率的CSS选择器2. 避免CSS expressions3. 将样式表放在页面顶部4. 指定图像尺寸使用高效率的CSS选择器概述避免低效率的匹配大量元素的键选择器【key selectors】可以加快页面渲染。详细信息当浏览器解析HTML时首先构造一个内部文件树来代表所有显示的元素转载 2011-02-25 17:39:00 · 1248 阅读 · 0 评论 -
如何使CSS渲染更高效
<br />这是应该是浏览器开发者应该关心的(页面加载更快,用户就会更愉快)。Mozilla有一篇文章: about best practices . Google 当然也很关心这个问题,他们也有这样一篇文章:Optimize browser rendering。<br />让我们了解下他们主要倡导的东东,然后讨论他们的实用性。<br />从右到左<br />浏览器如何读取你的CSS选择器有一个很重要的原则,那就是它们从右到左读取。这意味这像 ul > li a[title="home"] 这样的选择转载 2011-02-25 17:41:00 · 1271 阅读 · 0 评论