Yahoo 军规

一、尽可能的减少 HTTP 的请求数

什么是 http 请求?
当你打开网页时,你所看到的文字、图片、多媒体等等,这一切内容,都是你从服务器获取的,每一个内容的获取,就是一个http请求。

优化方案:
(1) 图片合并
(2) js合并
(3) css合并

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

什么是 CDN ?
在离你最近的地方,放置一台性能好链接顺畅的副本服务器,让你能够以最近的距离,最快的速度获取内容。

三、添加Expire/Cache-Control头

四、启用Gzip压缩

服务器压缩,浏览器解析。

五、将css放在页面最上面

css:层叠样式表单
层叠即意味着后面的css可以覆盖前面的css,级别高的css会覆盖级别低的css

六、将script放在页面最下面

主要是为了避免阻塞其他资源加载。

七、避免在css中使用 Expressions

css Expressions 即css表达式

出现问题:计算频率比想象的多,会拉低页面性能。

八、把js和css都放到外部文件中
不一定按照这条来。

九、减少DNS查询

十、最小化 js 和 css

减少文件体积

十一、避免重定向
重定向:原始请求被重新转向到了其他请求

重定向状态码:
301: 永久重定向
302: 临时重定向

为什么要避免重定向?
重定向增加了浏览器到服务器往返次数。

举例:
用户发起对a.com服务器的访问,但是a.com被重定向到了b.com服务器,服务器将重定向信息返回给用户,在用户请求header中写入新的地址即b.com,
用户浏览器重新请求b.com。过程中多了一个对b.com的请求过程。

十二、移除重复的脚本

十三、配置实体标签(ETag)
减轻服务器负担

十四、使用 AJAX 缓存

post请求不被缓存,get请求可以被缓存

Yahoo 军规_第1张图片
get和post区别.png

你可能感兴趣的:(Yahoo 军规)