Response đầu tiên của server chỉ được gửi khoảng 14KB trong vòng RTT đầu tiên — dù server chuẩn bị xong toàn bộ. Đây không phải bug, đây là TCP slow start. Hiểu điều này thay đổi cách bạn thiết kế HTML, HTTP headers, và font loading.
Hệ thống bình thường chạy ổn. Lên production với traffic cao, tiền bay mà số dư không âm, tồn kho trừ sai, config bị overwrite. Tất cả đến từ một lỗi concurrency cực kỳ thường gặp nhưng ít ai để ý: Lost Update.
API chạy tốt trong dev với 10 bản ghi. Lên production với 500 bản ghi, response time tăng gấp 50 lần. Không có slow query nào trong log. Đây là N+1 — và nó ẩn rất kỹ trong những đoạn code trông hoàn toàn bình thường.
Composite Index không phải chỉ là 'index nhiều cột'. Thứ tự cột, selectivity, và query pattern quyết định nó có dùng được hay không. Bài này đi từ cơ chế đến thực chiến.
User gõ nhanh trong ô tìm kiếm, request cũ trả về sau request mới, UI hiện dữ liệu sai. Đây không phải bug hiếm. Bài này đi vào AbortController, stale responses và cách xử lý request lifecycle cho frontend thực tế.
LCP chậm không phải lúc nào cũng do ảnh nặng. Nhiều khi browser chỉ đơn giản phát hiện ảnh hero quá muộn. Bài này đi vào fetchpriority, preload, responsive images và những cách tối ưu dễ phản tác dụng.
Static HTML trên CDN, không có server, nhưng vẫn muốn navigation mượt như SPA. Đây là kiến trúc thực tế — PJAX, head diffing, script re-execution, và những footgun cần tránh.
Media queries dựa trên viewport — nhưng component không biết nó nằm trong sidebar hay main content. Container Queries cho phép component tự adapt dựa trên kích thước parent.
Server Node.js heap tăng dần đều rồi crash sau 18 tiếng. Bài này đi qua workflow thực tế: từ phát hiện, thu thập heap snapshot trên production, đến tìm và fix root cause.
Trước đây muốn transition giữa các trang phải kéo Framer Motion hoặc GSAP. Giờ browser cho bạn API native — zero JavaScript cho animation, chạy trên compositor thread.
Bundle 1.2MB trên mobile là án tử cho TTI. Bài này đi sâu vào tree-shaking thực tế, dynamic import, và những sai lầm phổ biến khiến dead code vẫn lọt vào production.
Image 1.2GB deploy mất 4 phút, rollback cũng 4 phút. Bài này đi qua từng layer optimization: base image, multi-stage build, dependency pruning — kéo xuống 150MB.
Hành trình tối ưu LCP từ 4.2s xuống 1.7s trên hệ thống booking thực tế — từ resource hints, font subsetting đến streaming SSR.
Hướng dẫn thực tế để giữ INP dưới 200ms bằng cách hiểu event loop, long tasks, và các API scheduling hiện đại.
SWR không phải 'cache rồi refresh background' đơn giản. Bài này phân tích cơ chế thực tế của stale-while-revalidate ở cả HTTP header lẫn application layer.
Đây là bài viết demo để test tất cả format của Markdown.
Một pattern cho phép SPA có preload strategy khác nhau cho mỗi route — không cần SSR, không cần framework migration.
Đây là bài viết đầu tiên trên blog của tôi.