BestHub
Sign in
ByteDance Web Infra
Author

ByteDance Web Infra

ByteDance Web Infra team, focused on delivering excellent technical solutions, building an open tech ecosystem, and advancing front-end technology within the company and the industry | The best way to predict the future is to create it

95
Articles
0
Likes
243
Views
0
Comments
Recent Articles

Latest from ByteDance Web Infra

95 recent articles
ByteDance Web Infra
ByteDance Web Infra
Mar 10, 2023 · Frontend Development

Rspack: A High‑Performance Rust‑Based Web Build Tool – Announcement and Roadmap

Rspack, a Rust‑written web bundler from ByteDance, is officially released as an open‑source project offering dramatically faster dev and build times, strong Webpack compatibility, flexible configuration, and a roadmap that includes richer loader support, advanced caching, plugin APIs, and quality‑assurance measures.

Open SourcePerformanceRspack
0 likes · 9 min read
Rspack: A High‑Performance Rust‑Based Web Build Tool – Announcement and Roadmap
ByteDance Web Infra
ByteDance Web Infra
Feb 17, 2023 · Backend Development

Understanding Rust Build Scripts, FFI, and Sys Crates for NAPI Integration

This article provides a comprehensive guide on Rust build scripts, the role of sys crates, foreign function interfaces, and cross‑compilation techniques, illustrating how to create and use NAPI‑sys and libsodium‑sys crates, manage Cargo instructions, and leverage tools like Zig for seamless multi‑platform builds.

Build ScriptFFINAPI
0 likes · 21 min read
Understanding Rust Build Scripts, FFI, and Sys Crates for NAPI Integration
ByteDance Web Infra
ByteDance Web Infra
Dec 16, 2022 · Frontend Development

Understanding React 18 Streaming SSR and Selective Hydration

React 18 introduces Streaming SSR, allowing the server to send HTML in chunks and perform selective hydration, which improves performance by rendering ready sections early and handling asynchronous components via Suspense, with detailed examples of code implementation, error handling, and JS/CSS integration.

Code SplittingReActSelective Hydration
0 likes · 25 min read
Understanding React 18 Streaming SSR and Selective Hydration
ByteDance Web Infra
ByteDance Web Infra
Oct 20, 2022 · Frontend Development

Optimizing ByteDance Frontend Monitoring SDK: Size Reduction, Benchmarking, and Real‑World Performance Analysis

This article explains how ByteDance’s frontend monitoring SDK is continuously optimized for bundle size and runtime performance through micro‑ and macro‑level code refactoring, benchmark testing with Benny and Puppeteer, and real‑world analysis using Perfsee Lab, ultimately achieving minimal impact on page load metrics.

OptimizationPuppeteerSDK
0 likes · 18 min read
Optimizing ByteDance Frontend Monitoring SDK: Size Reduction, Benchmarking, and Real‑World Performance Analysis
ByteDance Web Infra
ByteDance Web Infra
Sep 8, 2022 · Frontend Development

Understanding Incremental Compilation in TypeScript

TypeScript’s incremental compilation, introduced in version 3.4, speeds up build times by reusing previous build information stored in a tsBuildInfoFile, and this article explains the entry points, how old and current programs are created, change detection rules, and configuration of the buildInfo file.

BuildInfoCompilation OptimizationTypeScript
0 likes · 9 min read
Understanding Incremental Compilation in TypeScript
ByteDance Web Infra
ByteDance Web Infra
Aug 26, 2022 · Frontend Development

Measuring and Optimizing Site Performance: Metrics, Collection Methods, and Evaluation

This article explains how ByteDance measures website performance, introduces key front‑end performance metrics such as FP, FCP, LCP, TTI, TBT, FID, and MPFID, describes the APIs and code needed to collect them, and discusses how to evaluate and improve overall site performance using these indicators.

OptimizationPerformance MetricsPerformance Monitoring
0 likes · 16 min read
Measuring and Optimizing Site Performance: Metrics, Collection Methods, and Evaluation
ByteDance Web Infra
ByteDance Web Infra
Aug 19, 2022 · Fundamentals

In‑Depth Analysis of dlmalloc, jemalloc, Scudo, and PartitionAlloc for Virtual‑Machine Memory Management

This article examines the design goals, key implementation details, strengths and weaknesses of four widely used memory allocators—dlmalloc, jemalloc, Scudo, and PartitionAlloc—highlighting how they address fragmentation, performance, and security in virtual‑machine runtimes and offering guidance for building efficient, safe allocators.

Scudodlmallocjemalloc
0 likes · 27 min read
In‑Depth Analysis of dlmalloc, jemalloc, Scudo, and PartitionAlloc for Virtual‑Machine Memory Management
ByteDance Web Infra
ByteDance Web Infra
Aug 12, 2022 · Frontend Development

Understanding Bundle‑less: Concepts, Performance Findings, and a Self‑Developed Solution

This article explains the bundle‑less approach—including splitting bundles, no‑bundle development, and modular dependency distribution—presents performance tests that suggest an optimal chunk count of 10‑25, evaluates Vite’s advantages and drawbacks, and outlines a self‑built import‑map‑based solution with code examples.

Tree ShakingVitebundle-less
0 likes · 19 min read
Understanding Bundle‑less: Concepts, Performance Findings, and a Self‑Developed Solution