Nhiều người đang sử dụng web hiện đại trên nhiều thiết bị và loại kết nối mạng. Các tác phẩm của bạn có thể tiếp cận người dùng trên toàn thế giới, nhưng việc mang đến trải nghiệm đáng tin cậy trên web cho tất cả người dùng có thể là một thách thức. Việc hiểu được ý nghĩa của độ tin cậy có thể là một thách thức.
Đáng tin cậy khi không có mạng
Một cách để nghĩ về độ tin cậy là liệu ứng dụng web của bạn có hoạt động mà không cần kết nối mạng hay không. Đây là một loại độ tin cậy mà người dùng mặc định có được khi cài đặt các ứng dụng dành riêng cho nền tảng trên thiết bị di động từ một cửa hàng ứng dụng. Khi thấy biểu tượng của một trong những ứng dụng này, bạn sẽ mong đợi có thể nhấn vào biểu tượng đó và mở một loại trải nghiệm nào đó, bất kể bạn có đang kết nối với Internet hay không.
Cho đến gần đây, việc tạo các ứng dụng web đáng tin cậy mà không cần kết nối mạng là một thách thức.
Nhanh chóng và đáng tin cậy
Một cách khác để nghĩ về độ tin cậy là liệu người dùng có thể tin tưởng vào việc ứng dụng web của bạn tải đủ nhanh khi họ có kết nối mạng có thể không lý tưởng hay không. Liệu người dùng cũ có trải nghiệm tương tác với ứng dụng web của bạn giống như khi họ dùng kết nối di động so với khi họ dùng Wi-Fi không? Còn những người dùng có kết nối có độ trễ cao hoặc kết nối "lie-fi" thì sao? Ứng dụng web của bạn có hoạt động nhanh chóng và đáng tin cậy ngay cả trong những trường hợp đó không?
Chỉ nhanh trong điều kiện tốt nhất là chưa đủ. Người dùng sẽ xem hiệu suất của ứng dụng web của bạn qua lăng kính về cách ứng dụng hoạt động trong mọi điều kiện mạng.
Độ tin cậy có thể đạt được
Tin vui là nền tảng web hiện đại cung cấp các công nghệ (chẳng hạn như service worker và Cache Storage API) có thể đóng vai trò là khối xây dựng để tạo các ứng dụng web đáng tin cậy. Chúng cho phép bạn viết mã nằm giữa ứng dụng web và mạng. Trong nhiều trường hợp, bạn có thể hoàn toàn bỏ qua mạng và thay vào đó sử dụng nội dung đã lưu vào bộ nhớ đệm trước đó để đáp ứng các yêu cầu của ứng dụng web.
Đèn chỉ đường: Trả về mã trạng thái 200 OK khi không có mạng
Sau khi bắt đầu tạo một trình chạy dịch vụ và phân phát nội dung từ bộ nhớ đệm, bạn khó có thể biết liệu mình có đang làm việc hiệu quả hay không. Làm cách nào để biết rằng trình chạy dịch vụ mà bạn triển khai thực sự giúp ứng dụng web của bạn tránh được mạng? Làm cách nào để ngăn một thay đổi nhỏ đối với chiến lược lưu vào bộ nhớ đệm làm hỏng trải nghiệm ngoại tuyến mà bạn đã dày công tạo ra?
Lighthouse cung cấp một kiểm thử cụ thể mà bạn đặc biệt quan tâm khi tạo một ứng dụng web đáng tin cậy: Trả về mã trạng thái 200 OK khi không có mạng:
Thực tế thì điều gì đang được kiểm thử ở đây? Quy trình này bao gồm việc mô phỏng tình trạng mất kết nối mạng trong trình duyệt của bạn, sau đó cố gắng tải bất kỳ URL nào trên trang web của bạn đang được kiểm tra. Thử nghiệm này kiểm thử một khía cạnh của việc xây dựng một trang web đáng tin cậy – đáng tin cậy khi không có mạng – bằng cách sử dụng một chuỗi hành động có thể lặp lại và được kiểm soát.
Đây là một hành trình
Nếu chỉ mới bắt đầu, thì rất có thể bạn sẽ nhận được kết quả tiêu cực cho chế độ Kiểm tra phản hồi bằng mã trạng thái 200 khi không có mạng. Không sao cả! Trừ phi bạn đang sử dụng một dự án khởi đầu tuỳ chỉnh, nếu không, các ứng dụng web sẽ không có loại độ tin cậy đó theo mặc định. Một vài hướng dẫn tiếp theo sẽ giới thiệu những kỹ thuật bạn cần để xác định nội dung mà ứng dụng web của bạn đang tải và hướng dẫn bạn cách sử dụng Lighthouse để mang lại trải nghiệm tải đáng tin cậy.
Trong suốt quá trình này, bạn nên tiếp tục chạy lại các quy trình kiểm tra Lighthouse. Chúng đóng vai trò là kim chỉ nam trong suốt hành trình của bạn, bắt đầu từ một ứng dụng web mới và kết thúc bằng một ứng dụng web tiến bộ đáng tin cậy.