proto.lib

Critical CSS: Inline + Defer phần còn lại

CSS cần cho phần nhìn thấy đầu tiên (above the fold) được inline trực tiếp vào HTML, còn phần còn lại của stylesheet được tải bất đồng bộ, nhờ vậy first paint không phải chờ một request CSS chặn render — đổi lại là byte trùng lặp và một bước build phải luôn khớp với component thực tế.

ApplicationTrung bình2026-08-25
Critical CSS: Inline + Defer phần còn lại

Tags

#critical-css#render-blocking#first-paint#inline-css#build-step

Tài liệu tham khảo

Mở rộng

Animation gốc là một file HTML tự chứa, có thể nhúng lại ở bất kỳ trang nào khác. Mở file gốc

Liên quan

ApplicationTrung bình

Web Locks API: nhiều tab phối hợp không tranh việc

Web Locks API cho phép nhiều tab của cùng một app xin cùng một khoá tên; chỉ một tab giữ được lock chạy việc như sync dữ liệu hay refresh token, các tab khác chờ hoặc bỏ qua tuỳ chế độ, và lock tự động nhả khi tab đóng hay reload — khác cờ localStorage vốn không tự dọn khi tab crash.

#web-locks#navigator-locks#multi-tab#token-refresh
ApplicationNâng cao

Temporal API: thay thế Date cho thời gian chính xác

Temporal phân biệt rõ Instant (thời điểm tuyệt đối), PlainDate (ngày không múi giờ) và ZonedDateTime (gắn với timezone id); cộng trừ tôn trọng DST, so sánh và format ổn định — vì vậy nên lưu UTC kèm timezone id thay vì lưu offset cố định, vốn sai khi quy tắc DST đổi.

#temporal#date-time#timezone#dst
ApplicationTrung bình

Navigation API: điều hướng SPA thay History API

Navigation API cho SPA đăng ký intercept() để nhận toàn bộ điều hướng — link click, back/forward, submit form — commit khi dữ liệu đã sẵn sàng, giữ scroll và trạng thái focus, đồng thời báo lỗi điều hướng thất bại đúng cách thay vì im lặng.

#navigation-api#spa#routing#history-api