Hiệu năng
12 bài viết gắn thẻ #performance trên DiCodeWeb, từ nền tảng đến production, mới nhất trước.
12 bàiCập nhật 17 thg 9, 2026
Web Worker không phải phép màu cho mọi trang chậm. Bài này đi qua khi nào đáng chuyển việc sang worker, cái giá của structured clone, transferable, SharedArrayBuffer và COOP/COEP, tự viết RPC kiểu Comlink, cấu hình bundler, worker pool, huỷ việc bằng AbortSignal, ví dụ thật và các lựa chọn thay thế như scheduler.yield.
Chuyện gì xảy ra với một tính năng LLM khi traffic thật đổ về: độ trễ thật sự đến từ đâu, bộ đếm token và chi phí theo từng tính năng kèm ngân sách theo tenant, cấu trúc prompt để tận dụng prompt caching của provider, exact và semantic caching, routing model, cắt gọt context, batch API, gọi song song, retry có fallback và circuit breaker, và dashboard mình theo dõi.
Streaming HTML hoạt động thế nào ở tầng giao thức, cách đặt Suspense boundary, tránh waterfall, selective hydration, Partial Prerendering trong Next.js 16, tác động lên TTFB, LCP và CLS, những proxy âm thầm buffer stream và cách xử lý lỗi khi status 200 đã được gửi đi.
Ba chỉ số Google dùng để đo trải nghiệm thật của người dùng — đo thế nào, được tính ra sao, vì sao ảnh hưởng SEO, và quy trình cụ thể để tìm đúng nguyên nhân rồi sửa.
Hiểu đúng mô hình event loop của trình duyệt — task, microtask, khung hình — qua các bài đoán thứ tự output, rồi dùng nó để giải thích vì sao UI bị đơ và cách chia nhỏ, nhường main thread, đẩy việc sang Web Worker.
Tự tay viết một virtual list bằng React + TypeScript: toán windowing với số liệu cụ thể, overscan, chiều cao thay đổi với prefix sum và binary search, đo bằng ResizeObserver, chống giật khi scroll, accessibility — và khi nào không nên virtualize.
React Compiler thực sự làm gì, các Rules of React nó dựa vào, ESLint plugin, rollout từng phần bằng annotation mode và "use no memo", xử lý useMemo/useCallback cũ, cách kiểm chứng nó chạy, các lý do bail out thường gặp, thư viện bên thứ ba và chi phí build.
Font ảnh hưởng LCP và CLS ra sao, chọn font-display thế nào, preload font quan trọng, subset với unicode-range cho tiếng Việt, variable font, tự host hay dùng CDN, chỉnh metric font fallback và next/font trong Next.js.
Hướng dẫn thực tế giúp giảm lượng JavaScript tải ban đầu bằng cách kết hợp lazy loading theo route và theo component.
Điều gì khiến component render lại, vì sao re-render không đồng nghĩa với cập nhật DOM, cách đo bằng React DevTools Profiler, chi phí thật của memo/useMemo/useCallback, tách context, đặt state đúng chỗ, key trong danh sách, và React Compiler thay đổi bức tranh thế nào.
Chọn định dạng nào, srcset và sizes giúp trình duyệt chọn ảnh ra sao, khi nào lazy và khi nào eager, giữ chỗ để tránh CLS, CDN ảnh, art direction với picture và cách dùng next/image trong Next.js 16.
Những lợi ích về tốc độ và trải nghiệm phát triển hằng ngày khiến Bun trở thành trình quản lý gói mình chọn.