VietNetwork.Vn

Theo mặc định, WordPress đi kèm với tính năng lazy load, làm chậm quá trình tải xuống hình ảnh và các phương tiện khác để cải thiện tốc độ tải trang.

Tuy nhiên, đối với một số trang web, nó có thể ảnh hưởng đến trải nghiệm người dùng bằng cách không hiển thị hình ảnh và phương tiện ngay lập tức.

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng vô hiệu hóa lazy load trong WordPress bằng cả phương pháp mã cũng như phương pháp plugin.

Lazy Loading là gì?

Lần đầu tiên WordPress giới thiệu hình ảnh lazy loading trong WordPress 5.5. Sau đó, nó đã mở rộng tính năng tải từng phần cho các nội dung nhúng iframe (ví dụ: video YouTube, Spotify và các nội dung nhúng khác).

Phương pháp này giúp cải thiện tốc độ và hiệu suất trang web của bạn bằng cách tải nhanh nội dung và khu vực hiển thị trước tiên.

Một trang web nhanh hơn không chỉ tốt cho người dùng mà còn tốt cho SEO. Các công cụ tìm kiếm như Google coi tốc độ là một yếu tố xếp hạng quan trọng.

Ngoài hình ảnh và nội dung nhúng, bạn cũng có thể dễ dàng tải chậm nhận xét và Gravatars để cải thiện hơn nữa tốc độ tải trang.

Có thể thấy hoạt động tải chậm bằng cách nhấp chuột phải vào hình ảnh và chọn công cụ Kiểm tra trong trình duyệt của bạn.


Điều này sẽ chia màn hình trình duyệt của bạn và hiển thị cho bạn mã nguồn HTML. Từ đây, bạn sẽ có thể thấy thuộc tính "loading=lazy" được thêm vào hình ảnh.

Hiện tại, thông thường, chúng tôi khuyên bạn không nên tắt tải chậm do lợi ích tổng thể của nó đối với trang web WordPress của bạn. Tắt nó có thể dẫn đến tốc độ trang web chậm hơn, tỷ lệ chuyển đổi thấp hơn và thứ hạng SEO thấp hơn.

Tuy nhiên, đôi khi lazy loading có thể ảnh hưởng đến trải nghiệm người dùng đối với một số trang web.

Ví dụ: nếu bạn điều hành một trang web nhiếp ảnh trong đó hình ảnh là khía cạnh quan trọng nhất trong nội dung của bạn, thì việc tải chậm chúng có thể làm hỏng trải nghiệm người dùng cho khách hàng của bạn.

Trong các trường hợp khác, bạn có thể đang sử dụng một giải pháp tải chậm khác và chỉ muốn tắt tải chậm mặc định của WordPress.

Điều đó đang được nói, hãy xem cách bạn có thể dễ dàng vô hiệu hóa lazy load trong WordPress.

• Phương pháp 1. Vô hiệu hóa Lazy Load trong WordPress bằng WPCode (Được khuyến nghị)
• Phương pháp 2. Vô hiệu hóa Lazy Load trong WordPress bằng Plugin

Phương pháp 1. Vô hiệu hóa Lazy Load trong WordPress bằng WPCode (Được khuyến nghị)

Bạn chỉ có thể vô hiệu hóa tính năng lazy load trong WordPress bằng cách thêm một đoạn mã tùy chỉnh vào tệp tin functions.php của chủ đề.

Tuy nhiên, hãy nhớ rằng lỗi nhỏ nhất trong khi thêm mã có thể dẫn đến hỏng trang web của bạn và khiến người dùng của bạn không thể truy cập được.

Đây là lý do tại sao chúng tôi khuyên bạn nên sử dụng plugin WPCode để thêm mã tùy chỉnh vào trang web của mình.

Đây là plugin đoạn mã tùy chỉnh tốt nhất giúp người mới bắt đầu dễ dàng thêm mã tùy chỉnh vào trang web của họ một cách an toàn.

Trước tiên, bạn cần cài đặt và kích hoạt plugin WPCode. Xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress để biết thêm hướng dẫn.

Sau khi kích hoạt, hãy truy cập trang Đoạn mã » + Thêm đoạn mã.


Thao tác này sẽ đưa bạn đến màn hình 'Thêm đoạn mã' nơi bạn sẽ thấy một loạt các đoạn mã sẵn sàng sử dụng mà bạn có thể thêm vào trang web của mình.

Từ đây, bạn cần nhấp vào nút 'Sử dụng đoạn mã' bên dưới tùy chọn 'Thêm mã tùy chỉnh của bạn (Đoạn mã mới)'.

Sau khi bạn ở trên trang 'Tạo đoạn mã tùy chỉnh', bạn có thể bắt đầu bằng cách nhập tên cho đoạn mã của mình.

Nó có thể là bất cứ thứ gì giúp bạn xác định đoạn mã và tác dụng của nó.


Sau đó, chọn 'Đoạn mã PHP' từ menu thả xuống bên cạnh tùy chọn 'Loại mã'.

Bây giờ, sao chép và dán mã PHP sau vào hộp 'Xem trước mã'.
   
add_filter( 'wp_lazy_loading_enabled', '__return_false' );
Đây là giao diện của mã sau khi được dán vào hộp 'Xem trước mã'.


Sau khi thêm mã, hãy cuộn xuống phần 'Chèn'.

Tại đây, chỉ cần chọn 'Chèn tự động' làm chế độ chèn. Điều này sẽ đảm bảo rằng mã tùy chỉnh của bạn được thực thi tự động ở mọi nơi trên trang web sau khi bạn kích hoạt đoạn mã.


Tiếp theo, bạn cần cuộn lên đầu trang và chỉ cần chuyển nút 'Không hoạt động' sang 'Hoạt động'.

Sau đó, đừng quên nhấp vào nút 'Lưu đoạn trích' để lưu và thực thi đoạn mã tùy chỉnh của bạn.


Sau khi được kích hoạt, đoạn mã tùy chỉnh này sẽ vô hiệu hóa tính năng lazy loading trên trang web WordPress của bạn.

Bạn có thể kiểm tra bằng cách nhấp chuột phải vào một hình ảnh và chọn Kiểm tra từ menu trình duyệt.

Trong mã HTML cho hình ảnh, thuộc tính loading=lazy sẽ biến mất.


Phương pháp 2. Vô hiệu hóa Lazy Load trong WordPress bằng Plugin

Nếu bạn không muốn thêm mã vào trang web của mình thì bạn có thể sử dụng plugin Vô hiệu hóa Lazy Load.

Điều duy nhất bạn cần làm là cài đặt và kích hoạt plugin Vô hiệu hóa Lazy Load. Để biết thêm hướng dẫn, hãy xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.


Plugin hoạt động vượt trội và không yêu cầu bất kỳ cấu hình nào. Sau khi được kích hoạt, nó sẽ tự động vô hiệu hóa tính năng lazy load trên trang web của bạn.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách vô hiệu hóa lazy load đúng cách trong WordPress. Bạn cũng có thể muốn xem hướng dẫn của chúng tôi về cách tối ưu hóa hình ảnh WordPress để có thời gian tải trang tốt hơn hoặc xem lựa chọn plugin nén hình ảnh WordPress tốt nhất của chúng tôi.