Có nhiều cách để cải thiện hiệu suất của blog WordPress của bạn. Chúng tôi đã thảo luận về việc sử dụng bộ nhớ đệm plugin, dọn dẹp và tối ưu hóa cơ sở dữ liệu của bạn và cũng có rất nhiều mẹo khác để tăng tốc thời gian tải. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách bạn có thể cải thiện thêm hiệu suất trang web của mình bằng cách tải hình ảnh theo yêu cầu.

Tất cả các chủ blog sẽ biết rằng hình ảnh đóng vai trò quan trọng trong một bài đăng trên blog. Trong Make Tech Easier, chúng tôi thích sử dụng nhiều ảnh chụp màn hình để làm cho hướng dẫn rõ ràng hơn và dễ hiểu hơn. Tuy nhiên, có một vấn đề với điều này. Bạn càng có nhiều hình ảnh, trang web tải chậm hơn và sử dụng nhiều băng thông hơn. Ngoài ra, vì chúng tôi đã thuê ngoài hình ảnh của chúng tôi lưu trữ cho Amazon S3, băng thông cao hơn cũng chuyển thành chi phí cao hơn.

Một giải pháp tốt cho điều này là tải hình ảnh của bạn theo yêu cầu, hoặc những gì thường được gọi là tải lười biếng.

Lazy loader là một plugin jQuery làm trì hoãn việc tải hình ảnh trong các trang web (dài). Hình ảnh bên ngoài khung nhìn (phần hiển thị của trang web) sẽ không được tải cho đến khi người dùng cuộn đến chúng. Đối với các trang web sử dụng nhiều hình ảnh, tải chậm có thể làm cho trang tải nhanh hơn và cũng giúp giảm tải máy chủ (và chi phí).

Để tránh đi sâu vào chi tiết kỹ thuật, chúng ta hãy xem các cách đơn giản nhất để bạn có thể tích hợp nó vào blog WordPress của mình.

1. Trình tải ảnh lười biếng của jQuery

Không nghi ngờ gì nữa, plugin là cách đơn giản hóa nội dung trong WordPress. jQuery Image Lazy Loader là một trong những plugin tích hợp tính năng tải lười biếng vào trang web của bạn.

Không yêu cầu cấu hình. Tất cả những gì bạn cần làm là cài đặt plugin và kích hoạt nó.

Sau khi được kích hoạt, kịch bản tải chậm sẽ hoạt động trên tất cả các trang của trang web.

2. Lazy Loader

Lazy Loader là một plugin khác tích hợp tính năng tải lười vào trang web của bạn. Sự khác biệt là, nó có thể cấu hình được. Plugin Lazy Loader không có sẵn trong kho lưu trữ WordPress, vì vậy bạn phải truy cập trang web của nhà phát triển và tải xuống trang web (điều này cũng có nghĩa là bạn sẽ không thể cài đặt trực tiếp từ trang tổng quan WordPress của mình).

Một khi bạn đã tải về, cài đặt và kích hoạt nó, bạn có thể vào phần " Cài đặt -> Bộ tải Lazy " để cấu hình các plugin.

Các tùy chọn có sẵn bao gồm chèn tập lệnh tải lười trên tất cả các trang, trang chủ, bài đăng, trang, danh mục, v.v. Bạn cũng có thể đặt giới hạn ngưỡng (số lượng hình ảnh để tải xuống dưới chế độ xem) để tránh tụt hậu khi tải hình ảnh.

Các tùy chọn khác bao gồm hiệu ứng tải và sử dụng hình ảnh trình giữ chỗ của riêng bạn.

Phần kết luận

Tải chậm là một cách hay để giảm băng thông trang web của bạn, cải thiện thời gian tải của trang và hiệu suất tổng thể. Nếu bạn chỉ muốn có một giải pháp plug and play, jQuery Image Lazy Loader là một trong những lựa chọn cho bạn. Nếu bạn muốn có nhiều quyền kiểm soát hơn, plugin Lazy Loader là một lựa chọn tốt hơn.

Cuối cùng, đối với những người đủ thành thạo, bạn có thể muốn kiểm tra dự án tải lười biếng để tích hợp sâu vào trang web của bạn.

Tín dụng hình ảnh: takamorry