Tốc độ trang web điện thoại di động và Lazy Loading

Bạn có biết hình ảnh chiếm tới 60% dung lượng trung bình của một trang web không? Không ai hiểu rõ gánh nặng này hơn người dùng thiết bị di động. WP Speed of Light giúp bạn giảm bớt gánh nặng tinh chỉnh nội dung bằng cách giới thiệu tính lazy loading , tương thích với thiết bị di động và trình soạn thảo Gutenberg mới cho WordPress.

Phục vụ hình ảnh với Lazy Loading trên thiết bị di động

Sau khi giới thiệu các tính năng của ImageRecycle giúp giảm thiểu kích thước tệp hình ảnh WordPress, lazy loading (Lazy Load) tiếp tục tiến thêm một bước nữa để tối ưu hóa trải nghiệm người dùng. Lazy loading sẽ chỉ cung cấp hình ảnh mà người dùng cần khi họ cần, giúp cải thiện đáng kể hiệu suất trên thiết bị di động. Cơ chế hoạt động của nó như thế nào?

Lazy loading giúp nội dung của bạn trở nên sống động, tự động điều chỉnh theo những gì người dùng có thể thấy. Ví dụ: nếu ai đó truy cập blog WordPress của bạn từ thiết bị di động, kích thước màn hình sẽ hạn chế đáng kể khả năng hiển thị. Việc tải tất cả hình ảnh khi người dùng chỉ có thể xem một vài hình ảnh là không hợp lý, đặc biệt là nếu họ thoát khỏi website trước khi xem hết nội dung.

Lazy loading chỉ tải hình ảnh khi người dùng truy cập đến chúng. Nếu họ đang ở trên một bài đăng hoặc trang và chỉ thấy một hình ảnh, thì đó là tất cả những gì được tải. Khi họ cuộn, hình ảnh sẽ tải dần dần, không làm giảm trải nghiệm, đồng thời tăng thời gian tải và giảm mức sử dụng dữ liệu trên thiết bị di động. Không chỉ trải nghiệm người dùng được hưởng lợi từ việc giảm thời gian tải.

Với lazy loading, bạn cũng có thể thở phào nhẹ nhõm khi nói đến việc tối ưu hóa công cụ tìm kiếm. Các công cụ tìm kiếm hiện đại sẽ xem xét thời gian tải trang web khi xây dựng thứ hạng kết quả tìm kiếm. Do đó, lazy loading góp phần nâng cao thứ hạng nhờ tốc độ tải websitenhanh chóng. Vậy, làm thế nào để bật lazy loading trên WordPress?

Mang Lazy Loading vào Gutenberg

Lazy loading là một phần của tiện Addon WP Speed of Light Pro và có sẵn trong tăng tốc . Để bật lazy loading , chỉ cần bật lazy loading hình ảnh . Bạn có thể tùy chọn chỉ định URL hoặc mẫu bằng ký tự đại diện mà lazy loading sẽ không thay đổi. Sau khi bạn nhấn lưu , WP Speed of Light sẽ tự động xử lý phần còn lại.

Lazy loading hoạt động ngay cả khi sử dụng Gutenberg. Dù bạn sử dụng trình soạn thảo nào, tất cả những gì bạn cần làm là tập trung vào việc tạo ra các bài viết và trang web tuyệt vời. WP Speed of Light tự động cung cấp hình ảnh cho người dùng khi cần.

Chỉ có người chiến thắng trong lazy loading . Tất cả độc giả đều nhận được nội dung sớm hơn, người dùng thiết bị di động tiết kiệm dữ liệu và blog WordPress của bạn sẽ leo hạng trên các công cụ tìm kiếm. Với Addon WP Speed of Light Pro , bạn cũng có thể tận dụng lazy loading chỉ bằng một cú nhấp chuột.