`

雅虎的34条军规

阅读更多
1、尽量减少HTTP请求次数
2、减少DNS查找次数
3、避免跳转
4、可缓存的AJAX
5、推迟加载内容
6、预加载
7、减少DOM元素数量
8、根据域名划分页面内容
9、使iframe的数量最小
10、不要出现404错误
11、使用内容分发网络
12、为文件头指定Expires或Cache-Control (设置服务器)
13、Gzip压缩文件内容(设置服务器)
14、配置ETag(设置服务器)
15、尽早刷新输出缓冲
16、使用GET来完成AJAX请求
17、把样式表置于顶部
18、避免使用CSS表达式(Expression)
19、使用外部JavaScript和CSS
20、削减JavaScript和CSS
21、用代替@import
22、避免使用滤镜
23、把脚本置于页面底部
24、剔除重复脚本
25、减少DOM访问
26、开发智能事件处理程序
27、减小Cookie体积
28、对于页面内容使用无coockie域名
29、优化图像
30、优化CSS Spirite
31、不要在HTML中缩放图像
32、favicon.ico要小而且可缓存
33、保持单个内容小于25K
34、打包组件成复合文本

雅虎34条军规
分享到:
评论

相关推荐

    SQL开发的21条军规

    SQL开发的21条军规,初学者必读,高手必看!

    雅虎军规 笔记

    做为网站建设者,如何提高网站性能,成为炙手可热的问题,本课程让你清楚影响网站性能的原因,从而避免不利于网站性能的因素,借助Yslow工具快速找到问题所在,提高网站性能,让提高网站性能、快速访问网站不在是...

    浅谈雅虎前端优化的35条军规

    无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢,这篇文章主要介绍了浅谈雅虎前端优化的35条军规,感兴趣的小伙伴们可以参考一下

    《YaHoo军规》

    Yahoo关于性能优化的35条不可触犯的军规,web2.0的设计与视觉,用户越来越注重用户体验,但用户体验的前提就是网站的访问速度,对于一个大型网站的yahoo来说,处理性能优化是不可缺少的,他是怎么制定性能优化呢,...

    雅虎Yslow网页分析工具

    雅虎Yslow 网页性能分析工具 安装,启动,使用及雅虎的34条军规

    Yahoo-35:前端优化-雅虎军规35条

    前端优化-雅虎军规35条 网页内容上 1 减少http请求次数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求...

    超全的雅虎军规思维导图

    特点:简单明了,认真阅读思考,绝对对你的开发有帮助,给自己的技术投点资吧

    雅虎军规33条

    雪碧图合并 js合并(一般合并到3~5个,css类似) css合并 2.减少DNS查找次数 不要在一个网站中有太多域 用到CDN静态服务器 DNS预解析 //DNS预解析 3.尽量免去不必要的跳转,比如index跳转到home ...

    Webpack中雪碧图插件使用详解

    这种情况不符合被广泛遵循的雅虎军规“尽量减少HTTP请求数”的要求(雅虎前端优化的35条军规)。 为了避免这种情况,我们需要使用到雪碧图将这些图标整合到一张图片上,再使用CSS背景及其定位,将需要显示的图标...

    前端性能优化建议

    一说到性能优化,大家都不约而同的想起了雅虎的军规,2-5-8原则,3秒的首屏准则等等,这些规则在开发中虽然不是强制要求的,但是为了追求页面性能的完美体验,就不得不对代码进行修改和优化。 下面就与大家一同分享...

    TianJinFroentEndDawdleGuide:天津前端混饭指南,面试常见问题总结

    天津前端混饭指南 面试常见问题总结 本人五年前端,一直在...4.慕课网:雅虎军规(代码规范) 5.vue相关 源码解析 基础知识(音乐播放器) Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲 6.webpack总结: 7.react使用技巧

    存储篇 1:浏览器缓存机制介绍与缓存策略剖析(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    存储篇 2:本地存储——从 Cookie 到 Web Storage、IndexDB(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    性能监测篇:Performance、LightHouse 与性能 API(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    网络篇 1:webpack 性能调优与 Gzip 原理(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    前方的路:希望以此为你的起点.md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    渲染篇 1:服务端渲染的探索与实践(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    网络篇 2:图片优化——质量与性能的博弈(2).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    渲染篇 3:对症下药——DOM 优化原理与基本实践(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

    开篇:知识体系与小册格局(1).md

    可能是类似[“雅虎军规”](https://developer.yahoo.com/performance/rules.html?guccounter=1)和[《高性能 JavaScript》](https://book.douban.com/subject/5362856/)这样历久弥香的经典之作,也可能是搜索引擎聚合...

Global site tag (gtag.js) - Google Analytics