Web 4.0
  • Trang chủ
  • Kiến thức SEO
    • Thuật toán Google
    • Thủ thuật SEO
    • Tài nguyên SEO
  • Kiến thức Website
    • HTML & CSS
    • Lập trình viên
    • Cơ sở dữ liệu
    • Tên miền
    • Hosting
  • Phần mềm
    • Themes
    • Plugins
      Cách chống spam Contact Form 7 không sử dụng reCAPTCHA

      Cách chống spam Contact Form 7 không sử dụng reCAPTCHA

    • Full Code
  • Quảng cáo
    • Google
    • Youtube
    • Facebook
    • Tiktok
    • Khác
No Result
View All Result
Web 4.0
  • Trang chủ
  • Kiến thức SEO
    • Thuật toán Google
    • Thủ thuật SEO
    • Tài nguyên SEO
  • Kiến thức Website
    • HTML & CSS
    • Lập trình viên
    • Cơ sở dữ liệu
    • Tên miền
    • Hosting
  • Phần mềm
    • Themes
    • Plugins
      Cách chống spam Contact Form 7 không sử dụng reCAPTCHA

      Cách chống spam Contact Form 7 không sử dụng reCAPTCHA

    • Full Code
  • Quảng cáo
    • Google
    • Youtube
    • Facebook
    • Tiktok
    • Khác
No Result
View All Result
Web 4.0
No Result
View All Result

Hướng dẫn fix lỗi “leverage browser caching WordPress”

Dịch Vụ Thiết Kế Website 4.0 by Dịch Vụ Thiết Kế Website 4.0
13/04/2022
in Kiến thức Website
0 0
0
Hướng dẫn fix lỗi “leverage browser caching WordPress”
0
SHARES
3.2k
VIEWS
Chia sẽ lên FacebookChia sẽ lên TwitterChia sẽ lên WhatsappChia sẽ lên Linkedin

Hướng dẫn fix lỗi “leverage browser caching WordPress”

Có nội dung cần chia sẽ xin gửi cho chúng tôi qua email kythuat@daloctai.com – Rất mong nhận sự đóng góp của mọi người!

Bài viết này sẽ hướng dẫn bạn cách để fix lỗi “leverage browser caching WordPress” hiệu quả 100% chỉ bằng vài bước cơ bản.

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

  • Tìm hiểu về lỗi “Leverage browser caching WordPress”
    • Browser caching là gì?
    • “leverage browser caching WordPress” là gì?
  • 2 cách fix lỗi “leverage browser caching WordPress” đơn giản
    • Fix lỗi “leverage browser caching WordPress” thủ công
      • Xác định loại web server
      • Bật browser caching bằng cách thêm Cache-Control Header và Expire Headers
    • Fix lỗi “leverage browser caching WordPress” bằng plugin
  • FAQs về fix lỗi “leverage browser caching WordPress”
  • WP Rocket có miễn phí hay không?
  • Có nên cài đặt nhiều plugin tạo browser cache hay không?
  • Cách để tối ưu hóa database WordPress hiệu quả?
  • Tốc độ trang web nhanh sẽ có nhiều người truy cập hơn đúng không?

Tìm hiểu về lỗi “Leverage browser caching WordPress”

Browser caching là gì?

Làm sao để trang web có thể load nhanh hơn cho lần tải tiếp theo? Đó chính là vấn đề browser caching – bộ nhớ đệm trình duyệt giải quyết.

Ví dụ thường thấy:

Khi bạn truy cập vào trang web lần đầu tiên, các hình ảnh sẽ tải rất chậm đúng không? Nhưng sau đó, bạn quay lại lần nữa, những hình ảnh sẽ hiện lên một cách tức thì và bí mật chính là nhờ vào browser caching.

huong-dan-fix-loi-leverage-browser-caching-wordpress

“Giải mã bí mật” về browser caching:

