字节APM-PC平台开发实现了堆破坏检测利器——GWP-ASan，帮助字节内部业务剪映在PC端快速定位解决了多个疑难堆破坏问题。本文详细介绍了PC GWP-ASan的原理与方案，并提供了多个实践案例。
插件化框架的发展经历了四个阶段：探索阶段、发展阶段、品质阶段、体验阶段。各个阶段有各个阶段需要完成的使命。。需要通过不断的熟读系统的代码和写的老代码，不断的挖掘瓶颈问题，见微知著，保持好奇，勇于尝试。
Monorepo 全源码方案为大型移动端开发提供了全面可行性验证以及宝贵经验。未来，我们会将现有的功能回馈到 bazel 社区，并且推出一系列文章来讲述 BitSky 套件的工作流程及原理。
NAPI-RS 是一个在 Rust 下编写高性能 Node.js 扩展的框架，底层使用 N-API 进行交互。本文从 Build Script 与 FFI 出发简单介绍了 NAPI-RS 的实现原理
字节前端工程师黄健参与「InfoQ 2022年度技术盘点与展望」，展望前端研发工程师的 2023，从前端工程师与云原生；回顾过去，畅谈未来；职业发展，未来前景三个部分展开精彩分享。
本文从适合小型 Monorepo 的 Feature branch 工作流开始分享，接着分享适用于中大型 Monorepo 的 Trunk-based 工作流，并给出一些选型标准供参考。
React 18 提供了一种新的 SSR 渲染模式： Streaming SSR，实现了Streaming HTML和Selective Hydration的特性，本文将从原理和源码两个方面，对Streaming SSR进行解析
DanceCC提出了一套专门的方案。方案原理基于LLDB Plugin，利用Fishhook，从LLDB的Script Bridge API层面拦截Xcode对LLDB调用，以此来进行耗时监控统计。
一、什么是 Svelte❝Svelte 是一种全新的构建用户界面的方法。传统框架如 React 和 Vue 需要在「浏览器」中做大量的工作，而 Svelte 将这些工作转移到构建应用程序的「编译阶段」来处理。不同于使用虚拟 DOM 进行差异对比，Svelte 编写的代码会在应用状态变更时像做外
Impeller是Flutter用以替换Skia的下一代渲染方案，Impeller解决了Skia的哪些问题？为什么官方会考虑重新实现Flutter的渲染器？带着这些疑问我们一起去探究矢量渲染器的原理和Impeller背后的技术。
随着 Snowpack、Vite 等利用提倡 no-bundle 的构建工具逐渐兴起，同时现代浏览器对原生 ESM 的普遍支持，Bundle-less 的概念席卷前端圈，那么我们如何理解 Bundle-less？本文分享作者对于 Bundle-less 的理解以及在这个方向上做过的一些探索。
最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。何为 content-visibility？content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略
简述在大数据分析产品中，我们可以通过不同的分析模型和查询语句，生成各种可视化的图表和报表，并且通过看板的形式把相关的报表进行组合和排布，形成完整的分析结论和价值输出。为了让看板分析的价值最大化，我们通常会把它们分享给同样关注和需要的人，分享一般有两种形式：系统内分享：把原始看板数据授权给具有系
项目背景我们的系统（一个 ToB 的 Web 单页应用）经过多年的迭代，目前已经累积有大几十万行的业务代码，30+ 路由模块，整体的代码量和复杂度还是比较高的。项目整体是基于 Vue + TypeScirpt，而构建工具，由于最早项目是经由 vue-cli 初始化而来，所以自然而然使用的是 We
背景目前前端开发正朝着多元化的方向发展，场景愈发的复杂，生产环境经常会出现一些难以复现的问题，而且用户的具体行为和操作也无法预测。生产环境下的错误，更多的是依靠用户的反馈，这往往是不实时的，而且用户能提供的信息，通常也只有文字描述，或者图片，缺少一些关键的信息，此外，生产环境下的代码都是经过混淆压
作者简介李晓辉（微信名：小辉），一线码农，有多年丰富嵌入式操作系统开发工作经验。先后在南大富士通，某手机大厂和初创小公司任软件工程师，系统架构师等职务。对嵌入式系统开发和os性能优化工作很熟悉。引子怎么能够找到手机存储性能优化方面的技术特性，怎么去凸显手机存储里面碰到的独特性能优化问题，有了这
导语性能优化不单指优化一个页面的打开速度，在开发环境将一个项目的启动时间缩短使开发体验更好也属于性能优化，大文件上传时为其添加分片上传、断点续传也属于性能优化。在项目开发以及用户使用的过程中，能够让任何一个链路快一点，都可以被叫做性能优化。本文会对web页面的全链路进行完整的讲解并针对每一步找到
导读JavaScript 是前端应用主要语言，相较于其他平台编程语言，JS资源多数情况下要通过网络进行加载，那么代码的体积直接影响了页面加载执行时间。“无效的代码”的多寡直接影响到了我们的代码质量，所以度量代码的执行覆盖率是一项重要的优化前置工作。 正文什么
导语对于开发者来说，优化性能这个词已经不绝于耳了，常道起的是首页打开要快，我要没有白屏时间，要请求次数少，把 CSS 放在页面头部先加载，JS文件/CSS文件压缩，把小图片做成雪碧图，尽量用字体图标等解决方案。我认为这些方案确实能起到优化的作用，但为什么要这样做，这些方法能优化到多少性能，如何能有
导语也许你有听过一个问题，你这款 web 应用性能怎么样呀？你会回答什么呢？是否会优于海量 web 应用市场呢？本文就来整理下如何进行 web 性能监控？包括我们需要监控的指标、监控的分类、performance 分析以及如何监控。但是，如何进行 web 性能监控本身是一个很大的话题，文中只会侧
导语日常开发网页经常会使用一些特殊字体，比如思源黑体、苹方字体等，因为这些字体在一般的宿主环境中是不存在的，需要通过 css 的 @font-face 定义，并从服务器中加载对应的字体文件，而字体文件一般都是比较大的，甚至有时候一个字体比其他所有的资源（js、css、图片）加起来还要大，对网页的加
前言对自己性能优化以及webpack优化进行总结，目前文章对webpack进行了描述，后续会对webpack之前的性能进行总结。整体脑图如下： 初级分析：使用webpack内置的stats在package.json中使用stats "scripts": {
我认为电子商务网站上与 Core Web Vitals 相关的许多问题都可以通过关注 PD 页面 URL 并为导致布局变化的“应用安装横幅”保留空间来解决。 什么是 Core Web Vitals CWV 这些是Chrome 团队创建的性能指标。
全文共6511字/词，阅读大概需要13分钟，太长不看党请直接移步👉「开始优化」部分直接查看优化手段背景前段时间公司服务器网络波动，网站访问变慢，一些性能问题也随之暴露了出来。纷纷反馈在这样的弱网条件下，访问新项目时，加载了近1分钟都没加载出来，而访问其他页面顶多也就30-40s。在网络
去年，我的团队给我分配了一项任务，即解决我们的一个 Angular 应用程序中的性能问题。那一刻，我很害怕。我觉得我受到了这项任务的惩罚。 目标应用程序的很大一部分是由我编写的，但我不知道该怎么做才能修复它。该应用程序一开始运行平稳，但在添加了新功能（例如 Angular 材料表的内
随着互联网速度与日俱增，用户希望网站能够比以往更快地响应和运行。《经济时报》每月处理超过 4500 万活跃用户。通过针对整个域、AMP 和非 AMP 页面上的 Core Web Vitals 进行优化，我们设法显着降低了跳出率并改善了阅读体验。 衡量影响 我们专注于最大内
联系我们
