码迷,mamicode.com
首页 >  
搜索关键字:前端性能    ( 526个结果
http协议(九)响应首部字段
个人觉得吧,http协议的这些内容,对做接口测试,web测试,以及前端性能测试都有很大帮助,当然这只是一部分,实践才是最好的老师。。。 响应首部字段: 服务器向客户端返回响应报文中所使用的字段,用于补充的附加信息、服务器信息、以及对客户端的附加要求等 1、Accept-Ranges 告知客户端服务器 ...
分类:Web程序   时间:2016-08-04 19:06:56    阅读次数:129
前端性能优化:哪些DOM操作查询会引起刷新渲染树改变?
因为计算量与每次重排版有关,大多数浏览器通过队列化修改和批量显示优化重排版过程。然而,你可能(经常不由自主地)强迫队列刷新并要求所有计划改变的部分立刻应用。获取布局信息的操作将导致刷新队列动作,这意味着使用了下面这些方法:  ? offsetTop, offsetLeft, offsetWidth, offsetHeight ? scrollTop, scrollLeft, scrollWidth...
分类:其他好文   时间:2016-08-03 10:41:38    阅读次数:201
前端性能优化:CSS 选择器性能
CSS选择器效率:CSS选择器具有高效的继承性,引用Steve Souders的话, CSS选择器效率从高到低的排序如下:ID选择器 比如#header类选择器 比如.promo元素选择器 比如 div兄弟选择器 比如 h2 + p子选择器 比如 li > ul后代选择器 比如 ul a 7. 通用选择器 比如 *属性选择器 比如 type = “text”伪类/伪元素选择器 比如 a:hover...
分类:Web程序   时间:2016-08-03 10:40:24    阅读次数:222
前端性能优化:那些操作会引起DOM操作重排版?
添加或删除可见的 DOM 元素 元素位置改变 元素尺寸改变(因为边距,填充,边框宽度,宽度,高度等属性改变) 内容改变,例如,文本改变或图片被另一个不同尺寸的所替代 浏览器窗口改变尺寸      根据改变的性质,渲染树上或大或小的一部分需要重新计算。某些改变可导致重排版整个页面:例如,当一个滚动条出现时。...
分类:其他好文   时间:2016-08-03 10:39:31    阅读次数:120
前端性能优化:DOM操作标签对性能的影响
给DOM添加相同的数量的字符串,到底什么会相应性能呢?测试代码: var length = 300000; function Test1() { var t = [length]; for (var i = 0; i < length; i++) { t.push("" + i.toString()); }...
分类:其他好文   时间:2016-08-01 10:47:25    阅读次数:178
前端性能优化:重写自己,减少判断
重写自己如何减少判断?其实我也是学习别人的代码,才明白的。具体代码: //兼容的绑定事件方法 function addHandler(target, eventType, handler) { //重写自己 if (target.addEventListener) { //DOM2 Events ad...
分类:其他好文   时间:2016-08-01 10:45:14    阅读次数:150
(转)前端性能优化
1. 请减少HTTP请求 基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入"www.xxxxxx.com"并按下回车,浏览器再与这个URL指向的服务器建立连接,然后浏览器才 ...
分类:其他好文   时间:2016-07-30 13:20:19    阅读次数:109
H5前端性能测试快速入门
前言 说到H5测试,对于做WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试,以及服务端性能测试。那本文谈到的则是H5前端性能测试,并希望通过阅读本文后,能够知道:H5前端性能测试什么?如何发现问题以及相应的优化规则。 一、浏览器渲染引擎 浏览器是Html解析和 ...
分类:其他好文   时间:2016-07-22 12:37:28    阅读次数:169
Cookie-free Domains(为什么将静态图片,js,css存放到单独的域名?)
有不少童鞋对这个无关性域名cookie不理解,这个其实是在我的前端性能测试视频中提到的,地址:http://edu.51cto.com/course/course_id-563.html感兴趣的童鞋可以看看。这里我统一解释下,具体如下(部分引用网络内容):对静态文件(如图片,js脚本文件及css文件)启用一个新的..
分类:Web程序   时间:2016-07-21 20:04:36    阅读次数:157
前端性能优化(更新中...)
今天网站上线自己搜集总结了一些前端的优化1.精灵图 多个图片拼成一个图片,然后通过CSS来控制在什么地方具体显示这整张图片的什么位置(毕竟流量 都是钱啊) 2.css选择器优化 3. js改变样式直接操作类名 4. js直接操作dom节点 5.正则匹配选择器6.js获取元素优化 7.内存溢出 一般在 ...
分类:其他好文   时间:2016-07-19 20:51:16    阅读次数:155
526条   上一页 1 ... 30 31 32 33 34 ... 53 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!