关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

本文分享为什么一个小厂也要搞前端监控系统，以及为什么选择自建而不是用第三方平台，还有最终的效果怎么样？

介绍网易云音乐重点技术项目方案，基于多端一致埋点对象树建设管理，实现统一自动化埋点和链路追踪，方案高度还原了大前端埋点的理想状态、具备较强通用性和扩展性。

1. 为什么用img的src做请求的发送，sendBeacon又是什么？ 2. 埋点监控系统负责处理哪些问题，需要怎么设计api？ 3. 在react、vue的错误边界中要怎么处理？

在数据过多情况下，长列表渲染是我们的性能瓶颈痛点，本文主要探讨的是长列表的优化方案以及各自的优缺点，使用场景。

一. 长列表性能问题 做移动端h5项目，经常会遇到的问题就是长列表展示，数据较少的时候还好，如果数据量过大时就会出现明显的性能问题，加载特别慢甚至卡死。 所以长列表性能优化是很常见的问题，我们项目组件

大部分浏览器采用的是异步滚动模型。在该模型中，视觉滚动位置在合成器线程中更新，并在 scroll 回调执行前可见 如果将原 scroll 事件的处理放到滚轮事件中处理的话， scrollTop 拿到的是之前的值（passive=false，浏览器并不知道是否要滚动，会不会被 p…

总下载时间：window.onload的触发节点。 白屏时间节点指的是从用户进入网站（输入url、刷新、跳转等方式）的时刻开始计算，一直到页面有内容展示出来的时间节点。 这个过程包括dns查询、建立tcp连接、发送首个http请求（如果使用https还要介入TLS的验证时间）、…

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performance」，毕竟名字要「长～～～～～～～～～」更能吸引注意。 也许你曾不经意启动过这个工具，看见里面五颜六色的图…