一、尽可能的减少HTTP请求
二、使用CDN(内容分发网络)
三、添加Expire/Cache-Control头
四、启用Gzip压缩
五、将css放在页面最上面
六、将script放在页面最下面
七、避免在CSS中使用Expressions
八、把JS和CSS放到外部文件中(有争议,灵活运用)
写在页面内的情况:
1、值应用与一个页面
2、不经常被访问到
3、脚本个样式都很少
九、减少DNS查询
1、DNS查找过程,大约需要20ms
Yahoo军规14条 - 月上西楼 - 月上西楼
2、IE缓存时间长 对服务器变化响应慢
Yahoo军规14条 - 月上西楼 - 月上西楼
3、多域和单域
Yahoo军规14条 - 月上西楼 - 月上西楼
十、压缩 JavaScript 和 CSS
十一、避免重定向(跟搜索引擎相关)
1、301重定向使搜索引擎更智能
Yahoo军规14条 - 月上西楼 - 月上西楼
2、为什么要避免使用重定向
Yahoo军规14条 - 月上西楼 - 月上西楼
十二、移除重复的脚本
十三、配置实体标签(ETag)
十四、使 AJAX 缓存
POST和GET:
1、POST每次都执行,返回200,不被缓存
2、GET同意地址不重复执行,返回304,可以被缓存
分享到:
相关推荐
### YaHoo军规:前端性能优化35条不可触犯规则详解 #### 一、前言 随着互联网技术的不断发展,用户对于网页加载速度的要求越来越高。为了提供更好的用户体验,YaHoo公司总结出了一套被称为“YaHoo军规”的性能优化...
前端优化-雅虎军规35条 网页内容上 1 减少http请求次数 80%的终端用户响应时间都花在了前端上,其中大部分时间都在下载页面上的各种组件:图片,样式表,脚本,Flash等等。减少组件数必然能够减少页面提交的HTTP请求...
做为网站建设者,如何提高网站性能,成为炙手可热的问题,本课程让你清楚影响网站性能的原因,从而避免不利于网站性能的因素,借助Yslow工具快速找到问题所在,提高网站性能,让提高网站性能、快速访问网站不在是...
【SQL开发的21条军规】初学者和专家都需要关注的准则,旨在提升SQL Server数据库开发的效率和性能。以下是一些关键知识点: 1. **了解你的工具**:掌握T-SQL命令和SQL Server提供的工具至关重要。花时间熟悉所有...
特点:简单明了,认真阅读思考,绝对对你的开发有帮助,给自己的技术投点资吧
雪碧图合并 js合并(一般合并到3~5个,css类似) css合并 2.减少DNS查找次数 不要在一个网站中有太多域 用到CDN静态服务器 DNS预解析 //DNS预解析 3.尽量免去不必要的跳转,比如index跳转到home ...
自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化网站性能的。以上是一张web2.0页面的生命周期图。工程师很形象地讲它分成了“怀孕,出生,毕业,结婚...
这种情况不符合被广泛遵循的雅虎军规“尽量减少HTTP请求数”的要求(雅虎前端优化的35条军规)。 为了避免这种情况,我们需要使用到雪碧图将这些图标整合到一张图片上,再使用CSS背景及其定位,将需要显示的图标...
通过Firebug来编辑、调试和监控任何页面的CSS、HTML和JavaScript,你可以简单的查找页面中的HTML... 对于如何评估网站性能有一个非常著名的“22条军规”,为您的网站自动生成性能评估报告,并且提供相应的修改意见。
天津前端混饭指南 面试常见问题总结 本人五年前端,一直在...4.慕课网:雅虎军规(代码规范) 5.vue相关 源码解析 基础知识(音乐播放器) Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲 6.webpack总结: 7.react使用技巧
1. 经典资源:提到了“雅虎军规”和《高性能JavaScript》这两部经典资源,它们是前端性能优化领域的重要参考书籍,帮助开发者掌握性能优化的基本原则和技巧。 2. 搜索引擎和书籍的作用:在面对性能优化问题时,通过...
一说到性能优化,大家都不约而同的想起了雅虎的军规,2-5-8原则,3秒的首屏准则等等,这些规则在开发中虽然不是强制要求的,但是为了追求页面性能的完美体验,就不得不对代码进行修改和优化。 下面就与大家一同分享...
本段内容将详细解读这些策略和技术,并依照Yahoo总结的“军规”进行介绍。 1. 减少HTTP请求数:这是提升Web性能的首要规则。每次HTTP请求都需要经历一定的网络延迟,减少请求的次数能够显著加快页面的加载速度。...