• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » Thủ thuật WordPress » Vô hiệu hóa lazy load hình ảnh mặc định của WordPress

Vô hiệu hóa lazy load hình ảnh mặc định của WordPress

11/08/2020 14/09/2020 Trung Hiếu 52 Bình luận

Mục lục bài viết

  1. Vô hiệu hóa lazy load bằng code
  2. Vô hiệu hóa bằng plugin

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.

vo-hieu-hoa-lazy-load-hinh-anh-mac-dinh-cua-wordpress-5-5

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é.

Theme Paradise (phiên bản 5.4.1 trở lên) đã được tích hợp sẵn tính năng vô hiệu hóa lazy load trong Giao diện => Tùy biến => Tối ưu tốc độ. Các bạn chỉ việc chuyển tính năng này sang trạng thái Có rồi lưu lại là được.

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');

view raw
functions.php
hosted with ❤ by GitHub

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é.

cai-dat-va-kich-hoat-plugin-disable-lazy-loading

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. :)

4.6 / 5 ( 12 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

Chuyên mục: Thủ thuật WordPress Thẻ: Tăng tốc WordPress

dich-vu-cai-dat-website-wordpress-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Bài viết trước « Khắc phục website bị Facebook chặn link
Bài viết sau Vô hiệu hóa XML Sitemaps mặc định của WordPress »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Vũ Lê viết

    11/08/2020 lúc 08:07

    :D không biết nên nâng cấp không em nhỉ?

    Trả lời
    • Trung Hiếu viết

      11/08/2020 lúc 09:06

      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à.

      Trả lời
      • Vũ viết

        12/08/2020 lúc 23:27

        Em chèn GA mà tốc độ load trang tốt quá :D

        Trả lời
        • Trung Hiếu viết

          13/08/2020 lúc 07:25

          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

          Trả lời
          • Vũ viết

            13/08/2020 lúc 09:00

            Cái này là món gì đấy? có bài hướng dẫn về cái này chưa em?

          • Trung Hiếu viết

            13/08/2020 lúc 09:06

            Tính năng có sẵn của plugin LiteSpeed Cache anh nhé.

          • Vũ viết

            13/08/2020 lúc 09:32

            LiteSpeed Cache có thể thay thế cho W3 Total Cache không hiếu nhỉ?

          • Trung Hiếu viết

            13/08/2020 lúc 09:34

            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.

          • Vũ viết

            13/08/2020 lúc 09:38

            Nản thế nhỉ, a lại chơi NGiNX

          • Trung Hiếu viết

            13/08/2020 lúc 09:47

            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

          • Vũ viết

            13/08/2020 lúc 10:00

            Đợt này hết hạn vps có khi sẽ thử của bên hiếu

          • Trung Hiếu viết

            13/08/2020 lúc 10:01

            Web bình thường thôi đúng không anh? Hay là chạy tools gì bên trên nữa? :D

          • Vũ viết

            13/08/2020 lúc 10:12

            ừ a đang chạy web bình thường thôi… khoảng chục k view ngày thôi.

          • Trung Hiếu viết

            13/08/2020 lúc 10:15

            Chuyển qua bên em thôi. :3

  2. Doligo viết

    12/08/2020 lúc 03:46

    Đang test trang con xem bản wp 5.5 thế nào đã :D

    Trả lời
    • Trung Hiếu viết

      12/08/2020 lúc 07:50

      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.

      Trả lời
  3. Vũ viết

    13/08/2020 lúc 10:18

    Còn khoảng mấy tháng nữa là hết rồi đây.

    Trả lời
    • Hiếu Lê viết

      14/08/2020 lúc 07:47

      Nay wpcanban thêm GA rồi. Cơ mà speed load vẫn đáng gờm thật.

      Trả lời
      • Trung Hiếu viết

        14/08/2020 lúc 08:17

        Đặt cho vui chứ doanh thu chẳng ăn thua. :))

        Trả lời
        • Hiếu Lê viết

          14/08/2020 lúc 08:27

          Đặt lên để biết cho dù có ga hay ko thì dịch vụ bên wpcanban vẫn cân tất :))

          Trả lời
          • Trung Hiếu viết

            14/08/2020 lúc 08:49

            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. :)

          • Hữu Thuần viết

            14/08/2020 lúc 08:55

            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

          • Trung Hiếu viết

            14/08/2020 lúc 09:08

            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

  4. HOFA viết

    14/08/2020 lúc 11:32

    Đã vô hiệu hóa, xung đột với WP rocket đó bác hiếu

    Trả lời
    • Trung Hiếu viết

      14/08/2020 lúc 11:34

      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

      Trả lời
  5. Amazon Nhật viết

    15/08/2020 lúc 10:22

    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ỉ?

    Trả lời
    • Trung Hiếu viết

      15/08/2020 lúc 10:24

      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.

      Trả lời
      • Amazon Nhật viết

        15/08/2020 lúc 10:45

        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ỉ.

        Trả lời
        • Trung Hiếu viết

          15/08/2020 lúc 10:55

          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é.

          Trả lời
          • Amazon Nhật viết

            21/08/2020 lúc 10:15

            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.

  6. Trung's Nguyễn viết

    15/08/2020 lúc 13:05

    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!

    Trả lời
    • Trung Hiếu viết

      15/08/2020 lúc 13:25

      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.

      Trả lời
      • Trung's Nguyễn viết

        15/08/2020 lúc 13:36

        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

        Trả lời
        • Trung Hiếu viết

          15/08/2020 lúc 15:10

          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

          Trả lời
          • Trung's Nguyễn viết

            15/08/2020 lúc 15:12

            Vậy mới nói theme cũ thì chưa nên nâng cấp đó bác

          • Trung Hiếu viết

            15/08/2020 lúc 15:15

            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).

          • Trung's Nguyễn viết

            15/08/2020 lúc 15:20

            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ì!

          • Trung Hiếu viết

            15/08/2020 lúc 15:23

            Bạn thử bỏ cái dấu ‘s trong tên bình luận đi xem.

          • Trung Nguyễn viết

            15/08/2020 lúc 15:25

            Bỏ dấu ‘ thử ^^

  7. Phong Nguyen viết

    16/08/2020 lúc 08:42

    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

    Trả lời
    • Trung Hiếu viết

      16/08/2020 lúc 08:47

      Bạn bật Chrome Dev Tools lên rồi chọn tab Console xem nó báo lỗi gì?

      Trả lời
      • Phong Nguyen viết

        16/08/2020 lúc 09:23

        Dạ ! a xem dùm em với
        https://8chiase.com/wp-content/uploads/2020/08/123.png

        Trả lời
        • Trung Hiếu viết

          16/08/2020 lúc 09:39

          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.

          Trả lời
          • Phong Nguyen viết

            16/08/2020 lúc 09:44

            Dạ ! em cám ơn, mới hạ cấp xuống lại

          • Trung Hiếu viết

            16/08/2020 lúc 09:45

            Hết lỗi rồi chứ bạn?

          • Phong Nguyen viết

            16/08/2020 lúc 09:58

            dạ , em về bản cũ thì vào chỉnh sửa lại bình thường

    • Trí Cao viết

      31/08/2020 lúc 10:25

      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 đỡ!

      Trả lời
      • Trung Hiếu viết

        31/08/2020 lúc 18:35

        Bạn tham khảo bài viết “Kích hoạt jQuery Migrate trên WordPress 5.5” xem sao nhé.

        Trả lời
  8. Bất động sản Hồng Hà viết

    26/08/2020 lúc 17:28

    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 ạ!

    Trả lời
    • Trung Hiếu viết

      26/08/2020 lúc 17:29

      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à.

      Trả lời
  9. conglyvaness viết

    15/09/2020 lúc 13:59

    Có bản mới thì xài đi thôi bạn ơi!

    Trả lời
  10. Phan Diệu Lý viết

    01/10/2020 lúc 10:17

    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

    Trả lời

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/2020

Dịch vụ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • Trung Hiếu trong Cách thoát khỏi chế độ maintenance trong WordPress
  • Luật sư Online trong Cách thoát khỏi chế độ maintenance trong WordPress
  • Hải trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Trung Hiếu trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache

Bình luận nhiều nhất (tháng)

  1. Doligo (7)
  2. Tuyen (7)
  3. Tien Coin (4)
  4. lê hải (3)
  5. Nguyễn Văn Long (3)
  6. Thành (3)

Thông tin hữu ích

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

10 Chuyên mục - 978 Bài viết - 37224 Bình luận

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting