前端性能优化
John的WEB前端学习日记
这个作者很懒,什么都没留下…
展开
-
70%以上业务由H5开发,手机QQ Hybrid 的架构如何优化演进?
随着前端开发的兴起,QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时,QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面,受到了更多的挑战。在快速的Web运营节奏下,必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题,QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验,也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量转载 2017-07-11 10:48:37 · 666 阅读 · 0 评论 -
使用性能API快速分析web前端性能
页面的性能问题一直是产品开发过程中的重要一环,很多公司也一直在使用各种方式监控产品的页面性能。从控制台工具、Fiddler抓包工具,到使用DOMContentLoaded和document.onreadystatechange这种侵入式javascript代码方式来检测DOM事件发生和结束的时间,再到使用第三方工具如WebPagetest、Pingdom等通过在不同的浏览器环境和地域进行测试来寻求转载 2017-07-17 16:30:33 · 1284 阅读 · 0 评论 -
彻底理解浏览器缓存机制
先看上图,如果对图中的(a)(b)(c)(d)四个过程的处理方式都很清楚了,那么请不用再看本文了。 两个概念 强缓存 用户发送的请求,直接从客户端缓存中获取,不发送请求到服务器,不与服务器发生交互行为。 协商缓存 用户发送的请求,发送到服务器后,由服务器判定是否从缓存中获取资源。 两者共同点:客户端获得的数据最后都是从客户端缓存中获得。 两者的区别:从名...转载 2019-01-23 17:58:18 · 406 阅读 · 0 评论 -
同源策略、跨域解决方案
1、先来说说什么是源 • 源(origin)就是协议、域名和端口号。 以上url中的源就是:http://www.company.com:80 若地址里面的协议、域名和端口号均相同则属于同源。 以下是相对于http://www.a.com/test/index.html的同源检测 • http://www.a.com/dir/page.html----成功 • http://www.chil...转载 2019-06-06 18:29:23 · 304 阅读 · 0 评论