Đảm bảo trang web của bạn truy cập được và mọi người đều dùng được trong thời gian dịch COVID-19 bùng phát

Cách đảm bảo chức năng cốt lõi của trang web luôn có sẵn, có thể truy cập, an toàn, có thể sử dụng, có thể tìm thấy và hoạt động nhanh chóng.

Trang này cung cấp hướng dẫn để đảm bảo trang web của bạn luôn có thể truy cập, bảo mật và hữu dụng cho mọi người.

Hướng dẫn trên trang này đến từ tập hợp các nhóm liên chức năng trong Google đang chuyển trọng tâm ngắn hạn của họ sang hỗ trợ những trang web giúp mọi người giữ an toàn trong đại dịch COVID-19. Những nhân viên của Google nhận thấy rằng các trang web đang phải đối mặt với nhu cầu tăng chưa từng có từ những người tìm kiếm thông tin quan trọng, nhiều người trong số họ hiếm khi hoặc chưa bao giờ sử dụng web trước đây. Việc đảm bảo các trang web được cung cấp trong thời gian này và ai cũng có thể truy cập được có thể là một thách thức.

Hướng dẫn

Khả năng đáp ứng, độ tin cậy, khả năng phục hồi và sự ổn định

Nếu lưu lượng truy cập trang web của bạn tăng đột biến và có kết quả thất bại hoặc bạn muốn ngăn lưu lượng truy cập không đạt, thì hướng dẫn dưới đây có thể giúp bạn nhanh chóng khắc phục hoặc phát hiện vấn đề trước khi chúng trở thành vấn đề nghiêm trọng.

  • Hãy đọc bài viết Khắc phục sự cố máy chủ quá tải để tìm hiểu cách phát hiện, giảm thiểu và ngăn chặn các vấn đề tăng đột biến về lưu lượng truy cập.
  • Xoá các hình ảnh, video, tập lệnh và phông chữ không cần thiết. Đảm bảo mỗi trang tập trung chỉ phân phối chức năng mà những người sử dụng trang web thực sự cần.
  • Việc tối ưu hoá hình ảnh có thể làm giảm đáng kể mức sử dụng băng thông máy chủ của bạn vì hình ảnh là nguyên nhân gây ra vấn đề trên web.
  • Giảm tải nhiều nội dung tĩnh của bạn cho các mạng phân phối nội dung (CDN) nhất có thể. Thông tin chi tiết khác từ các nhà cung cấp phổ biến: AWS, Azure, Cloudflare, Google Cloud, Firebase.
  • Kiểm tra xem CDN của bạn có tính năng tối ưu hoá nào dễ bật hay không, chẳng hạn như tính năng nén hình ảnh động, nén văn bản hoặc tự động giảm kích thước tài nguyên JS và CSS.
  • Việc tối ưu hoá chức năng lưu vào bộ nhớ đệm của HTTP có thể làm giảm đáng kể nhu cầu trên máy chủ của bạn mà chỉ cần thay đổi mã ở mức tối thiểu. Hãy xem bài viết Bộ nhớ đệm HTTP: tuyến phòng vệ đầu tiên để biết thông tin tổng quan về cách lưu vào bộ nhớ đệm HTTP cũng như Các phương pháp hay nhất về lưu vào bộ nhớ đệm để biết các đề xuất cụ thể. Quy trình kiểm tra Phân phát thành phần tĩnh bằng chính sách bộ nhớ đệm hiệu quả trong Lighthouse có thể giúp bạn nhanh chóng phát hiện các tài nguyên không được lưu vào bộ nhớ đệm. Xin lưu ý rằng mỗi loại tài nguyên sẽ có yêu cầu khác nhau về độ mới làm mới và do đó sẽ yêu cầu các chiến lược lưu vào bộ nhớ đệm khác nhau.
  • Trình chạy dịch vụ là một cách khác để giảm đáng kể nhu cầu trên máy chủ của bạn, nhưng có thể đòi hỏi đầu tư kỹ thuật đáng kể. Các tiện ích này cũng cho phép trang web của bạn hoạt động ngoại tuyến, cho phép bạn hiển thị giờ mở cửa, số điện thoại và thông tin khác cho người dùng cũ mà không cần kết nối. Hộp làm việc là phương pháp được đề xuất để thêm trình chạy dịch vụ vào trang web vì công cụ này tự động hoá nhiều mã nguyên mẫu, giúp bạn dễ dàng tuân theo các phương pháp hay nhất và ngăn ngừa các lỗi nhỏ thường gặp khi sử dụng trực tiếp API ServiceWorker cấp thấp.
  • Nếu mức sử dụng trang web của bạn tăng đáng kể, hãy kiểm tra xem bạn có biện pháp bảo vệ đầy đủ trước các tấn công DDoS hay không, vì trang web của bạn hiện có thể là mục tiêu hấp dẫn hơn. Bạn có thể tìm thêm thông tin chi tiết từ các nhà cung cấp phổ biến: AWS, Azure, Cloudflare, Google Cloud.

