Vô hiệu hóa tính năng lazy load hình ảnh mặc định của WordPress kể từ phiên bản 5.5 trở đi.
Nếu bạn chưa biết thì vào ngày hôm nay (11/8/2020), WordPress 5.5 sẽ chính thức được phát hành tới tay người dùng với nhiều cải tiến đáng chú ý. Trong đó, nổi bật là tính năng lazy load hình ảnh giúp website của bạn load nhanh hơn. Mặc dù hỗ trợ native lazy load của Google, tuy nhiên, theo nghiên cứu của chúng tôi, tính năng lazy load hình ảnh mặc định của WordPress còn thua kém khá nhiều khi so sánh với các plugin có cùng chức năng do bên thứ ba phát triển, chẳng hạn như LiteSpeed Cache. Do đó, trước mắt, các bạn nên tắt nó đi để tránh xung đột gây ảnh hưởng tới việc hiển thị hình ảnh cũng như hiệu suất của website.
Tham khảo thêm:
- Lazyload hình ảnh với plugin chính thức từ Google
- Hướng dẫn lazyload hình ảnh với plugin LiteSpeed Cache
Có 2 cách khác nhau để làm điều này. Tuy nhiên, các bạn cần lưu ý là chỉ thực hiện sau khi đã update website lên phiên bản WordPress 5.5 hoặc mới hơn thôi nhé.
Vô hiệu hóa lazy load bằng code
Chèn đoạn code sau đây vào file functions.php của theme hoặc child theme mà bạn đang sử dụng rồi lưu lại. Các bạn cũng có thể sử dụng plugin Code Snippets để chèn nếu không muốn can thiệp trực tiếp vào file theme.
| add_filter('wp_lazy_loading_enabled', '__return_false'); |
Vô hiệu hóa bằng plugin
Tất cả những gì các bạn cần làm là cài đặt và kích hoạt một plugin có tên là Disable Lazy Loading. Plugin này cũng chỉ bao gồm 1 dòng code nên các bạn không phải lo nó sẽ làm chậm web đâu nhé.
Một plugin khác mà các bạn cũng có thể cài đặt là Disable WP Lazy Load. Chỉ cần kích hoạt là xong, không cần cấu hình gì thêm.
Thật đơn giản phải không nào? Chúc các bạn thành công!
Bạn có đang sử dụng tính năng lazy load hình ảnh trên website WordPress của mình hay không? Bạn đánh giá thế nào về tính năng lazy load hình ảnh mặc định của WordPress? Hãy cho chúng tôi biết quan điểm và ý kiến của bạn thông qua khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
:D không biết nên nâng cấp không em nhỉ?
Có bản mới thì cứ quất thôi anh. Nếu lỗi thì có thể down về bản cũ mà.
Em chèn GA mà tốc độ load trang tốt quá :D
Em cho Defer/Async luôn cả quảng cáo AdSense. Chỉ load quảng cáo sau khi các thành phần khác đã load xong. :P
Cái này là món gì đấy? có bài hướng dẫn về cái này chưa em?
Tính năng có sẵn của plugin LiteSpeed Cache anh nhé.
LiteSpeed Cache có thể thay thế cho W3 Total Cache không hiếu nhỉ?
Ngon hơn W3 Total Cache nhiều anh nhé. Nhưng nó chỉ chạy được trên Web Server LiteSpeed hoặc Open LiteSpeed thôi. Không hỗ trợ các web server khác.
Nản thế nhỉ, a lại chơi NGiNX
Chuyển qua dùng LiteSpeed đi anh. Ngon hơn NginX nhiều. Open LiteSpeed là miễn phí mà. Web Server LiteSpeed cũng có gói miễn phí cho VPS từ 2GB RAM trở xuống đấy. Hoặc đơn giản hơn là tham khảo dịch vụ WordPress Hosting của bên em. :P
Đợt này hết hạn vps có khi sẽ thử của bên hiếu
Web bình thường thôi đúng không anh? Hay là chạy tools gì bên trên nữa? :D
ừ a đang chạy web bình thường thôi… khoảng chục k view ngày thôi.
Chuyển qua bên em thôi. :3
Đang test trang con xem bản wp 5.5 thế nào đã :D
Mình vừa lên sáng nay. Tạm thời chưa phát hiện ra lỗi lầm gì. Khoái nhất tính năng update theme và plugin bằng file zip.
Còn khoảng mấy tháng nữa là hết rồi đây.
Nay wpcanban thêm GA rồi. Cơ mà speed load vẫn đáng gờm thật.
Đặt cho vui chứ doanh thu chẳng ăn thua. :))
Đặt lên để biết cho dù có ga hay ko thì dịch vụ bên wpcanban vẫn cân tất :))
Thực ra vẫn ảnh hưởng đấy. Không nhiều thì ít. Dữ liệu quảng cáo AdSense không thể cache hay nén được, chỉ có thể tối ưu cách nó tải thôi. :)
Bác cứ đùa Web bác một ngày chắc hơn 15$ mà với cái giá đó một tháng bác cũng có được chục cũ rồi :P
Nếu kiếm tiền dễ vậy thì tài khoản Google AdSense đâu mất giá như bây giờ? :D
Đã vô hiệu hóa, xung đột với WP rocket đó bác hiếu
LiteSpeed Cache thì không xung đột làm lỗi web nhưng mà thấy cả 2 tính năng lazy load hoạt động cùng lúc nó ngứa mắt kiểu gì nên tốt nhất cứ vô hiệu hóa cho rảnh. :P
Nếu ko biết chèn code thì phải dùng tới 2 plugin (một để dùng, và một để tắt cái mặc định) để có được tính năng lazy load hình ảnh nhanh nhất, điều này có làm ảnh hưởng nhiều tới tấc độ tải trang web ko anh Hiếu nhỉ?
Bạn sử dụng GTmetrix để test cả 2 trường hợp là biết ngay nên chọn cái nào mà. Riêng mình thì đang tắt tính năng lazy load mặc định của WordPress và dùng lazy load của plugin LiteSpeed Cache.
Em vừa tạo tài khoản ở đây, chọn Test Server Region ở HongKong, em thấy chỉ số ở đây có khác so với Page Speed Insights của Google, theo anh Hiếu thì mình nên tham khảo chỉ số của bên nào anh nhỉ.
GTmetrix chỉ đánh giá mức độ tối ưu mã nguồn của một website thôi. Còn Google PageSpeed thì đánh giá tổng thể (điểm số bị ảnh hưởng bởi các yếu tố khác như chất lượng hosting, tốc độ đường truyền, khoảng cách…). Do đó nếu bạn muốn đánh giá mức độ tối ưu của mã nguồn website thì dùng GTmetrix nhé.
Vâng, em cám ơn anh nhiều ạ, vậy chắc em sẽ đổi qua đo tấc độ tải trang bằng GTmetrix để tối ưu mã nguồn của website.
Nên đợi WP V5.5.1 rồi nâng cấp nha mấy bác, bản này lỗi tè le!
Lỗi gì thế bạn? Mình update từ hôm mới ra đến giờ chưa thấy lỗi nào.
1. Lỗi phần Js soạn thảo (phải update Classic Editor)
2. Một số theme cũ không tương thích
3. Các site dùng Plugin về Role bị lỗi không đăng nhập được
Classic Editor thì phải update theo phiên bản WordPress là đúng rồi, giống như plugin TinyMCE Advanced vậy. Còn việc theme không tương thích thì phải chờ nhà phát triển update theme chứ có update WordPress cũng chẳng giải quyết được vấn đề. :D
Vậy mới nói theme cũ thì chưa nên nâng cấp đó bác
Không liên quan nhưng sao mỗi lần bạn bình luận thì đều phải chờ mình xét duyệt nhỉ? Do cái tên hay do email của bạn? @@! Thông thường chỉ cần xét duyệt lần đầu thôi, những lần tiếp theo nó tự phê duyệt (trừ khi chèn quá nhiều link hoặc đổi tên).
Hic mình rất ít khi bình luận có chèn link vô, cũng ko nhớ lần trước dùng tên gì!
Bạn thử bỏ cái dấu ‘s trong tên bình luận đi xem.
Bỏ dấu ‘ thử ^^
Em mới lên xong, nhưng mấy cái Options của theme giờ click vào cài đặt không được, cái này có cách nào fix không bác
Bạn bật Chrome Dev Tools lên rồi chọn tab Console xem nó báo lỗi gì?
Dạ ! a xem dùm em với
https://8chiase.com/wp-content/uploads/2020/08/123.png
Bạn đã update theme lên phiên bản mới nhất chưa? Nếu up rồi mà vẫn lỗi thì chỉ còn cách hạ cấp WordPress về phiên bản cũ và chờ lập trình viên của theme ra bản vá thôi. Xem “Hạ cấp WordPress về phiên bản cũ một cách đơn giản” nếu bạn có nhu cầu.
Dạ ! em cám ơn, mới hạ cấp xuống lại
Hết lỗi rồi chứ bạn?
dạ , em về bản cũ thì vào chỉnh sửa lại bình thường
Chào ban, sau khi mình up WP lên 5.5 cũng bị xung đột Option theme không chỉnh sửa được. Và mình lựa chọn down xuống bản cũ, nhưng xuất hiện mấy lỗi này
https://drive.google.com/drive/u/0/folders/1gwJgLu_NLOsdFMhMV2hh3F914dfdnumH
Mong bạn giúp đỡ!
Bạn tham khảo bài viết “Kích hoạt jQuery Migrate trên WordPress 5.5” xem sao nhé.
Web của e đang chạy là dùng giao diện flatsome + wp rocket. Mỗi nền tảng đều có lazy load image hết. Vậy theo admin thì nên sử dụng của bên nào là tối ưu nhất! E cám ơn ạ!
Bạn bật lần lượt từng cái rồi test thử bằng GTmetrix và Google PageSpeed là biết ngay nên chọn cái nào mà.
Có bản mới thì xài đi thôi bạn ơi!
Cảm ơn những chia sẻ bổ ích của Admin. Mình là phụ nữ tìm hiểu cũng thấy dễ làm