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

Articles

Likes

243

Views

Comments

Latest from ByteDance Web Infra

95 recent articles

ByteDance Web Infra

May 9, 2022 · Frontend Development

Web Infra Live Interview – Full Translation on the Future of Frontend and Vercel

This article provides a complete English translation of a 1.5‑hour live interview where Vercel’s Director of Developer Relations discusses the evolution of frontend development, edge networks, rendering strategies such as CSR, SSR, SSG, ISR, RSC, the Vercel platform workflow, and the role of Rust, WebAssembly, and SWC in modern web tooling.

Next.jsRustSSR

0 likes · 36 min read

Web Infra Live Interview – Full Translation on the Future of Frontend and Vercel

ByteDance Web Infra

Jan 28, 2022 · Frontend Development

Interview with Ricardo Cabello (mrdoob) on Three.js, WebGL, WebGPU, and Open‑Source Development

In this translated AMA, Three.js creator Ricardo Cabello discusses his journey from the Demoscene to Google, the evolution of Three.js, challenges of open‑source maintenance, performance optimizations, WebGL versus WebGPU, VR/AR prospects, and the future role of web graphics in the metaverse.

ARGraphicsJavaScript

0 likes · 40 min read

Interview with Ricardo Cabello (mrdoob) on Three.js, WebGL, WebGPU, and Open‑Source Development

ByteDance Web Infra

Jan 7, 2022 · Frontend Development

Modern.js: Integrated Full‑Stack Development and Server‑Side Capabilities

This article introduces Modern.js, a ByteDance‑initiated open‑source framework that unifies frontend engineering and server‑side development by offering a minimal core, integrated web server, plugin system, and progressive full‑stack features to simplify routing, rendering, API handling, and deployment for modern web applications.

Integrationbackendfull-stack

0 likes · 25 min read

Modern.js: Integrated Full‑Stack Development and Server‑Side Capabilities

ByteDance Web Infra

Dec 10, 2021 · Fundamentals

Programming Language Insights, Compiler Design, and Industry Experiences from Web Infra Experts

In this extensive interview, industry veterans Zhao Haiping and Zhang Hongbo discuss the evolution of programming languages, compiler development, language design trade‑offs, and practical experiences across companies like Facebook, Alibaba, and ByteDance, offering valuable guidance for developers and researchers alike.

GoRustTypeScript

0 likes · 67 min read

Programming Language Insights, Compiler Design, and Industry Experiences from Web Infra Experts

ByteDance Web Infra

Dec 8, 2021 · Backend Development

Implementing a Debugging and Diagnostic Platform for Node.js Processes and Threads

This article explains how to build a non‑intrusive debugging and diagnostic platform for Node.js, covering process and thread inspection using the V8 Inspector API, dynamic control via an SDK, multi‑process and multi‑thread handling with Agent processes, and practical usage steps.

DebuggingInspectorNode.js

0 likes · 21 min read

Implementing a Debugging and Diagnostic Platform for Node.js Processes and Threads

ByteDance Web Infra

Dec 3, 2021 · Frontend Development

Understanding Asset Prioritization and Critical Request Optimization for Web Front‑End Performance

The article explains how modern browsers assign priority to assets, defines critical requests that affect Core Web Vitals, and provides practical techniques such as preload, lazy‑loading images, and font‑display to control request ordering and improve page load speed.

ChromeLazy Loadingasset priority

0 likes · 15 min read

Understanding Asset Prioritization and Critical Request Optimization for Web Front‑End Performance

ByteDance Web Infra

Nov 21, 2021 · Frontend Development

Modern.js Update: Windows Platform Support and Out‑of‑the‑Box Deployment Features

The latest Modern.js release adds Windows platform support, provides ready‑to‑use deployment capabilities—including built‑in web server, CDN upload to Alibaba Cloud OSS or Tencent COS, and static hosting—and outlines usage examples, configuration steps, changelog details, and upgrade guidance.

Windows Supportclouddeployment

0 likes · 6 min read

Modern.js Update: Windows Platform Support and Out‑of‑the‑Box Deployment Features

ByteDance Web Infra

Nov 18, 2021 · Frontend Development

Pure CSS Icons with UnoCSS: DataURI, Scaling, Coloring, and Masking Techniques

This article explains how to embed any SVG icon in pure CSS using UnoCSS presets, DataURI encoding, scalable em‑based sizing, context‑aware coloring via CSS masks, and provides practical code examples for both monochrome and multicolor icons.

CSSDataURIUnoCSS

0 likes · 11 min read

Pure CSS Icons with UnoCSS: DataURI, Scaling, Coloring, and Masking Techniques

ByteDance Web Infra

Nov 16, 2021 · Frontend Development

Why Rust Is the Future of JavaScript Infrastructure

Rust, a fast and memory‑efficient language adopted by major tech firms, is increasingly replacing JavaScript in web tooling such as bundlers, compilers, and linters, with projects like SWC, Deno, and WebAssembly demonstrating its performance, safety, and growing ecosystem for the future of JavaScript infrastructure.

JavaScriptPerformanceRust

0 likes · 17 min read

Why Rust Is the Future of JavaScript Infrastructure

ByteDance Web Infra

Nov 4, 2021 · Frontend Development

Understanding Modern User‑Centric Web Performance Metrics: LCP, TBT, and CLS

The article explains why traditional load‑time metrics are insufficient for user experience, introduces three user‑centric performance metrics—Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift—describes how they are measured, why they matter, and provides practical optimization techniques for each.

CLSLCPPerformance Metrics

0 likes · 23 min read

Understanding Modern User‑Centric Web Performance Metrics: LCP, TBT, and CLS