Tạo hình ảnh tiến bộ tốt hơn Đang tải với AntiModerator

Kịch bản AntiMod Cả có thể không giống lắm. Nhưng đó là một trong những tập lệnh JS tốt nhất bạn có thể chạy để cải thiện hiệu suất trên trang lớn hơn và duy trì trải nghiệm người dùng mạnh mẽ.

Với cái này plugin miễn phí, bạn có thể tải hình ảnh khi chúng xuất hiện trong chế độ xem và giảm tổng kích thước trang của bạn.

Bằng cách này, toàn bộ trang có thể tải Đầu tiên với giữ chỗ nhỏ cho hình ảnh. Sau đó, khách truy cập của bạn duyệt một cách tự nhiên mà không cần chờ mọi tài sản tải - luôn là điều tốt từ quan điểm của người dùng!

Đây là cách thức hoạt động: bạn thêm plugin AntiMod Cả vào trang của mình cùng với tập lệnh StackBlur.js.

Chống vi trùng kéo kích thước hình ảnh và buộc tất cả các thẻ img vào một kích thước cố định trên trang. Những hình ảnh được tải sẵn này được đẩy qua StackBlur.js, giúp giảm đáng kể tổng kích thước tệp xem trước, do đó tải trang sớm hơn rất nhiều.

Khi các hình ảnh nhỏ hơn được đặt vào vị trí thì AntiMod Cả sẽ tải hình ảnh kích thước đầy đủ trong nền. Mỗi ảnh mờ sau đó được thay thế bằng ảnh thông thường sau khi tải xong. Dễ dàng!

Điều này tiết kiệm rất nhiều thời gian chờ đợi hình ảnh và nó giúp trang của bạn tải nhanh hơn nhiều. Đó là một lợi ích lớn cho người dùng vì họ có thể bắt đầu tiêu thụ nội dung sớm hơn và nó có lợi cho thứ hạng SERP của bạn vì Google quan tâm rất nhiều về tốc độ trang.

Bạn có thể cài đặt thư viện trực tiếp bằng npm hoặc Bower hoặc bằng cách kéo tập lệnh qua GitHub.

Điều này chỉ yêu cầu một vài dòng JavaScript và chắc chắn sẽ giúp cải thiện tải trang của bạn. Hãy xem qua repo GitHub và cuộn xuống hướng dẫn thiết lập để bắt đầu.

Chỉ với một vài dòng mã, AntiMod Cả nên là người không có trí tuệ để chạy trên bất kỳ trang nào.

Chưa kể điều này chạy trên JavaScript thuần vì vậy nó không yêu cầu bất kỳ sự phụ thuộc nào như jQuery để làm việc.