前端性能监控
10篇文章 · 0订阅
  • 用这 9 个 API，我把页面性能干到了 90+
    最近项目上线，用户一多，页面就卡得不行。首屏加载 3 秒起，滚动掉帧，手机发烫……被 QA 喊去聊了好几次。 没办法，只能低头研究性能优化。翻了一圈文档和实战案例，发现现代浏览器其实给了我们很多“外挂
    前端
  • 性能提升60%：前端性能优化终极指南
    性能优化一直是前端绕不开的话题。页面加载慢、交互卡顿，不仅影响用户体验，还可能直接流失用户。本文将从加载、运行、构建、网络四个环节，系统梳理前端能想到的各种性能优化手段，帮助我们尽
    前端 性能优化
    性能提升60%：前端性能优化终极指南
  • 一张 8K 海报差点把首屏拖垮
    你给后台管理系统加了一个「企业风采」模块，运营同学一口气上传了 200 张 8K 宣传海报。首屏直接飙到 8.3 s，LCP 红得发紫。 老板一句「能不能像朋友圈那样滑到哪看到哪？」——于是你把懒加载
    前端 性能优化
  • 因网速太慢我把20M+的字体压缩到了几KB
    > 于水增 ## 故事背景 事情起源于之前做的海报编辑器，自己调试时无意中发现字体渲染好慢，第一反应就是网怎么变慢了，断网了？仔细一看才发现，淦！这几个字体资源咋这么大，难怪网速变慢了呢😁😁。
    React.js
    因网速太慢我把20M+的字体压缩到了几KB
  • 前端首屏优化 | 借助客户端能力提升 H5 首屏的 8 个手段
    本文将从客户端角度，聊聊如何借助端能力优化前端首屏加载速度。除了方案介绍，本文还会提供数据收益、注意事项、开发成本等，以帮助大家更好的评估实现优先级，选择合适业务的方案。
    前端 性能优化 客户端
    前端首屏优化 | 借助客户端能力提升 H5 首屏的 8 个手段
  • 前端录屏+定位源码，帮你快速定位线上bug
    如何快速定位线上bug，是多数开发者都会遇到的难题 web-see 前端监控，提供了前端录屏+定位源码方式，让bug无处藏身
    前端 JavaScript 监控
    前端录屏+定位源码，帮你快速定位线上bug
  • 一文了解字节跳动“埋点验证平台”
    序言 埋点数据作为推荐、搜索、产品优化的基石，其数据质量的重要性不言而喻，而要保障埋点数据的质量，埋点验证则首当其冲。工欲善其事必先利其器
    客户端 前端 后端
  • 15 张前端高清知识地图，强烈建议收藏
    这是我参与更文挑战的第二十天，活动详情查看:更文挑战 本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～ Git 常见操作集锦 Git 分支管理规范及发布流程 基础前
    前端
    15 张前端高清知识地图，强烈建议收藏
  • 2021年我的前端面试小结(70题)
    前言 金九银十，因为各种原因我离职了，然后开始步入找工作的情况，base厦门，下面简单复盘一下多家公司被问到的一些面试题。后面的题目很多都是重复性的或者相关的，我只是简单说说自己回答，具体答案你要自己
    面试 前端
    2021年我的前端面试小结(70题)
  • 如何从 0 到 1 搭建性能检测系统
    前端页面性能对用户留存、用户直观体验有着重要影响，当页面加载时间超过 2 秒后，加载时间每增加一秒，就会有大量的用户流失，所以做好页面性能优化，无疑对网站来说是一个非常重要的步骤。 那如何才能知道一个页面的性能情况呢？知道了页面性能情况后又如何进行优化呢？一个页面的性能指标非常…
    前端 性能优化
    如何从 0 到 1 搭建性能检测系统