proto.lib

Font Loading: font-display & FOUT

Chiến lược tải font quyết định browser hiển thị chữ ra sao trước khi web font tải xong: swap hiện fallback ngay rồi đổi font khi có (gây reflow, gọi là FOUT), block ẩn chữ một khoảng ngắn trước khi rơi về fallback (FOIT), hoặc chặn vô hạn nếu không có timeout; khắc phục bằng preload font đã subset và fallback được size-adjust để giảm dịch layout khi swap.

ApplicationTrung bình2026-08-25
Font Loading: font-display & FOUT

Tags

#font-display#fout#foit#web-fonts#preload#layout-shift

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

ApplicationNâng cao

HTTP/2 Server Push bị khai tử - và 103 Early Hints thay thế

Server Push của HTTP/2 từng cho phép server chủ động đẩy tài nguyên, nhưng bị loại bỏ do phức tạp và kém hiệu quả cache; 103 Early Hints và preload thay thế vai trò đó.

#http2#server-push#early-hints#preload
ApplicationCơ bản

Resource Hints: dns-prefetch, preconnect, preload

Các gợi ý tài nguyên giúp trình duyệt chuẩn bị trước DNS, kết nối hoặc tải trước tài nguyên quan trọng, giảm độ trễ khi thực sự cần dùng.

#resource-hints#preconnect#dns-prefetch#preload
ApplicationTrung bình

103 Early Hints & Preload

Server gửi 103 Early Hints kèm Link preload để trình duyệt tải trước tài nguyên quan trọng trước khi có response cuối.

#http#early-hints#preload#performance