Chuyển đổi trang nhanh là yếu tố quan trọng để người dùng cảm nhận về hiệu suất của Ứng dụng web tiến bộ (PWA). Quá trình chuyển đổi phải diễn ra nhanh chóng, ngay cả trên mạng chậm.
Đề xuất
Để tìm các hiệu ứng chuyển đổi trang chậm, hãy di chuyển trong ứng dụng web bằng cách sử dụng mạng chậm mô phỏng. Cách làm việc đó trong Chrome:
[comment]: <> (Hai mục danh sách đầu tiên arefr om một mã ngắn từ web.dev, nhưng không được dịch từ tiếng Anh cho bất kỳ ngôn ngữ nào.)
1. Nhấn Control+Shift+J
(hoặc Command+Option+J
trên máy Mac) để mở Công cụ cho nhà phát triển.
2. Nhấp vào thẻ Mạng.
3. Trong danh sách thả xuống Điều tiết, chọn 3G chậm.
Mỗi khi bạn nhấn vào một đường liên kết hoặc nút trong ứng dụng, hãy kiểm tra để chắc chắn rằng trang phản hồi ngay lập tức theo một trong hai cách:
- Trang sẽ chuyển ngay sang màn hình tiếp theo và hiển thị màn hình tải trong khi chờ nội dung từ mạng.
- Trang này cho thấy một chỉ báo đang tải trong khi ứng dụng chờ phản hồi từ mạng.
Nếu bạn đang xử lý một ứng dụng trang đơn do ứng dụng kết xuất, hãy chuyển đổi người dùng sang trang tiếp theo ngay lập tức và hiển thị màn hình khung. Đảm bảo hiển thị ngay mọi nội dung đã có sẵn, chẳng hạn như tiêu đề hoặc hình thu nhỏ của trang, trong khi tải phần nội dung còn lại.