HomeWordpress

W3 Total Cache + Cloudflare = Tốc độ ánh sáng

W3 Total Cache + Cloudflare = Tốc độ ánh sáng
Like Tweet Pin it Share Share Email

Xin chào các bạn  :byebye: Bài viết này mình tập trung vào việc tinh chỉnh Plugin W3 Total Cache và Cloudflare để trang WordPress có tốc độ tải trang nhanh nhất.  Bài này là Phần 2 trong Series Tăng tốc độ tải trang WordPress . Phần trước mình viết về 5 bước tăng tốc độ tải trang WordPress, phần này mình tập trung vào Bước thứ 3: Sử dụng plugin W3 Total Cache.

Bài đọc thêm cần đọc trước khi đọc bài này

Tăng tốc độ tải trang WordPress trong 5 bước

Mình cũng tính cập nhật lại bài đó, mà sao thấy nó dài quá rồi sợ các bạn ngại đọc nên mình viết nguyên một bài viết mới, hay hơn, dài hơn, hấp dẫn hơn  :beauty:

Trước tiên mình xin giới thiệu 2 thứ chúng ta sẽ làm hôm nay. Đây là 2 thứ rất là quan trọng và mình khuyến khích ai cũng nên sử dụng.

  1. Cài đặt Plugin W3 Total Cache (miễn phí).
  2. Tích hợp Cloudflare (miễn phí).
Các Plugin tạo cache cho WordPress
 Đây là bước thứ 3 trong loạt 5 bước tăng tốc độ tải WordPress. Bạn cần đọc về 2 bước kia trước khi làm bước này nhé. 

 

TẢI VÀ CÀI ĐẶT W3 TOTAL CACHE

w3totalcache

Plugin chúng ta sử dụng sẽ là W3 Total Cache. Bạn có thể vào mục Plugin -> Add New để cài đặt trực tiếp trên WordPress của mình mà không cần phải tải về máy.

menu W3

  • General Settings
  • Page Cache
  • Minify
  • Database Cache
  • Object Cache
  • Browser Cache

 

  • Extensions

 

  • CloudFlare

 

 

General Settings

Các bạn tham khảo và chỉnh theo hình mình đăng nhé.

W3 General Settings

 

Page Cache

Mục này không hiểu sao cái hình nó to hơn, các bạn thông cảm mình làm biếng chụp lại hình trên quá nên nó hơi nhỏ  :pudency:

W3 Page Cache

Mình nói tí xíu về mục Check Memcached này. Đối với Hosting Digistar mà mình đang sử dụng thì thông số như này luôn. Còn với các bạn mà sử dụng Cpanel thì khi mà các bạn bật Memcached hệ thống sẽ đưa cho bạn một cái IP:Port hoặc là một đường link luôn. Các bạn cứ copy như vậy rồi paste vô.

Bật memcache cPanel
Bật memcache cPanel

Minify

Vì chúng ta sử dụng CloudFlare, hệ thống họ sẽ tự động chỉnh luôn nên mục này chúng ta không cần phải động tay đến  :beauty:

Database Cache

database cache

Mục này bạn check và làm giống như mục Page Cache ở trên.

Object Cache

Không đụng đến.  :thenthung:

Browser Cache

W3 browser cache

CÀI ĐẶT CLOUDFLARE

1. Đăng Ký Và Sử Dụng CloudFlare

Trước hết, bạn vào mục Extensions của W3 Total Cache. Bạn bật CloudFlare lên nha.  :adore:

Sau khi bật xong, bạn đăng ký bằng cách bấm vào dòng:  Sign up now for free.

dang ky cloud flare

1. Hệ thống tự động chuyển bạn về website của họ và tiến hành đăng ký như bình thường thôi.

Cloud Flare bước 1
Cloud Flare bước 1