Nếu bạn truy cập lần đầu vào một trang web có bật chế độ browser caching, trình duyệt sẽ tự động tạo một bản lưu trữ ngay trên trình duyệt web. Những thứ như: hình ảnh, icon và rất nhiều thứ khác được lưu sẵn.

Khi bạn truy cập lại lần nữa, những dữ liệu lưu trữ trên trình duyệt sẽ hiện ra. Trình duyệt của bạn sẽ không phải yêu cầu trang web WordPress gửi những dữ liệu đó. Điều này vừa giảm thời gian tải, vừa tạo ra cảm giác tăng tốc vừa giảm được băng thông sử dụng! Quá tuyệt vời đúng không nào!

“leverage browser caching WordPress” là gì?

Hiểu đơn giản, lỗi “leverage browser caching WordPress” là do bạn chưa bật browser caching hoặc bạn đã thiết lập browser caching sai cách.

Thông thường, bạn sẽ được các trang kiểm tra tốc độ website như:

  • Pingdom
  • GTmetrix
  • IsItWP: 1 công cụ kiểm tra tốc độ trang web khá thân thiện nhưng không phổ biến lắm ở Việt Nam.

Sau khi kiểm tra, tốc độ của trang web bạn chậm bạn sẽ nhận một số gợi ý về cách để tăng tốc website và bạn nhận được một số thông báo tương tự như:

Hướng dẫn fix lỗi “leverage browser caching WordPress” 3

ADVERTISEMENT
huong-dan-fix-loi-leverage-browser-caching-wordpress

Hoặc phần thông báo có nội dung tương tự như thế này:

huong-dan-fix-loi-leverage-browser-caching-wordpress

Hiểu đơn giản hơn, các công cụ khuyến khích bạn nên bật browser caching và lưu những dữ liệu tĩnh vào trong trình duyệt của người dùng.

Cách bật browser caching như thế nào sẽ được Tino Group giới thiệu với bạn ngay phần tiếp theo nhé!

2 cách fix lỗi “leverage browser caching WordPress” đơn giản

Nếu bạn là người mới bắt đầu sử dụng WordPress, Tino Group chân thành khuyên bạn nên chọn phương pháp sử dụng plugin luôn cho tiện và ít gặp phải những lỗi khác. Tuy nhiên, bạn cũng nên xem qua hướng dẫn cách fix lỗi “leverage browser caching WordPress” thủ công để hiểu rõ về vấn đề này hơn!

Fix lỗi “leverage browser caching WordPress” thủ công

Như đã nhắc đến ở phần mở đầu, nếu bạn là người mới, bạn chỉ nên xem thôi nhé! Nếu bạn vẫn muốn thực hiện, OK! Bạn nên sao lưu lại toàn bộ trang WordPress của mình trước, nếu chưa biết cách sao lưu, bạn có thể tham khảo bài viết Top 5 Plugin backup tốt nhất cho WordPress và thực hiện theo.

Đối với phương pháp này, bạn sẽ phải xác định xem trang web của mình đang sử dụng web server (máy chủ web) Apache hay Nginx mới có thể áp dụng được.

Xác định loại web server

Truy cập vào chế độ nhà phát triển

Bạn sẽ có 3 cách để thực hiện:

  • Sử dụng nút F12: đây là cách để kiểm tra nhanh nhất để bật chế độ nhà phát triển. Tuy nhiên, đối với các trang web có cài đặt các chương trình, tính năng chống copy nội dung hoặc xem mã nguồn sẽ không thực hiện được.
  • Sử dụng tổ hợp phím Ctrl + Shift + i: cách này sẽ hay hơn giúp bạn có thể truy cập vào chế độ nhà phát triển dễ dàng.
  • Cách cuối cùng, bạn nhấp vào menu 3 chấm dọc trên thanh địa chỉ => công cụ khác => Công cụ dành cho nhà phát triển.