Xem phần Độ tin cậy của mạng để được hướng dẫn thêm.

Hỗ trợ tiếp cận

Việc tập trung vào khả năng hỗ trợ tiếp cận quan trọng hơn bao giờ hết vì nhiều người có nhu cầu đa dạng đang truy cập vào trang web của bạn. Hãy làm theo các nguyên tắc bên dưới để đảm bảo rằng chức năng cốt lõi của trang web của bạn mà mọi người đều truy cập được.

Danh tính, bảo mật và quyền riêng tư

Bạn có thể muốn đi lối tắt để sửa chữa các vấn đề quan trọng bên ngoài. Tuy nhiên, hãy luôn cẩn thận để tránh tạo ra lỗ hổng bảo mật. Mọi người cần truy cập vào nội dung về những chủ đề cực kỳ riêng tư. Các trang web cần bảo vệ dữ liệu nhạy cảm này của người dùng bằng mọi giá và thuyết phục mọi người rằng thông tin nhận dạng cá nhân (PII) của họ là an toàn.

Hãy xem mục An toàn và bảo mật để biết thêm hướng dẫn.

Khả năng hữu dụng, giao diện người dùng và trải nghiệm người dùng

Mọi người đang phụ thuộc nhiều hơn vào web để đáp ứng các nhu cầu cơ bản. Nhiều người trong số này không sử dụng web thường xuyên. Bạn nên kiểm tra khả năng hữu dụng của chức năng cốt lõi của trang web và đảm bảo rằng chức năng đó đơn giản và dễ sử dụng nhất có thể.

  • Hãy cân nhắc thêm một biểu ngữ nổi bật (có thể xoá bằng nút X) vào đầu trang web để thông báo rõ ràng thông tin cập nhật về dịch vụ. Sử dụng lời kêu gọi hành động trong biểu ngữ để hướng mọi người đến các tài nguyên cụ thể hơn. Hãy cân nhắc sử dụng các màu và phông chữ khác biệt để làm nổi bật các nội dung còn lại trên trang. Hãy viết thể hiện sự đồng cảm, tập trung vào nhu cầu của mọi người và minh bạch về loại dịch vụ mà bạn có thể kỳ vọng.
  • Tìm cơ hội để giảm thiểu hoạt động tương tác vật lý trong các hành trình trọng yếu của người dùng (CUJ) và đề xuất những thay đổi đó cho nhóm sản phẩm của bạn. Ví dụ: nếu dịch vụ phân phối của bạn thường yêu cầu chữ ký, hãy xem có cách nào để giải quyết vấn đề đó không.
  • Hãy kiểm tra kỹ để đảm bảo CUJ càng đơn giản và trực quan càng tốt, đồng thời đề xuất thay đổi cho nhóm sản phẩm nếu bạn nhận thấy có cơ hội cải thiện.
  • Xem lại các nguyên tắc thiết kế hợp lý cho thiết bị di động và dùng thử CUJ trên nhiều thiết bị di động để đảm bảo không có vấn đề rõ ràng nào. Những người không thường xuyên sử dụng web và đột nhiên thấy bản thân họ phải dựa vào web nhiều hơn có thể đang truy cập trang web của bạn từ thiết bị di động.
  • Tái cấu trúc trang web của bạn để sử dụng mẫu thiết kế thích ứng nhiều nhất có thể.
  • Đảm bảo biểu mẫu của bạn hiệu quảđược thiết kế hợp lý.

SEO

Mọi người đang tìm kiếm thông tin quan trọng liên quan đến sức khỏe và công việc. Điều quan trọng là bạn phải đảm bảo rằng mọi công cụ tìm kiếm đều có thể tìm thấy trang web của bạn. Quy trình kiểm tra SEO của Lighthouse có thể giúp bạn phát hiện các vấn đề cơ bản. Theo dõi các blog chính thức của các công cụ tìm kiếm để biết hướng dẫn và thông tin mới nhất: Google, Bing, Baidu, DuckDuckGo, Yandex. Các bài đăng gần đây liên quan đến COVID-19:

