Làm thế nào để lười tải hình ảnh trong WordPress

Bạn có muốn tải hình ảnh lười biếng trong WordPress? Lazy Loading cho phép trang web của bạn chỉ tải hình ảnh khi người dùng cuộn xuống đến hình ảnh cụ thể. Bạn có thể xem nó đang hoạt động trên nhiều trang web phổ biến như Buzzfeed. Trong bài này, chúng tôi sẽ chỉ cho bạn cách tải hình ảnh lười biếng dễ dàng trong WordPress.

Lười tải hình ảnh trong WordPress

Tại sao lười tải hình ảnh trong WordPress?

Không ai thích trang web chậm. Một nghiên cứu do Strangeloop thực hiện cho thấy rằng sự chậm trễ 1 giây trong thời gian tải trang có thể dẫn đến mất 7% số chuyển đổi, giảm ít nhất 11% trang và 16% giảm sự hài lòng của khách hàng.

Nghiên cứu Strangeloop

Hình ảnh mất nhiều thời gian nhất để tải trên trang web của bạn so với bất kỳ thứ gì khác. Nếu bạn thêm nhiều hình ảnh vào bài viết của mình, thì mỗi hình ảnh sẽ tăng thời gian tải trang của bạn.

Một cách để đối phó với tình trạng này là để tối ưu hóa hình ảnh cho web và sử dụng một dịch vụ CDN, như MaxCDN. Điều này cho phép người dùng tải nhiều hình ảnh cùng một lúc từ các máy chủ nằm gần họ.

Lướt qua bảng liệt kê List25

Tuy nhiên, hình ảnh của bạn vẫn được tải, và nó vẫn sẽ ảnh hưởng đến thời gian tải trang tổng thể. Để khắc phục vấn đề này, bạn có thể trì hoãn các hình ảnh bằng cách thực hiện lười tải hình ảnh trên trang web của bạn.

Làm thế nào lười biếng tải cho hình ảnh làm việc?

Thay vì tải tất cả các hình ảnh của bạn cùng một lúc, tải tải lười biếng chỉ có hình ảnh sẽ được hiển thị trên màn hình người dùng. Nó thay thế tất cả các hình ảnh khác bằng một hình ảnh giữ chỗ.

Khi người dùng cuộn xuống, trang web của bạn tải hình ảnh hiện đang hiển thị trong khu vực xem của trình duyệt.

Điều đó đang được nói, chúng ta hãy xem làm thế nào để dễ dàng thiết lập tải lười biếng cho hình ảnh trong WordPress.

Thiết lập lười tải hình ảnh trong WordPress

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt trình cắm BJ Lazy Load. Để biết thêm chi tiết

Khi kích hoạt, bạn cần truy cập vào Cài đặt »BJ Lazy Load để cấu hình cài đặt plugin.

Cài đặt tải lười biếng

Bạn có thể áp dụng tải lười biếng cho nội dung, vật dụng văn bản, hình thu nhỏ, gravatars, hình ảnh và iframe. Bạn cũng có thể tải lên hình ảnh tùy chỉnh để sử dụng làm hình ảnh giữ chỗ.

Plugin này cũng có một tùy chọn để hiển thị phiên bản có độ phân giải thấp của hình ảnh thay vì hình ảnh trình giữ chỗ. Để sử dụng tính năng này, bạn cần phải tạo lại kích thước hình ảnh, để nó có thể tạo phiên bản có độ phân giải thấp cho tất cả các video tải lên trước đó của bạn.

Đừng quên nhấp vào nút lưu thay đổi để lưu cài đặt của bạn.

Bây giờ, bạn có thể truy cập trang web của mình để xem tải lười biếng cho hình ảnh đang hoạt động.