Sau khi bạn đã vào được chế độ nhà phát triển như trong ảnh, chúng ta sẽ đi kiểm tra loại web server bạn đang sử dụng.

huong-dan-fix-loi-leverage-browser-caching-wordpress
Kiểm tra web Server mà website sử dụng

Bạn tiếp tục thực hiện theo 4 bước sau để kiểm tra nhé:

  • Chọn tab Network trong cửa sổ nhà phát triển.
  • Tạo yêu cầu cho trang web bằng cách click vào hình ảnh hay bài viết bất kỳ trên trang và nhấn vào các yêu cầu đó và đợi nội dung trong cửa sổ hiện ra.
  • Tại tab Headers trong mục chi tiết bạn tìm xuống phần Response Headers.
  • Trong Response Headers, bạn tìm đến mục có chữ “server:” phía sau dấu “:” đó chắc chắn sẽ là Server mà trang web đang sử dụng.

Ví dụ: trang web của tôi đang sử dụng Apache.

huong-dan-fix-loi-leverage-browser-caching-wordpress

Sau khi xác định được loại web server bạn đang sử dụng, chúng ta sẽ bắt đầu thêm Cache – control Header và Expire Headers nhé!

Bật browser caching bằng cách thêm Cache-Control Header và Expire Headers

Đối với Apache và LiteSpeed

Bạn sẽ phải đi tìm file .htaccess trước, sau đó bạn thêm các đoạn code vào. Nếu bạn không biết file .htaccess được sử dụng để làm gì, bạn có thể tìm hiểu thêm trong bài viết: File .htaccess là gì? Tác dụng của file .htaccess.

Tiếp theo, bạn có thể chọn Cache – Control Header hoặc Expire Headers; nếu muốn, bạn vẫn có thể đưa cả 2 dòng code này vào trong file .htaccess nhé!

Cache – Control Header

<filesMatch ".(ico|pdf|flv|jpg|jpeg|webp|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>

Trong đó, 2592000 chính là số giây và tương ứng với thời gian là 1 tháng.

Expire Headers

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/webp "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##

Hoặc dòng code này để ngắn gọn hơn cũng được:

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=96000, public"
</filesMatch>

Cuối cùng, bạn sẽ lưu lại file và kiểm tra lại lần nữa bằng các công cụ kiểm tra tốc độ web nhé!

Đối với Nginx

Trước tiên, bạn sẽ tìm đến block server của Nginx trước. Thông thường vị trí của (server {…}) sẽ có đường dẫn tìm như sau: /etc/nginx/site-enabled/default. Nếu bạn tìm không thấy, bạn có thể liên hệ nhà cung cấp host của bạn để họ hướng dẫn nhé!

Cache – Control Header

location ~* .(png|jpg|jpeg|webp|gif)$ {
expires 365d;
add_header Cache-Control "public, no-transform";
}
location ~* .(js|css|pdf|html|swf)$ {
expires 30d;
add_header Cache-Control "public, no-transform";
}

Với mốc thời gian, bạn có thể tùy ý thay đổi sao cho phù hợp với nhu cầu sử dụng của bạn.

Expire Headers

location ~* .(jpg|jpeg|webp|gif|png)$ {
expires 365d;
}
location ~* .(pdf|css|html|js|swf)$ {
expires 30d;
}

Sau khi nhập xong, bạn lưu lại và khởi động server của mình. Cuối cùng, bạn sử dụng các công cụ kiểm tra tốc độ web.

Fix lỗi “leverage browser caching WordPress” bằng plugin

Nếu bạn cảm thấy mọi thứ quá phức tạp, chúng ta sẽ đến cách xử lý dễ dàng nhất: Sử dụng plugin.

Bạn chỉ cần chọn các plugin có khả năng tạo browser caching mạnh mẽ ví dụ như: WP Rocket để sử dụng.

huong-dan-fix-loi-leverage-browser-caching-wordpress

