Những tiện ích Chrome xinh xắn mà không làm trình duyệt chậm đi

Các tiện ích trình duyệt trang trí có tiếng của riêng chúng, và phần lớn là đáng: nặng, nhiều lời, được cài kèm một danh sách quyền mà chẳng ai đọc. Thật đáng tiếc, vì loại tiện ích này thực sự vui, và mọi vấn đề vừa kể đều tránh được.

Ba thứ đáng kiểm tra

• Danh sách quyền. Chrome cho bạn xem trước khi cài. Storage là một tệp cài đặt. Tabs, cookies, history và webRequest là những quyền cho phép một tiện ích xem bạn đang lướt gì.
• Nó có chạm vào bố cục trang của bạn không. Một tiện ích chèn phần tử vào luồng tài liệu, hoặc đo vị trí phần tử ở mỗi lần cuộn, có thể làm một trang đang mượt trở nên giật — dù nó vẽ ít đến đâu.
• Nó gửi yêu cầu đi đâu. Một thứ trang trí mà thẻ mạng lúc nào cũng tấp nập thì đang làm một việc thứ hai chẳng ai nói với bạn.

Vì sao bố cục là thứ cắn đau nhất

Đọc một thuộc tính bố cục — chiều cao của phần tử, vị trí của nó trên màn hình — buộc trình duyệt phải làm xong mọi phần bố cục còn treo trước khi trả lời được. Làm việc đó trong một hàm xử lý cuộn, và bạn đã yêu cầu trình duyệt dừng lại để đo sáu mươi lần mỗi giây, trên một trang nó đang vẽ dở.

Đó là cơ chế đằng sau phần lớn những lời phàn nàn kiểu «tiện ích này làm cuộn trang giật», và nó vô hình cho tới khi có ai đó đo bằng công cụ. Cách sửa thì chẳng hào nhoáng gì: đừng bao giờ đọc bố cục trong lúc cuộn, chỉ ghi phép biến đổi, và để bộ hợp ảnh lo phần di chuyển.

Ở đây thì nó ra sao

scrolldog là một con vật nhỏ bằng điểm ảnh, chạy dọc mép mỗi trang theo tốc độ cuộn của bạn. Nó cũng là một ví dụ đã giải xong của những kiểm tra ở trên, vì nó phải qua được chúng mới đáng để sống cùng:

• Hai quyền: storage và unlimitedStorage. Không tabs, không cookies, không history, không webRequest.
• Một quyền máy chủ — api.scroll.dog — dùng để kiểm tra giấy phép, không bao giờ để chạm vào trang bạn đang mở.
• Con vật sống trong một đường ray cố định có kích thước bằng không và chỉ ghi một phép biến đổi CSS, nên bố cục trang của bạn không bao giờ đổi.
• Việc cuộn được lắng nghe theo kiểu thụ động và gom lại thành một lần ghi cho mỗi khung hình.
• Một công tắc xoá nó khỏi mọi thẻ đang mở ngay lập tức.

Không điều nào trong đó là để khoe — đó là mức tối thiểu. Một thứ mà cả công việc chỉ là đẹp mắt thì không có lý gì làm cái khác chậm đi.