Giữ sơn – giảm ánh sáng nhấp nháy màu trắng trên các thanh điều hướng cùng nguồn gốc

Từ bây giờ, Chrome đã nhanh chóng xoá màn hình khi chuyển sang trang mới để mang lại cho người dùng sự yên tâm rằng trang đang tải. "Nhấp nháy màu trắng" này là khoảnh khắc ngắn ngủi khi trình duyệt hiển thị sơn màu trắng trong khi tải một trang. Điều này có thể gây phân tâm giữa các lần điều hướng, đặc biệt là khi trang đạt đến trạng thái thú vị hơn khá nhanh.

Tuy nhiên, đối với các trang tải với tốc độ cực nhanh, phương pháp này thực sự gây bất lợi cho trải nghiệm người dùng. Trong ảnh động sau, bạn sẽ thấy một ví dụ về giao diện của thành phần này.

Chúng tôi là người hâm mộ lớn của trang web này và điều đó khiến chúng tôi thiệt mạng vì trải nghiệm chất lượng của họ chỉ có ánh sáng trắng và chúng tôi muốn khắc phục điều đó. Chúng tôi đã làm như vậy với một hành vi mới mà chúng tôi gọi là Paint Giữ, trong đó trình duyệt sẽ chờ một thời gian ngắn trước khi bắt đầu vẽ, đặc biệt là khi trang đủ nhanh. Điều này đảm bảo rằng trang hiển thị toàn bộ để mang lại trải nghiệm thực sự tức thì.

Cách hoạt động của tính năng này là chúng tôi trì hoãn các cam kết của trình tổng hợp cho đến khi đạt đến tín hiệu tải trang (PLS) nhất định (ví dụ: hiển thị nội dung đầu tiên / thời gian chờ cố định). Chúng tôi phân biệt giữa công việc kết xuất theo luồng chính và cam kết với luồng impl (chỉ hoạt động sau này bị trì hoãn). Việc đợi cho đến khi PLS xảy ra sẽ làm giảm khả năng nhấp nháy màu trắng/màu đồng nhất.

Mục tiêu của chúng tôi khi thực hiện công việc này là các thao tác điều hướng trong Chrome giữa 2 trang có cùng nguồn gốc diễn ra liền mạch, nhờ đó mang lại trải nghiệm điều hướng mặc định nhanh, không có hiệu ứng nhấp nháy của nền trắng/màu đồng nhất giữa nội dung cũ và mới.

Hãy dùng thử tính năng Paint Giữ trong Chrome Canary (Chrome 76) và cho chúng tôi biết suy nghĩ của bạn. Nhà phát triển không cần phải lo lắng về việc thực hiện bất kỳ sửa đổi nào đối với các trang của họ để tận dụng lợi thế của giao diện này.