Tiếp theo, bạn chỉ cần cài đặt và chạy WP Rocket. Plugin WP Rocket sẽ tự động làm tất cả những việc ở phần thực hiện thủ công giúp bạn.

Nếu bạn chưa biết cách tải WP Rocket ở đâu, cách sử dụng và cài đặt ra sao, bạn có thể tham khảo ngay bài viết Hướng dẫn cấu hình plugin WP Rocket từ A-Z nhé!

Đến đây, chắc hẳn bạn đã có thể biết được cách fix lỗi “leverage browser caching WordPress” rồi đúng không? Nếu bạn thấy bài viết hay, bổ ích và giúp giải quyết được rắc rối, rất mong bạn tặng bài viết 5 sao để ủng hộ Tino Group nhé! Chúc bạn sửa lỗi thành công!

FAQs về fix lỗi “leverage browser caching WordPress”

WP Rocket có miễn phí hay không?

Không, WP Rocket là một plugin trả phí. Tuy nhiên, Tino Group sẵn sàng tặng bạn miễn phí 100% plugin WP Rocket Pro khi bạn sử dụng dịch vụ của chúng tôi đấy!

Có nên cài đặt nhiều plugin tạo browser cache hay không?

Không. Khi cài đặt quá nhiều plugin tạo browser cache, chúng sẽ xung đột với nhau và gây ra những ảnh hưởng xấu đến trang web của bạn. Việc cài đặt nhiều plugin tạo browser cache sẽ gây hại nhiều hơn có lợi.

Cách để tối ưu hóa database WordPress hiệu quả?

Nếu bạn đã cài đặt WP Rocket, bạn đã thực hiện tối ưu lên đến hơn 80% rồi đấy! Bạn có thể xem thêm bài viết Cách tối ưu database WordPress hiệu quả mới nhất để tìm hiểu thêm về cách tối ưu database nhé!

Tốc độ trang web nhanh sẽ có nhiều người truy cập hơn đúng không?

Không hẳn, trang web của bạn có người truy cập nhiều hay không còn phục thuộc vào cả việc bạn phát triển tối ưu nội dung ra sao, giao diện có đẹp hay không, chuẩn SEO hay không.

CÔNG TY TNHH ĐA LỘC TÀI

  • Dịch vụ hosting chuyên nghiệp AZdata.vn
    Tạo website nhanh web3s.com.vn
  • Zalo: 0906.657.659
    Hotline: 039.365.1247
  • Email: kythuat@daloctai.com
  • Website: www.thietkeweb40.com

5/5 – (1 bình chọn)
Tags: hỗ trợ Developer

Chúc bạn thành công!

Previous Post

Nền tảng Blockchain là gì? Tìm hiểu chi tiết về Blockchain

Next Post

Bật mí các kênh bán hàng online hiệu quả trong năm 2022

Dịch Vụ Thiết Kế Website 4.0

Dịch Vụ Thiết Kế Website 4.0

Tôi là Vương sinh năm 1985 yêu thích website và làm marketing online. Hiện tại tôi đang làm bên lĩnh vực web, kế toán thuế, hóa đơn điện tử ,chữ ký số và bán hàng online. Yêu thích cafe, nhạc trữ tình và bơi lội.... Thích uống vài ly nhâm nhi với anh em bạn bè.... Giao lưu nha!

Next Post
Bật mí các kênh bán hàng online hiệu quả trong năm 2022

Bật mí các kênh bán hàng online hiệu quả trong năm 2022

Trả lời Hủy

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

You might also like

Hướng dẫn cách chọn Hosting cho WordPress 2022

Hướng dẫn cách chọn Hosting cho WordPress 2022

13/04/2022
Top 5 quỹ đầu tư crypto lớn nhất thế giới bạn không nên bỏ qua

Top 5 quỹ đầu tư crypto lớn nhất thế giới bạn không nên bỏ qua

