文章分类 -  性能

性能优化之图片问题
摘要：在性能优化的道路上，图片的size能够直接影响到页面的加载速度。前端在这方面也一直被设计师和产品夹在中间。从设计师的角度来看，希望图片质量越高越好，而从产品的角度来看，页面加载速度越快越好。所以我们前端工程师就被夹在了中间，需要做出一个平衡的状态。 作为前端工程师，我们会比较倾向于页面加载速度。而我 阅读全文
posted @ 2016-02-29 21:22 Joy Ho 阅读(599) 评论(0) 推荐(0)
web缓存的种类
摘要：1. 数据库缓存 我们可能听说过memcached，它就是一种数据库层面的缓存方案。数据库缓存是指，当web应用的关系比较复杂，数据库中的表很多的时候，如果频繁进行数据库查询，很容易导致数据库不堪重荷。为了提供查询的性能，将查询后的数据放到内存中进行缓存，下次查询时，直接从内存缓存直接返回，提供响... 阅读全文
posted @ 2015-10-16 11:47 Joy Ho 阅读(300) 评论(0) 推荐(0)
缓存处理步骤--（HTTP权威指南学习笔记）
摘要：缓存的处理步骤：1.接收——缓存从网络中读取抵达的请求报文。2.解析——缓存对报文进行解析，提取出URL和各种首部。3.查询——缓存查看是否有本地副本可用，如果没有，就获取一份副本（并将其保存在本地）。4.新鲜度检测——缓存查看已缓存副本是否足够新鲜，如果不是，就询问服务器是否有任何更新。5.创建响... 阅读全文
posted @ 2015-08-10 21:47 Joy Ho 阅读(177) 评论(0) 推荐(0)
前端性能统计抽样概率设置
摘要：做前端性能统计的时候，我们会发送类似于这个链接里的统计参数到后端。http://www.cnblogs.com/joyho/articles/4384306.html这一切看似很正常，事实上其实也很正常，发统计就发统计啦~~~~但是，如果要给服务器减负，而且发送的请求数量庞大，那么我们可以选择进行抽... 阅读全文
posted @ 2015-08-06 21:16 Joy Ho 阅读(526) 评论(0) 推荐(0)
计算首屏加载完毕的时间
摘要：function getOffsetTop(ele) { var offsetTop = ele.offsetTop; if (ele.offsetParent !== null) { offsetTop += getOffsetTop(ele.of... 阅读全文
posted @ 2015-08-06 19:56 Joy Ho 阅读(593) 评论(0) 推荐(1)
从前端角度看网页渲染慢的原理及解决方案
摘要：1.网页的写法导致渲染时产生的平台相关的layer过多。浏览器在网页排版的时候会产生一棵rendertree用于渲染。由于z-index和一些特殊元素如overflow，fixed元素等的存在，浏览器为了保证渲染的正确，真正渲染的时候不直接使用rendertree，而是根据rendertree的信息... 阅读全文
posted @ 2015-04-25 14:20 Joy Ho 阅读(5913) 评论(0) 推荐(1)
使用window.performance对应用性能监测
摘要：window.performance是HTML5 的一个新API。API详细文档传送门：https://developer.mozilla.org/en-US/docs/Web/API/Window/performance浏览器一般的加载顺序如下图：所以根据上面的时间点，我们可以计算常规的性能值，如... 阅读全文
posted @ 2015-04-01 16:37 Joy Ho 阅读(1231) 评论(1) 推荐(0)