首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
性能优化
订阅
fengmiaosen
更多收藏集
微信扫码分享
微信
新浪微博
QQ
17篇文章 · 0订阅
前端性能优化之谈谈通用性能指标及上报策略
性能优化是所有前端人的追求,在这条路上,方法多种多样。这篇文章,说一下可以怎样定义性能指标及上报。 FP,全称 First Paint,翻译为首次绘制,是时间线上的第一个时间点,它代表网页的第一个像素渲染到屏幕上所用时间,也就是页面在屏幕上首次发生视觉变化的时间。 通过perf…
天眼探针基于rrweb实现前端异常视频录制与回放功能
日常开发过程中,面对线上问题,常见的两个痛点,一个是用户操作在自己的机器上,开发者无法还原用户触发异常的场景,另一个,由于混淆和压缩代码,导致线上报错在控制台打印的堆栈信息,无法将异常定位到代码源码.这次我们来讨论下异常视频回放的解决方案. 下面我要介绍的就是今天的主角rrwe…
网站性能指标这么多,你到底选对了吗?
从用户体验角度来看一个网址或者app是否有吸引力,75%的人是认为页面加载时长是一个核心因素,远远高于其他影响用户体验的问题,例如:简洁易用、屏幕适配、设计吸引力等等。 性能对于业务而言,也会直接影响到用户留存、页面转化和用户体验等等方面。 从2011年起,网站的总资源大小PC…
前端监控SDK开发分享
随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。 对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的sentry就可以捕获异常和上报事件,或者使用阿里云的ARMS,功能比较全面也并不会…
sentry-web前端异常堆栈计算功能逻辑解析
Sentry 是一个实时事件日志记录和汇集的平台。其专注于错误监控以及提取一切事后处理所需信息而不依赖于麻烦的用户反馈。它分为客户端和服务端,客户端(目前客户端有Javascript,Python, PHP,C#, Ruby等多种语言)就嵌入在你的应用程序中间,程序出现异常就向…
如何从 0 到 1 搭建性能检测系统
前端页面性能对用户留存、用户直观体验有着重要影响,当页面加载时间超过 2 秒后,加载时间每增加一秒,就会有大量的用户流失,所以做好页面性能优化,无疑对网站来说是一个非常重要的步骤。 那如何才能知道一个页面的性能情况呢?知道了页面性能情况后又如何进行优化呢?一个页面的性能指标非常…
Web Performance Metrics 与 Core Web Vitals 简介 —— 现代前端性能各个指标的具体含义和设计理念
我们都知道网站性能的重要性。重要是重要,但是具体如何衡量和识别永远是个非常发散、不容易说清的事情。本文就将以业内重要会议上的分享为中心,分类详细介绍主流语境下所有重要的数据指标定义。 历史上,yslow 曾经作为互联网开发的核心指标唯一评价工具,它的指标代表了核心指标。之后逐步…
异常定位(1)--生产环境通过SourceMap还原压缩后JavaScript错误,快速定位异常
这些都是需要解决的问题,出现了问题,怎么样预警,通知到开发,是不是能做到智能的处理,都是后面需要考虑的,所以还有很多任务要做,有了新的进展,我会同步记录下来。 这周九天班,赶紧睡觉去了。
来,跟我一起 ,自研多端错误监控平台(完整版)
我今天分享的主题是“如何实现一套多端错误监控平台”。先来做一个简单的自我介绍,我是来自贝贝-大前端架构组的 Allan ,目前致利于集团错误监控系统维护以及工程标准化等基建工作。同时,我也是《React+Redux前端开发实战》的作者。 废话不多说,今天我将与大家分享一下贝贝的…
用工具思路来规范化 git commit message
commit和代码建立联系,和相关prd、bug予以关联。 scope:commit 影响的范围, 比如: route, component, utils, build... commitizen/cz-cli, 我们需要借助它提供的 git cz 命令替代我们的 git co…