为了账号安全,请及时绑定邮箱和手机立即绑定

Yahoo军规

难度中级
时长 1小时 0分
学习人数
综合评分9.83
239人评价 查看评价
9.9 内容实用
9.8 简洁易懂
9.8 逻辑清晰
  • 一、什么是http请求: 定义:从客户端到服务器端的请求消息,包括消息首行中,对资源的请求方法的资源的标识符及使用的协议。 理解:当你打开网页的时候,你所看到的文字、图片、多媒体等等,这一切内容,都是你从服务器获取的,每一个内容的获取,就是一个http请求。
    查看全部
  • 一、yoo军规: 1、尽可能减少http请求数。 2、使用cdn(内容分发网络)。 3、添加Expire/Cache-Control头。 4、启用Gzip压缩。 5、将css放在页面最上面。 6、将script放在页面最下面。 7、避免在css中使用expressions. 8、把javaScript和css都放到外部文件中。 9、减少dns查询。 10、压缩javaScript和css 11、避免重定向。 12、移除重复的脚本。 13、配置实体标签(ETags)。 14、使用ajax缓存。
    查看全部
    0 采集 收起 来源:yahoo军规简介

    2017-11-02

  • 雅虎军规: 1尽可能减少HTTP请求数 :合并资源 2使用CDN(内容分发网络) :增加服务器,钱的问题 3添加Expire/Cache-Control头 :时间不过期就不请求 4启用Gzip压缩 :1本地压缩 2:服务器压缩,服务器二次压缩 5将CSS放在页面最上面 :1 IE存在阻止加载 :2Firefox 闪烁 6将Script放在页面最下面 :死循环实验for(i=0;i=i+1;i++){document.write(i);} 7避免在CSS中使用Expressions :移动鼠标等都会计算 8把Javascript和CSS都放到外部文件中 :文件大小与访问频率取舍 9减少DNS查询 :20ms 缓存 单域 多域 10压缩Javascript和CSS 11避免重定向 :301 移动到了另外的位置,永久 302被找到了,不在这里,返回一个地址,临时重定向 12移除重复的脚本 number++实验来说明 13配置实体标签Etags 小狗尿尿 304 未修改 14使AJAX缓存
    查看全部
    0 采集 收起 来源:yahoo军规简介

    2017-11-02

  • 雅虎军规: 1尽可能减少HTTP请求数 合并资源 2使用CDN(内容分发网络) 增加服务器,钱的问题 3添加Expire/Cache-Control头 时间不过期就不请求 4启用Gzip压缩 本地压缩 服务器压缩,服务器二次压缩 5将CSS放在页面最上面 IE存在阻止加载 Firefox 闪烁 6将Script放在页面最下面 死循环实验 7避免在CSS中使用Expressions 移动鼠标等都会计算 8把Javascript和CSS都放到外部文件中 文件大小与访问频率取舍 9减少DNS查询 20ms 缓存 单域 多域 10压缩Javascript和CSS 11避免重定向 301 移动到了另外的位置,永久 302被找到了,不在这里,返回一个地址,临时重定向 12移除重复的脚本 numbei++实验来说明 13配置实体标签Etags 小狗尿尿 304 未修改 14使AJAX缓存 6.for(i=0;i=i+1;i++){ document.write(i); }
    查看全部
    0 采集 收起 来源:Yslow工具使用

    2017-11-02

  • get post差别
    查看全部
    0 采集 收起 来源:使 AJAX 缓存

    2017-10-09

  • 最小化 JavaScript 和 CSS: 1、去除不必要的空白符、格式符、注释符。 2、简写方法名、参数名,压缩JS脚本。 使用工具压缩 JavaScript 和 CSS 项目上线前,最好将JS和CSS文件压缩,保证线上版本是最轻量的,从而大幅提升网站性能。
    查看全部
  • Grade:等级视图 网页评分(A->F等级依次降低)<br> Components:组件视图,检视各个元素占用空间大小<br> Statistics:统计信息视图,与Components相似<br> Tools: JSLint:检验JavaScript正确性<br> All JS:展示网页中使用的JS<br> ALL JS Beautified:将JS以可读的方式展示<br> ALL JS Minified:删除换行、空格等,压缩JS<br> ALL CSS:展示网页中使用的CSS<br> YUI CSS Compressor:压缩CSS<br> ALL Smush.it:优化图片<br> Printable View:将分析打印成报告
    查看全部
    0 采集 收起 来源:Yslow工具使用

    2018-03-22

  • 插件,网站性能分析Yslow: ·YSlow(基于浏览器执行),在ff下执行的最好 ·对网站进行分析,给出优化报告 ·1 安装fireBug 2 YSlow
    查看全部
    0 采集 收起 来源:Yslow工具简介

    2017-09-10

  • 把JS和CSS代码提取出来,可以提高代码的复用性和可维护性,减少页面体积。但是文件多了,请求数也会增加。 而把JS和CSS代码写在页面内,可以减少请求,提升网页渲染速度。 如果代码只用于一个页面、页面不常被访问或者JS和CSS代码很少,建议写在页面内
    查看全部
  • 避免使用css expression,即CSS表达式 (所谓css expression就是css的属性值是由js计算出来的,用了该属性,鼠标移动,滚动都会对其值进行重新计算),这样会严重影响浏览器效率 缺点:1、在页面显示、缩放、滚动以及鼠标移动时都要重新计算一次,严重影响性能;2、不符合WEB标准;3、暴露了一个脚本执行的上下文,有潜在的安全隐患。
    查看全部
  • 浏览器渲染顺序:自上而下依次渲染。 将script标签放在底部,可以让网页内容先呈现出来,减少用户等待时间。 将script标签放在页面底部 可以让页面内容优先呈现出来,而非先暴露script的bug 将Script放在页面的最下面,因为浏览器加载和解释网页的顺序是从左到右从上到下的,如果JavaScript代码有死循环的问题,网页可能是空白一片的,如果放在页面的最下面即使如此,页面也能展现出来,当然这个问题最好避免!
    查看全部
  • css(层叠样式表):后面的样式会覆盖前面的,级别高的样式会覆盖级别低的样式。 先加载css,放在头部<head>提高渲染性能,避免页面空白或者重绘。 IE:css放body底部,IE禁止了网页内容的顺序显示,低网速情况下导致空白 FF:不阻止显示,但会导致闪烁重绘 解决:先加载css,放头部<head>提高渲染性能,避免页面空白或者重绘
    查看全部
  • 使用Gzip压缩数据 Gzip支持压缩文本数据,包括:HTML,PHP,JS,CSS,XML,TXT等等。 GZIP最早由Jean-loup Gailly和Mark Adler创建,用于UNIX系统的文件压缩。后缀为.gz的文件,它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据压缩格式,或者说一种文件格式。HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。这一般是指WWW服务器中安装的一个功能,一般对纯文本内容可压缩到原大小的40%.这样传输就快了。 使用Gzip: ·把文件先压缩,再传输 ·流程:原始79--本地压缩--服务器端对已经压缩的再压缩- ·优点:提升文件传输速度;(在服务器端配置)
    查看全部
    0 采集 收起 来源:启用Gzip压缩

    2017-09-10

  • 3 添加 Expire/Cache-Control 头: expire头的内容是一个时间值,值就是资源在本地的过期时间、存在本地。在本地缓存阶段,找到一个对应的资源值,当前时间还没超过资源的过期时间,就直接使用这一个资源,不会发送 HTTP 请求。 cache-control:是http协议中常用的头部之一,顾名思义,他是负责控制页面的缓存机制,如果该头部指示缓存,缓存的内容也会存在本地,操作流程和expire相似,但也有不同的地方,cache-control有更多的选项,而且也有更多的处理方式。
    查看全部
  • CDN:Content Delivery Network,内容分发网络。 其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。简单地说,就是在离你最近的地方放置一台性能好、链接顺畅的副本服务器,让你能够以最短的距离、最快的速度获取内容。 其目的是使用户可就近取得所需内容,解决互联网拥挤的状况,提高用户访问网站的响应速度。
    查看全部

举报

0/150
提交
取消
课程须知
1.您至少具备前端技术基础知识。2.您对网站性能优化感兴趣。
老师告诉你能学到什么?
1.让您了解网站性能优化的规则。2.让您了解如何提高网站性能。3.让您掌握网站性能优化工具Yslow。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!