Hiệu năng CWV 100 · 7 phút đọc
Vì Sao Page Builder Làm Rớt Core Web Vitals Và Kiến Trúc Giải Quyết 100 Điểm
Cập nhật: · Kiểm duyệt bởi Minh Công (HoaCông)
1. Luật 14 KB vòng đầu TCP và cách kiểm soát tài nguyên
Cửa sổ tắc nghẽn khởi đầu của TCP (IW10) truyền đi khoảng ~14 KB dữ liệu nén trong lượt đi-về đầu tiên. Khi toàn bộ khung HTML Hero và CSS cốt lõi nằm gọn dưới ngưỡng này, trình duyệt vẽ ngay giao diện hoàn chỉnh trước khi phải chờ thêm lượt tải thứ hai.
2. Khử nhảy khung CLS = 0.000 với phông chữ tiếng Việt có dấu
Tiếng Việt có dấu phụ chồng hai tầng như Ử, Ữ, Ệ, Ặ rất dễ bị cắt dấu hoặc giật độ cao dòng khi đổi từ phông hệ thống sang phông web. HCWeb cắt gọn tập ký tự tiếng Việt Be Vietnam Pro còn <= 22 KB kết hợp font-size-adjust: from-font và hệ số bù FallbackMetrics để độ lệch bố cục luôn giữ ở 0.000.
Câu Hỏi Thường Gặp
Website dùng chuẩn HTML5 tinh gọn có làm được hiệu ứng chuyển trang mượt không?
Có. Với Cross-Document @view-transition { navigation: auto; } đặt an toàn trong prefers-reduced-motion: no-preference, người dùng lướt giữa các trang tĩnh mượt mà như ứng dụng SPA nhưng tốn 0 KB JavaScript.