Hãy xem mục Có thể phát hiện được để biết thêm hướng dẫn.

Hiệu suất

Một số ISP (ví dụ ở Ấn Độ) đang nhận thấy mức sử dụng Internet gia đình tăng mạnh và không có cơ sở hạ tầng để đáp ứng nhu cầu gia tăng này. Trong những trường hợp như vậy, tốc độ trang web của bạn có thể chậm hơn mà không phải do lỗi của bạn. Việc tối ưu hoá hiệu suất tải có thể là một cách bù lại cơn gió ngược của băng thông bị giảm. Nói cách khác, bằng cách giảm số lượng byte cần gửi qua mạng để tải các trang, bạn có thể bù đắp tác động về hiệu suất của việc giảm băng thông.

  • Hình ảnh là nguyên nhân lớn nhất gây ra tình trạng đầy hơi trên web. Bạn có thể giảm đáng kể mức sử dụng băng thông của trang web bằng cách tối ưu hóa hình ảnh. Squoosh là một công cụ nén hình ảnh nguồn mở đơn giản có thể giúp bạn nén hình ảnh nhanh chóng.
  • Chạy WebPageTest hoặc Lighthouse để khám phá các cơ hội cải thiện hiệu suất hàng đầu.
  • Bật tính năng nén văn bản để giảm kích thước mạng của tài nguyên văn bản. Việc này thường giúp tăng hiệu suất một cách dễ dàng mà không cần đến khoản đầu tư kỹ thuật thấp.
  • Hãy đọc bài viết Khắc phục tốc độ của trang web trên nhiều chức năng để tìm hiểu cách cộng tác và thu hút sự ủng hộ của các phòng ban khác.
  • Sử dụng tính năng tải từng phần được chuẩn hoá cho hình ảnh để giảm thiểu các yêu cầu đối với hình ảnh mà mọi người có thể thực sự không bao giờ nhìn thấy. Khả năng tương thích của trình duyệt không đảm bảo 100% nhưng có thể coi tính năng này là một tính năng nâng cao theo mức độ tăng dần. Nói cách khác, nếu một trình duyệt nhất định không hỗ trợ tính năng tải từng phần được chuẩn hoá, thì hình ảnh sẽ tải như bình thường.
  • Kiểm tra xem trang web của bạn có tập lệnh thử nghiệm A/B hoặc tập lệnh cá nhân hoá nào có thể được tải không đồng bộ hơn hay không, hoặc xem có chức năng không quan trọng nào trong tập lệnh có thể bị tắt hay không. Các tập lệnh thử nghiệm A/B và cá nhân hoá thường không thể tải hoàn toàn không đồng bộ vì các tập lệnh này cần chạy trước khi tải nội dung trang, nhưng có thể có một số cơ hội để tải các phần của tập lệnh không đồng bộ hơn. Vui lòng xem bài viết Đường dẫn hiển thị quan trọng để hiểu được sự đánh đổi cơ bản giữa tập lệnh đồng bộ (còn gọi là tập lệnh chặn hiển thị) nói chung và thời gian tải trang, sau đó quyết định xem bạn cần ưu tiên các tập lệnh chặn hiển thị theo thời gian tải trang hay ngược lại.
  • Mã của bên thứ ba chiếm khoảng một nửa số yêu cầu cho hầu hết các trang web. Hãy cân nhắc optimizing hoặc tạm thời xoá hoặc vô hiệu hoá mã của bên thứ ba không phải là yếu tố cơ bản để chạy trang web của bạn.
  • Nếu các bản phát hành tính năng không được ưu tiên, đây có thể là thời điểm hoàn hảo để dọn dẹp. Xoá thẻ khỏi trình quản lý thẻ, dọn dẹp CSS và JS bị chiếm, cũng như xoá các tính năng hoặc mã không dùng nữa. Thẻ Phạm vi lập chỉ mục trong Công cụ của Chrome cho nhà phát triển và lớp Coverage trong Puppeteer có thể giúp bạn phát hiện mã không dùng đến.

Xem Thời gian tải nhanh để được hướng dẫn thêm.

Hình ảnh chính của NASA trên Unsplash