13/04/2022
Adware là gì? Cách bảo mật tránh nhiễm Adware

Adware là gì? Cách bảo mật tránh nhiễm Adware

13/04/2022
Cách lập kế hoạch kinh doanh thương mại điện tử chuẩn chỉnh cho người mới bắt đầu

Cách lập kế hoạch kinh doanh thương mại điện tử chuẩn chỉnh cho người mới bắt đầu

13/04/2022
Top 6 Plugin đăng ký thành viên WordPress tốt nhất 2022

Top 6 Plugin đăng ký thành viên WordPress tốt nhất 2022

13/04/2022
Top 10 DeFi coin tốt nhất hiện nay

Top 10 DeFi coin tốt nhất hiện nay

13/04/2022

Chia sẽ kiến thức website và quảng cáo trực tuyến cho cộng đồng. Bạn có kiến thức hay kinh nghiệm muốn chia sẽ có thể gửi email kythuat@daloctai.com. Chúc bạn thành công!

Từ khóa

5 nguyên tắc thiết kế logo chuyên nghiệp chia sẻ kinh nghiệm mở shop thời trang cách bán hàng online hiệu quả cách kiếm tiền online cho học sinh cách kiếm tiền online nhanh cách tăng thứ hạng website trên google cách viết bài chuẩn seo các loại từ khóa công ty thiết kế web nông nghiệp công ty thiết kế website quận 10 công ty thiết kế website quận 11 công ty thiết kế website ở hà nội công ty thiết kế web tại quận 10 công ty thiết kế web điện thoại dịch vụ thiết kế web quận 10 dịch vụ thiết kế website tại vĩnh long dịch vụ thiết kế web ở vĩnh long kinh nghiệm mở shop bán quần áo kinh nghiệm mở shop thời trang kiếm tiền online không cần vốn mở cửa hàng bán quần áo thời trang nguyên tắc khi thiết kế logo nguyên tắc thiết kế logo những cách kiếm tiền online nhanh không cần vốn seo kỹ thuật Sử dụng Search Semantic để tạo lợi thế xếp hạng cho Content của bạn technical seo thiết kế web hà nội thiết kế web quận 10 thiết kế website ngoại thất thiết kế website nông nghiệp chuyên nghiệp thiết kế website nông nghiệp uy tín thiết kế website tiệm bánh thiết kế website vĩnh long thiết kế website điện thoại thiết kế website điện thoại giá rẻ thiết kế website điện thoại đẹp thiết kế website ở quận 10 thiết kế web tiệm bánh thiết kế web vĩnh long thiết kế web điện thoại tuyệt chiêu bán hàng online hiệu quả xu hướng kinh doanh nhà hàng hiện nay xu hướng kinh doanh nhà hàng online xu hướng kinh doanh ẩm thực online

Kết nối

  • Trang chủ
  • Kiến thức SEO
  • Kiến thức Website
  • Phần mềm
  • Quảng cáo

© 2022 Dịch vụ thiết kế web 4.0 - Chia sẽ kiến thức cộng đồng về website, quảng cáo trực tuyến.

No Result
View All Result
  • Trang chủ
  • Kiến thức SEO
    • Thuật toán Google
    • Thủ thuật SEO
    • Tài nguyên SEO
  • Kiến thức Website
    • HTML & CSS
    • Lập trình viên
    • Cơ sở dữ liệu
    • Tên miền
    • Hosting
  • Phần mềm
    • Themes
    • Plugins
    • Full Code
  • Quảng cáo
    • Google
    • Youtube
    • Facebook
    • Tiktok
    • Khác

© 2022 Dịch vụ thiết kế web 4.0 - Chia sẽ kiến thức cộng đồng về website, quảng cáo trực tuyến.

Welcome Back!

Sign In with Facebook
Sign In with Google
OR

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Sign Up with Facebook
Sign Up with Google
OR

Fill the forms below to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In