2. Sau khi bạn bấm Scan DNS Records, chờ tí xíu. CloudFlare sẽ tự động kiểm tra DNS của bạn và đưa ra một list dày đặc các thứ hầm bà lằng. Theo kinh nghiệm của mình thì khỏi đọc, cứ bấm Continue   :shame:

Cloud Flare bước 2
Cloud Flare bước 2

3. Chọn mục FREE WEBSITE ở bước kế tiếp và sau đó CloudFlare sẽ cho bạn 2 cái địa chỉ NS.

Cloud Flare bước 3
Cloud Flare bước 3

Như trong hình là 2 cái dolly.ns và kip.ns. OK các bạn vào mục quản lý domain của mình và thực hiện trỏ NS về 2 cái NS đó nha. Nếu bạn không biết thì nhờ kỹ thuật trỏ về dùm bạn. Và  website của bạn vẫn sẽ hoạt động bình thường trong quá trình này  mà không hề bị down. Nói 24h vậy thôi chứ lúc mình check thì chỉ chừng 15 phút là về rồi.

cloud flare active
Cloud flare active

Nếu bạn check mà vẫn chưa active thì cũng đừng hoảng.

Bây giờ các bạn đang ở Mục Overview của CloudFlare. Bạn bấm vào Get API Key như dưới hình:

Cloud Flare bước 5
Cloud Flare bước 5
Cloud Flare bước 6
Cloud Flare bước 6

Bạn copy lại cái API rồi Chúng ta quay lại W3 Total Cache để chỉnh tiếp nhé. 

2. Thiết Lập Trên W3 Total Cache

Bạn bấm chọn Authorize, đăng nhập, paste cái API hồi nãy bạn mới copy vào. Và thiết lập như hình dưới. Sau khi hoàn tất, bấm chọn Save All Settings.

Cloud Flare
CloudFlare bước 7

3. Thiết Lập Speed Trên CloudFlare

Bạn vào mục Speed của CloudFlare, xem và chọn như hình. Nếu hệ thống đã chọn rồi thì OK.

CloudFlare
CloudFlare bước 8

4. Thiết Lập Page Rules

Bạn chuyển sang mục Page Rules và thêm Rule như hình bên dưới.

CloudFlare bước 9
CloudFlare bước 9

Khi bạn đã xong hết mọi việc thì thực hiện Purge All Cache.

Purge All Cache

TỔNG KẾT

Sau khi các bạn làm xong các bước trên, các bạn quay lại bài viết: Tăng tốc độ tải trang WordPress trong 5 bước để hoàn thành tiếp các bước tiếp theo nhé.

Kết quả load

Đây là số liệu khi mình sử dụng riêng lẽ từng cái. Khi kết hợp cả 2 thì tốc độ truy cập trang nhanh hơn rõ rệt. Vì đây là host của Pingdom ping về trang mình tại Việt Nam nên mới có độ trễ cao như vậy. Nếu đây là host Mỹ thì sự việc đã khác rồi  :sexy:

Comments (4)

  • Mình đã thử nhưng chạy k mượt lắm

    Reply
    • Author

      Chào bạn.
      Với trang của mình mình dùng theme tối ưu hóa tốt, không thêm gì nhiều nên nó chạy nhanh.
      Có thể trang bạn dùng theme, có nhiều bài viết có hình ảnh nên chạy không nhanh chăng?

      Reply
  • Điểm test cao hơn trước nhưng tốc độ tải lại chậm hơn ,nghĩa là sao ta?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

:ah: 
:angry: 
:-s 
:brick: 
:beauty: 
:D 
:stick: 
:byebye: 
:canny: 
:(( 
:ghet: 
:thenthung: 
:sogood: 
:haha: 
:eat: 
:look_down: 
:nosebleed: 
:waaaht: 
:ops: 
:pudency: 
:sad: 
:sexy: 
:shame: 
:) 
:adore: 
:dreaming: 
:sure: 
:surrender: 
:sweat: 
:tired: 
:sosad: 
:aaa: