
Yslow前端调优
川石教育
专注软件测试领域,自动化测试,性能测试,接口测试,测试开发,安全测试,鸿蒙应用开发,分享前沿技术,简历面试辅导,免费资料领取等!
展开
-
YSLOW性能测试前端调优23大规则(20)避免过滤器
AlphalmageLoader过滤器是IE浏览器专有的一个关于图片的属性,主要是为了解决半透明真彩色的PNG显示问题。AlphalmageLoader的语法如下:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )属性...原创 2020-01-08 13:47:09 · 240 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(19)使用一些无cookie的域
在之前章节中我们介绍了如何通过减少cookie的大小来提升性能,cookie虽然有很多的优势,但并不是说cookie是万能的。当我们浏览器向服务器发送一些静态文件时,如图片、CSS样式等,在发送请求的同时会将cookie也同时发送到服务器,如图所示。上图中发送的cookie是和图片的请求一同发送到我们网站域上的,因为这里并没有使用其它的子域来处理cookie的内容,在cookie的内容中可...原创 2020-01-07 10:37:47 · 189 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(18)减少cookie的大小
HTTP Cookie(也叫Web Cookie或浏览器Cookie)是服务器发送到用户浏览器并保存在本地的一小块数据,它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常,它用于告知服务端两个请求是否来自同一浏览器,如保持用户的登录状态。HTTP协议是无状态的,即所有发送过的请求都不会被记录下来,为了实现记录一些稳定的状态信息,在这些过程中添加了Cookie。Cookie主要...原创 2020-01-03 11:06:38 · 902 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(17)避免404错误
当您单击链接,但浏览器并不能向服务器获取所需要的站点信息时,而是弹出一个错误,指示所请求的页面不可用。那么服务器将返回类似于404的错误码。还有一类不指向任何链接的我们称之为“死链接”或“断链接”。通常关于404的错误显示在页面上的可能有以下几种:Ø 404 ErrorØ 404 Not FoundØ Error 404Ø The requested URL [URL] was not...原创 2019-12-31 09:33:18 · 319 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(16)避免空链接
关于空链接的通常会有两种方式,第一种模式是直接的HTML的空链接。第二模式是使用JavaScript动态的设置src属性。var img = new Image();img.src = “”;这两种模型写出来的空链接的影响是一样的,但是对于不同的浏览器来说会有所不同。Internet Explorer向页面所在的目录发出请求。例如,如果您运行的页面http://192.168.40...原创 2019-12-30 14:18:22 · 139 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(15)减少DOM数
HTML DOM(HTML Document Object Model)是专门适用于HTML/XHTML的文档对象模型,定义了访问和操作HTML文档的标准方法,通常我们也可以将HTML DOM理解为网页的API。HTML DOM将网页中的各个元素都看作为对象,这样可以让网页中的元素被计算机语言获取或者编辑。DOM是一种与浏览器、平台、语言无关的接口,DOM是以层次结构组织或信息片断集合,HTM...原创 2019-12-28 17:08:27 · 190 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(14)AJAX使用Get请求
当AJAX将客户端请求发送到服务器时,我们会使用XMLHttpRequest对象的open()和send()方法。open(method,url,async)例:xmlhttp.open(“GET”,“chuansinfo.txt”,true)send(string);例:xmlhttp.send();其实中method是指请求类型,通常我们的请求类型有两种:GET和POST。在我们...原创 2019-12-27 14:08:41 · 176 阅读 · 1 评论 -
最新:JMeter性能测试Http Request附加参数全剖析
当使用JMeter来测试HTTP Request时,在配置请求参数时初学者往往不得要领,加之JMeter提供了灵活多变的参数附加形式,若不注意其中的诀窍与细节,迷惑不解也在所难免.针对此种情况,本文逐一为大家解惑.首先我们还是先要了解下HTTP协议的基础知识.1、HTTP报文格式HTTP协议是Web客户端与Web服务器之间通信规则的集合.协议有语法,语义与时序三个要素.在通信过程中通信双方需...转载 2019-12-26 14:46:48 · 823 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(13)配置ETag
ETag(Entity Tag 的缩写)意思是是实体标签。是HTTP1.1规范中新增的一个HTTP头信息,也即是请求HEAD中的一个属性。ETagHTTP响应头是资源的特定版本的标识符。这可以让缓存更高效,并节省带宽,因为如果内容没有改变,Web服务器不需要发送完整的响应。而如果内容发生了变化,使用ETag有助于防止资源的同时更新相互覆盖(“空中碰撞”)。如果给定URL中的资源更改,则一定要生...转载 2019-12-26 14:20:57 · 143 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(12)删除重复脚本
如果一个页面中有两次使用到同一个JavaScript文件,那这将对页面性能产生很大的影响。导致一个脚本的重复又两个主要因素:团队大小和脚本数量。开发一个网站需要极大数量的资源,不同的团队需要构建一个大型web的不同部分,当团队整合和沟通工作没有做足,则容易出现重复脚本的情况。当然脚本数量也是重要的一环,脚本数量越多越容易出现重复脚本的情况。重复的脚本通常有两个方面影响页面性能:一是增加了不必要...转载 2019-12-25 13:58:23 · 93 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(11)避免重定向
URL 重定向(Redirects),也称为 URL 转发,是一种当实际资源,如单个页面、表单或者整个 Web 应用被迁移到新的 URL 下的时候,保持(原有)链接可用的技术。HTTP 协议提供了一种特殊形式的响应—— HTTP 重定向(HTTP redirects)来执行此类操作,该操作可以应用于多种多样的目标:网站维护期间的临时跳转,网站架构改变后为了保持外部链接继续可用的永久重定向,上传文...转载 2019-12-24 16:07:49 · 184 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(10)精简JavaScript和CSS
JavaScript ( JS ) 是一种具有函数优先的轻量级解释型或即时编译型的编程语言。它是作为开发Web 页面的脚本语言而出名的,是构建Web页面的首选。当然它也被用到了很多非浏览器环境中,例如 Node.js、 Apache CouchDB 和 Adobe Acrobat。JavaScript 是一种基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格...转载 2019-12-23 11:45:48 · 223 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(9)减少DNS查找
DNS(Domain Name System,域名系统),万维网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,不用记住能够被机器直接读取的IP数串。通过域名,得到该域名对应IP地址的过程叫做域名解析(或主机名解析)。DNS将主机名映射到IP地址上,就像电话本将人名映射到所对应的电话号码一样,当在浏览器中输入http://www.baidu.com时,连接到浏览器D...转载 2019-12-20 14:31:40 · 116 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(8)将JavaScript和CSS置于外部
所谓的将JavaScript和CSS置于外部,就是我们说的外置JavaScript和CSS。关于JavaScript和CSS在前端页面中的使用通常有两种方式:一种是内联方式;另外一种是外置方式。内联方式是指将JavaScript和CSS直接嵌入到前端页面,如以下代码:[head][script type=“text/javascript”]function IsEven(){var ...转载 2019-12-19 14:25:15 · 133 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(7)避免使用CSS表达式
CSS表达式(css expression)又称作为动态属性(Dynamic properties)是早期微软DHTML的产物,用来把CSS属性和JavaScript脚本关联起来。CSS的属性可以是元素固有的属性,也可以是自定义属性,也就是说CSS属性后面可以是一段JavaScript表达式,CSS属性的值等于JavaScript表达式计算的结果。如以下实例是根据浏览器的大小来设置元素的位置。...转载 2019-12-18 16:10:03 · 131 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(6)将脚本放在底部
本小节主要讨论在处理HTTP请求时脚本应该放在什么位置比较合理。因为当脚本正在下载时,浏览器交示会启动任何其它的下载,也就是说当下载脚本时浏览器并行下载的功能将被禁用的,即使是在不同的主机名上。当然阻塞脚本并行下载通常有以下两种原因:第一:脚本可能使用document.write来修改页面内容,因此浏览器会等待,以确保页面能够正确的布局。第二:为了保证脚本能够按照正确的顺序执行,如果并行下...转载 2019-12-17 10:07:02 · 148 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(5)将样式表放在顶部
CSS层叠样式表(Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。在研究前端性能时...转载 2019-12-16 09:36:49 · 110 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(4)Gzip组件
本章节主要是介绍如何减小HTTP响应的大小来减少响应时间,如果HTTP请求产生的响应包很小,那么传输时间就会减少,因为这样只需要将很小的包从服务器传递到客户端。在现在的HTTP协议中,通常会使用gzip来压力HTTP响应包,从HTTP / 1.1开始,Web客户端通过HTTP请求中的Accept-Encoding标头指示对压缩的支持。Accept-Encoding:gzip,deflate...转载 2019-12-14 09:27:52 · 95 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(3)添加Expires头
正常如果要访问的组件,都必须建立相对应的HTTP请求从服务器端查找所需要的组件,这样每次访问都得重新从服务器读取信息,为了提高性能我们想出一种方法,如果可以使用浏览器或代理的缓存来减少HTTP请求的数量,这就是这节要介绍的Expires头。通过添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能,能在后续页面中有效避免一些不必要的HTTP请求,Web服务器使用Expires头来告诉...转载 2019-12-13 09:07:05 · 145 阅读 · 0 评论 -
YSLOW性能测试前端调优23大规则(2)使用内容发布网络
虽然用户平均的带宽每年都在增长,但是随着系统用户特性不同,用户与Web服务器的距离也在不断的拉长,而用户与Web服务器间距离长短会影响到页面响应时间。网站最初通常将所有的服务器放在同一个地方,当用户群增加时,公司就必须面服务器放置地点不再合适的问题,有必要在多个地理位置不同的服务器上部署内容。如果Web服务器离用户更近,则HTTP请求的响应时间将会缩短,与其重新设计应用程序,不如将应用程序We...转载 2019-12-12 14:00:51 · 118 阅读 · 0 评论 -
Yslow性能测试前端调优23大规则(1)最小化Http请求
性能黄金法则揭示终端用户响应时间80%用于前端,而前端响应时间中10%-20%的最终用户响应时间花在接收所有请求的HTML文档上,剩下的80%-90%时间花在为HTML文档所引用的所有组件(图片、脚本、样式表、Flash等)的HTTP请求上。因此,改善响应时间的最简单途径就是减少组件的数量,进而减少HTTP请求的数量。减少页面中组件数量的方法就是简化页面设计,但是这又与现实中需要实现丰富的内容...转载 2019-12-12 13:58:15 · 129 阅读 · 0 评论