
性能优化点滴知识
弹琴弹琴
这个作者很懒,什么都没留下…
展开
-
前端感官性能的衡量和优化实践
本文已发表在2017年8月《程序员》杂志。我们为什么需要关注站点的性能,性能为什么如此重要呢?如今任何互联网产品首先重要的都是流量,流量最终会转换为商业价值。所以在互联网产品中,流量、转化率和留存率基本上是产品经理或者业务非常关注的几个因素,而性能则会直接影响到用户的转化和留存(在一定阶段之后影响较大,产品初期功能的因素占比更大)。所以换言之性能,其实是钱,我们关注和监测性能并非是为了数据而数...转载 2019-03-13 16:58:55 · 307 阅读 · 0 评论 -
蚂蚁金服如何把前端性能监控做到极致?
本文来自蚂蚁金服前端技术专家杨森在 ArchSummit 北京 2018 的分享,他将分享如何通过 Performance 相关的 API 准确的采集用户性能数据,并如何通过大数据计算加工最终产出用户性能分析产品,以及如何通过性能数据纵向衡量产品性能、发现性能瓶颈。本文的主要从以下四个方面阐述: 前端性能监控的两种主要技术方案; 怎么样去做一个真实用户性能数据的采集; ...转载 2019-03-13 17:46:34 · 1615 阅读 · 0 评论 -
【web性能】获取web各个阶段响应时间:服务器响应时间、首页白屏时间、dom渲染完成时间等
【web性能】Web performance 获取web各个阶段响应时间:DNS解析时间、TCP建立连接时间、首页白屏时间、dom渲染完成时间、页面onload时间等准确地测量web应用程序的性能特性是使web应用程序更快的一个重要方面那么我们怎么知道一个网站加载定的时间呢?我们可以添加时间戳标记下面的JavaScript显示了一个简单的尝试来度量完全加载页面所需的时间:&l...转载 2019-04-24 10:15:37 · 1129 阅读 · 0 评论 -
淘宝网性能优化之借鉴——webp及Bigpipe
前言说到性能优化,我博客前面文章讲了不少,其实性能优化做的好坏,直接体现前端开发人员的水平。因此,很多面试中基本上都会提及这一点。今天主要借鉴淘宝网性能优化方式之一webp及Bigpipe 进行简单的讲解。webp打开淘宝网,假如你是chrome浏览器,你会发现,所有图片都是webp结尾的,淘宝网图片运用了webp。假如你是safari浏览器,看到图片就是jpg或者png了,淘宝网自动...转载 2019-04-25 12:30:27 · 772 阅读 · 1 评论