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
This article introduces WebAssembly by tracing its evolution from asm.js and NaCl/PNaCl to the modern binary format, explains its performance, portability, and security benefits, and demonstrates a practical Mandelbrot rendering application built with AssemblyScript and JavaScript.
This article surveys the diverse scenarios where WebAssembly is applied—from accelerating web applications and providing sandboxed plugins to powering cloud‑native workloads, edge computing, serverless functions, mobile/IoT devices, and blockchain—while also outlining current challenges and future development directions.
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.
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.
This article explains the differences between feature‑branch and trunk‑based Git workflows, outlines their suitable scenarios in small and large monorepos, and provides practical guidelines and selection criteria to help teams adopt the most appropriate development model.
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.
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.
The article explains the origins and advantages of the Islands architecture, compares MPA and SPA approaches, details how frameworks like Astro and Fresh implement Islands, and shares practical insights and performance data from the author’s own Island.js project.
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.
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.
