Đo trước khi thay đổi

Một trang web đi qua nhiều bước trước khi xuất hiện trên màn hình: kết nối tới máy chủ, nhận HTML, tải CSS và JavaScript, rồi dựng giao diện. Máy chủ mạnh chỉ giải quyết được một phần của hành trình này. Hình ảnh quá lớn hay một chuỗi tài nguyên tải nối tiếp vẫn có thể khiến khách truy cập chờ đợi.

Hãy bắt đầu bằng một lần tải mới, với bộ nhớ đệm trình duyệt tắt. Ghi lại thời gian nhận byte đầu tiên và thời điểm nội dung chính xuất hiện. Sau đó tải lại với cache bật để thấy trải nghiệm của người quay lại. Hai lần đo trả lời hai câu hỏi khác nhau.

Tối ưu phần người dùng nhìn thấy trước

Nội dung quan trọng nên có sẵn trong HTML. Ảnh đầu trang cần kích thước phù hợp; ảnh phía dưới có thể tải khi gần đi vào vùng nhìn thấy. Khai báo kích thước ảnh giúp trình duyệt dành chỗ trước, tránh cảnh văn bản và nút bấm liên tục đổi vị trí.

JavaScript dành riêng cho một chức năng chỉ nên xuất hiện ở trang cần chức năng đó. Với CSS và JavaScript đã đổi tên theo phiên bản, trình duyệt có thể lưu lâu mà vẫn nhận bản mới khi triển khai.

Đánh giá bằng trải nghiệm thực tế

Đừng chỉ nhìn một con số trung bình. Hãy kiểm tra cả điện thoại cấu hình vừa phải, mạng không ổn định và lần truy cập đầu tiên. Lưu lại điều kiện đo để so sánh trước và sau một cách có ý nghĩa. Mục tiêu là nội dung đến sớm và thao tác phản hồi nhanh, thay vì chỉ đạt điểm đẹp trong một lần thử.