Yahoo军规

1、尽可能减少http请求数。

2、使用CDN(内容分发网络)。

3、添加Exprie/Cache-Control头。

4、启用Gzip压缩。

5、将CSS放在页面最上面。

6、将script放在页面最下面。

7、避免在css中使用exprissions

也就是css表达式

8、把JavaScript和CSS都放到外部文件中

写在页面内的情况:只应用于一个页面;不经常被访问到;脚本和样式很少;

9、减少DNS查询。

10、最小化JavaScript和CSS,即压缩。

11、避免重定向。

12、移除重复的脚本。

13、配置实体标签(ETag)。

14、使用AJAX缓存。

时间: 2024-09-30 22:09:32

Yahoo军规的相关文章

Yahoo军规笔记(网站优化)

Yahoo军规(网站优化技巧) 1.尽可能的减少HTTP请求数. http请求:从客户端到服务端的请求消息.包括消息首行中,对资源的请求方法,资源的标识符及使用的协议. 2.使用CDN(内容分发网络) CDN网络:内容分发网络.意思是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快,更稳定. 也就是在用户最近的地方放置一台性能好链接顺畅的副本服务器,让你能够以最近的距离,最快的速度获取内容. 3.添加Expire/Cache-Control头 expire模块:ex

Yahoo关于性能优化的N条规则

本来这是个老生常谈的问题,上周自成又分享了一些性能优化的建议,我这里再做一个全面的Tips整理,谨作为查阅型的文档,不妥之处,还请指正: 一. Yahoo的规则条例: 谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等: 详细的解释来这里查:http://developer.yahoo.com/performance/rules.html 也可以直接firebug上一项项比对,如下图: 简单翻译解释下: 1.尽量减少HTTP请求个数——须权衡 合并图片(如cs

Yahoo14条军规-前端性能优化

1.尽可能减少HTTP请求数 什么是http请求? 2.使用CDN(内容分发网络) 什么是CDN? 3.添加Expire/Cache-Control头 Expire Cache-Control 4.启用GZip压缩 把文件先放在服务器上压缩一下,然后再传输,这样可以显著减少文件传输的大小.传输完毕后,浏览器会进行解压. 5.将CSS放在页面最上面 在IE下把CSS放到页面底部后,会禁止网页内容的顺序显示 ,在低网速情况下,用户打开网页,只能看到空白页. 而Firefox下 ,当CSS下载后,页面

前端性能优化-基础认知

基础:1.本地存储 2.后端逻辑 DNS寻址以及IP解析访问 Network 下的 Headers -> Remote Address 一样可以访问本站 WebServer 背后的事 性能优化包括前端.后端.网络以及硬件机器 页面渲染流程HTML页面请求浏览器的js引擎 尽量减少页面的reflow防止js绘制dom节点阻塞其他标签的解析甚至下载,比如 document.write 浏览器的JS引擎 WebPageTest 分析网络性能 性能优化:Yahoo军规 技术优化出发点 写成可复用的模块

前端学习推荐资料

这里所整理的视频教程均来自于http://www.imooc.com/course/list?c=fe,各位有兴趣可前往就自己感兴趣的内容进行更多的学习.前端开发工具快乐的sublime编辑器http://www.imooc.com/view/333 前端开发工具技巧介绍—Sublime篇http://www.imooc.com/view/40 WEB调试工具---Firebughttp://www.imooc.com/view/137HTML.CSS基础HTML+CSS基础课程http://w

分针网—IT教育: Html / CSS常见问题的解决方案

1. 解决Safari下input光标过大 2. 设置浮层 3. CSS绘制三角形 4. 清除浮动 1) 浮动元素父级添加样式 2) 父元素后添加伪元素 3) 同样可以使用如下方式(兼容IE) 4) 在浮动元素后添加div.clear 注意点 1) .clearfix 应用在包含浮动子元素的父级元素上 2) 使用clear清除浮动会发生margin重叠显现,使用BFC清除浮动(在浮动元素的父元素上添加overflow: hidden;)则会把整个元素包起来,从而不会发生margin重叠现象 5.

关于Yahoo十四条军规与前端性能优化

关于Yahoo十四条军规与前端性能优化 热度 4已有 223 次阅读2014-8-3 15:01 |个人分类:前端相关|系统分类:前端优化| 前端优化, yahoo, 性能优化 启用Gzip压缩.Gzip的思想就是把文件先在服务器端进行压缩,然后再传输.这样可以显著减少文件传输的大小.传输完毕后浏览器会 重新对压缩过的内容进行解压缩,并执行.目前的浏览器都能“良好”地支持 gzip.不仅浏览器可以识别,而且各大“爬虫”也同样可以识别,各位seoer可以放下心了.而且gzip的压缩比例非常大,一般

Yahoo网站性能优化的34条军规

1.尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容,这部分时间包括下载页面中的图像.样式表.脚本.Flash等.通过减少页面中的元素可以减少HTTP请求的次数,这是提高网页速度的关键步骤. 减少页面组件的方法其实就是简化页面设计.那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目的呢?这里有几条减少HTTP请求次数同时又可能保持页面内容丰富的技术. 1.合并文件:合并文件是通过把所有的脚本放到一个文件中来减少HTTP请求的方法,例如可以简单地把所有的CS

雅虎Yahoo 前段优化 14条军规

Yahoo 14条 雅虎十四条 腾讯前端设计的Leader推荐我背熟的.请大家都能好好学习,不要像我一样一扫而过,好好的记下来!不仅仅是晓得一些CSS xhtml就好了,深刻认识到很多的东西需要学习的.很早就用Firebug,但是却没听说过Yslow,这叫不喜欢追求.希望大家关注前端设计的,多追求. 有兴趣的同学可以装个 Firebug 下的 Yslow ,测试下自己的网站. Web 应用性能优化黄金法则:先优化前端程序 (front-end) 的性能,因为 这是 80% 或以上的最终用户响应时