Yahoo军规笔记(网站优化)

Yahoo军规(网站优化技巧)

1.尽可能的减少HTTP请求数。

http请求:从客户端到服务端的请求消息。包括消息首行中,对资源的请求方法,资源的标识符及使用的协议。

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

CDN网络:内容分发网络。意思是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快,更稳定。

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

3.添加Expire/Cache-Control头

expire模块:expire头的内容是一个时间值,值就是资源在本地的过期时间、存在本地。在本地缓存阶段,找到一个对应的资源值,当前时间还没超过资源的过期时间,就直接使用这一个资源,不会发送http请求。

CACHE-CONTROL 是http协议中常用的头部之一,顾名思义,他是负责控制页面的缓存机制,如果该头部指示缓冲,缓冲的内容也会存在本地,操作流程和expire相似,但也有不同的地方,cache-control有更多的选项,而且也有更多的处理方式。

4.启用Gzip压缩

在服务器端配置即可。

5.将css放在页面最上面

直接呈现样式,避免先出来内容导致页面混乱。

6.将script放在页面最下面

优先呈现内容,避免script脚本导致页面显示速度变慢,甚至陷入死循环。

7.避免在CSS中使用Expressions

CSSExpressions:也就是CSS表达式,不可以用这样的表达式是因为CSSExpressions在鼠标移动中每时每刻都在计算。

8.把JavaScript和CSS都放在外部文件中。

需要辩证的看,在外部文件和内部文件各有好处

单独提取出来:提高了js和css的复用性,减小页面体积,提高了js和css的可维护性。

写在页面内:减少页面请求,提升页面渲染速度。

所以当页面只应用于一个页面、不经常被访问时、脚本或样式很少的情况下就可以写入页面内。

9.减少DNS 查询

去除不必要的空白符、格式符、注释符。

简写方法名、参数名压缩Js脚本。

10.压缩JavaScript和CSS。

在正式上线项目前,将JavaScript和CSS都进行压缩,使线上版本是最轻量级的,大幅提升网站性能。

11.避免重定向。

12.移除重复的脚本。

13.配置实体标签(ETag)

实体标签就是一种标识或者标记,服务器向客户端发出请求,客户端回应,发现ETag相同时,直接使用之前的缓冲。

14.使AJAX缓存

AJAX缓冲的最主要功能就是局部缓冲。不需要每次仍得重新加载全部网页。

15.Yslow网站性能优化工具

学会使用YSlow会得到更多的优化提示或建议。

时间: 2024-08-18 21:44:40

Yahoo军规笔记(网站优化)的相关文章

【转】Yahoo!团队:网站性能优化的35条黄金守则

Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践.他们为此进行了一系列的实验.开发了各种工具.写了大量的文章和博客并在各种会议上参与探讨.最佳实践的核心就是旨在提高网站性能. 原版猛戳:https://developer.yahoo.com/performance/rules.html,本文转自:http://blog.csdn.net/xianghongai/article/details/9241549 Excetional Performan

学习笔记 --- 缓存、动态页面静态化、网站优化

http://www.cnblogs.com/cs_net/archive/2011/03/17/1986620.html 一.缓存 缓存(Cache)技术在软件开发过程中有着广泛的用途, 它对提升软件性能和改善客户体验有很大帮助. 所谓缓存, 是指将那些经常重复的操作结果暂时存放起来, 在以后的执行过程中, 只要使用前面的暂存结果即可. 缓存技术在日常生活中随处可见, 就拿排队买票来说吧: 买票时需要先排队, 等轮到自己了, 再告诉售票员你需要买那里的票, 售票员查询完后告诉你有还是没有. 若

网站优化——前端部分【转】

开篇语 作为一个前端的菜鸟,总是在面试的时候被问及一些优化的问题,说实话,回答的时候总是心虚,因为确实没有真真正正做过优化对比,也不知道从何说起,今天在网上收集一些例子加以总结,日后若是开发用到,也能一一对照,把自己开发的网站做到最优化! 网站优化 一个网站的优化,前端只是很小的一部分.大到系统架构,小到页面HTML布局,无一不影响这一个网站的用户体验.由于现在知识面还比较窄,对架构方面的优化(服务器集群.业务分离.NOSQL.数据库设计.缓存设置.单点登录)理解不全面,本篇就先只总结前端的一些

网站优化——前端部分

开篇语 作为一个前端的菜鸟,总是在面试的时候被问及一些优化的问题,说实话,回答的时候总是心虚,因为确实没有真真正正做过优化对比,也不知道从何说起,今天在网上收集一些例子加以总结,日后若是开发用到,也能一一对照,把自己开发的网站做到最优化! 网站优化 一个网站的优化,前端只是很小的一部分.大到系统架构,小到页面HTML布局,无一不影响这一个网站的用户体验.由于现在知识面还比较窄,对架构方面的优化(服务器集群.业务分离.NOSQL.数据库设计.缓存设置.单点登录)理解不全面,本篇就先只总结前端的一些

简单网站优化

一.为什么要网站优化 1.1.大型网站的特点 高访问量 同时在线人数多 数据量庞大 数据操作频繁 1.2.网站性能测试指标(用户角度) 日访问量 同时在线人数 最大并发连接数 访问响应时间 1.3.网站性能个体体现 首屏时间:一个网站被浏览器上部,800*600区域充满所需要的时间 网页访问可用性:用户访问网页的成功率. DNS时间:浏览器将地址发送给DNS服务器,DNS服务器根据地址返回IP到浏览器,浏览器得到IP地址,此为DNS时间 建立连接时间:包含DNS时间后,浏览器重到IP地址后,再将

网站优化

网站优化要尽量减少服务器HTTP请求次数 YAHOO网页加速的14条优化法则 尽量减少HTTP请求次数 少用location.reload() 使用location.reload() 会刷新页面,刷新页面时页面所有资源(css,js,img等)会重新请求服务器. 建议使用location.href="当前页url" 代替location.reload() ,使用location.href 浏览器会读取本地缓存资源.

Yahoo14条军规-前端性能优化

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

SQL优化笔记—CPU优化

补充:常规服务器动态管理对象包括,下面有些资料可能会应用到 dm_db_*:数据库和数据库对象dm_exec_*:执行用户代码和关联的连接dm_os_*:内存.锁定和时间安排dm_tran_*:事务和隔离dm_io_*:网络和磁盘的输入/输出 优化性能的常用方法是检索速度最慢的查询构成您 SQL Server 实例上的正常. 每日工作负载的一部分,然后调整它们,一个接一个的"Top 10"列表. 跟踪会话. 请求 和 SQL Server 基础架构中的最耗费大量资源,查询和执行时间最长

网站优化不等于搜索引擎优化SEO

对于SEO相信搞网络营销的人基本上都知道这个名词,英文全称为search engine optimization,中文一般叫搜索引擎优化,也有的叫搜索引擎定位(Search Engine Positioning)和搜索引擎排名(Search Engine Ranking),简单来说SEO就是在Baidu,google,yahoo,MSN等等各大搜索引擎中获得比较靠前的自然排名的技巧和策略. 目前,搜索引擎优化已经成为许多企业开展搜索引擎营销的重要手段,而搜索引擎营销已经成为企业网站推广最重要的组