前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能

自动化测试人员反馈，我们的 Vue 应用普遍缺乏用于定位节点的唯一标识，这给他们的测试脚本编写带来了很大的困扰。寻找一个节点可能需要嵌套多层选择器。因此，我们需要为 Vue 项目中的页

团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完整且适合B站前端监控。

前端服务监控概述 前端监控的目的很明确，无非就是让我们的产品更完善，更符合我们和用户的需求。运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性

一、问题： vite有时打包出来的文件非常大， 见下图黄色标示部分。最大的都达到2M了， 这样浏览器加载的时候便会慢得不得了。 换色 二、先分析找出问题 在 Vite 中，虽然 Vite 基于 Rol

页面性能对于用户体验、用户留存有着重要影响，当页面加载时间过长时，往往会伴随着一部分用户的流失，也会带来一些用户差评。性能的优劣往往是同类产品中胜出的影响因素，也是一个网站口碑的重要评判标准。

B站的离线包技术方案与大部分互联网公司实现的方案在底层逻辑上是一致的，都实现了基础的资源下发和拦截匹配机制。但在此基础上我们也有一些创新。

背景 最近在公司接到一个需求，是对公司的一个产品进行阿拉伯适配。之前也接过类似的需求，什么西班牙语，俄罗斯语啦，这些无非就是对语言进行翻译，（因为公司原有的产品就已经使用了i18n进行了国际化适配了）

本文主要讲述了官网Web开发方案之媒体查询实现三端适配,包括响应式布局的概念，媒体查询常用方法及常用分界点，官网开发方案的选择和实施等。