Google Fonts
Tóm tắt
Dịch vụ font miễn phí của Google — tiện lợi nhưng có thể ảnh hưởng hiệu suất nếu không tối ưu (render-blocking, FOIT/FOUT, extra DNS lookup).
Giải thích đơn giản
Google Fonts giống như mượn chữ đẹp từ thư viện — miễn phí, nhiều lựa chọn, nhưng phải chờ tải về trước khi hiển thị. Nếu mượn quá nhiều font hoặc kết nối chậm, trang sẽ hiện chữ xấu hoặc trống trong lúc chờ.
Google Fonts là dịch vụ font hosting miễn phí với 1500+ font families, phục vụ qua fonts.googleapis.com (CSS) và fonts.gstatic.com (font files). Mặc định sử dụng font-display: swap để tránh FOIT.
Vấn đề hiệu suất: mỗi Google Font request thêm 2 DNS lookups + TLS handshakes (googleapis.com + gstatic.com). Tải nhiều font weights/styles tăng kích thước đáng kể. CSS font request là render-blocking nếu không có preconnect/preload.
Tối ưu: self-host fonts (loại bỏ external dependency), preconnect dns-prefetch, chỉ tải weights cần thiết, dùng font-display: swap hoặc optional, subset bỏ ký tự không dùng.
⚡Tại sao quan trọng
Font là render-blocking resource — trình duyệt phải tải font trước khi hiển thị text. Google Fonts thêm latency từ external DNS + connection. Self-hosting giảm 100-300ms First Contentful Paint. GDPR compliance cũng yêu cầu self-host ở EU.
🔍AiSEO kiểm tra thế nào
AiSEO phát hiện Google Fonts qua fonts.googleapis.com/fonts.gstatic.com, kiểm tra preconnect hints, số lượng font weights tải, font-display strategy, và đề xuất self-hosting khi phù hợp.
Điểm AiSEO
Ảnh hưởng gián tiếp qua điểm Performance (CWV). Font chưa tối ưu có thể ảnh hưởng LCP và CLS. Không trừ điểm trực tiếp cho việc dùng Google Fonts — chỉ khi gây ảnh hưởng CWV.
Độ khó sửa
Biên tập viên: Không áp dụng | Lập trình viên: Dễ | AI Agent: Dễ