SuperSonic và CloudFlare TTFB ~3x ms

Với plugin SuperSonic kết hợp CloudFlare bạn có thể tăng tốc WordPress lên gần như nhanh nhất có thể, thậm chí ngoài chuyện giúp truy cập cực nhanh từ  khắp nơi trên thế giới, nó còn giúp bạn tiết kiệm rất nhiều băng thông, tuy thế, như mình từng nói rất nhiều lần trong các bài viết về CloudFlare, gói FREE gần như chỉ có thể dùng cho blog, còn với các site chạy WooCommerce (shop tích hợp vào WordPress) thì gần như không thể dùng được, còn cái gói có thể dùng được, giá 1 tháng là $200 :]]

Theo mặc định, CloudFlare không lưu trữ nội dung HTML tuy thế sau này (hình như đâu đó 2014) CloudFlare đã cho phép thực hiện, bằng cách thêm các quy tắc trang trong quản trị, tuy thế khi nội dung trang web bị thay đổi (thêm, chỉnh sửa hoặc xoá bài post, trang hoặc bình luận) CloudFlare không làm mới nội dung đã cache,  plugin được chính Cloudflare viết thì thì họ lại làm quá triệt để, nghĩa là khi có bất cứ sự sửa, xóa, thêm bớt nào trên site, họ xóa đi tất cả cache cũ, thật sự thì cố mà dùng thì vẫn được, vì chỉ cần khi người đầu tiên xem lại bài, là nó đã tự cache bài đó rồi

SuperSonic về cơ bản cũng tương tự như plugin CloudFlare làm, tuy thế họ làm chi tiết từng phần hơn, như khi bạn sửa bài viết, thêm comment, thì chỗ nào cần có sự thay đổi, nó sẽ xóa cache đi, còn các thứ khác thì vẫn giữ cache cũ, cơ bản thì hay hơn, với họ cũng thêm vài phần nhỏ, như disables phần admin hiện ở thanh trên trình duyệt đi, thêm các tính năng chặn theo quốc gia, IP, spam từ CloudFlare vào để người dùng dễ tùy biến hơn….

Tất nhiên là không thể nào hoàn thiện tuyệt đối , lý do thì cũng đã nói ở trên rồi, có điều nó rất khá, gần như trong các plugin cache cho CloudFlare từng dùng, SuperSonic ổn nhất 😛 tuy thế khi một user comment, thường nó sẽ hiện ra thông báo, “comment đang được chờ quản trị duyệt”, tuy thế, khi dùng CloudFlare cache, nó sẽ chỉ load trang cũ ra mà thôi, thành ra người post comment sẽ không hiểu là mình đã post xong hay mạng bị lỗi … 🙁 để hạn chế chuyện này bạn có thể dùng thêm một plugin liên quan tới comment chạy AJAX như WP Ajaxify Comments là được, nó hiện thông báo lên cho user thấy, nói chung thuốc đặc trị cho cache là AJAX, site bạn có cái gì khi cache mà bị lỗi hãy kiếm các plugin liên quan chạy AJAX là được 😛

Các bước cấu hình SuperSonic và CloudFlare:

Trong quản trị của CloudFlare

Tạo 3 “Page Rules” như thế, giải trích cụ thể thì trong bài CloudFlare mình viết cả rồi, bạn có thể vào tham khảo

Trong plugin của SuperSonic

CF Settings:

Điền các thông tin như email login, API key mà SuperSonic yêu cầu, ZONE thì chọn domain bạn muốn cache, xong ấn button “Update Setting”

Options:

Chọn như hình, gần như ấn chọn hết 😀 quan trọng nhất là Purge immediatly, ban đầu mình không chọn tùy chọn này thành ra khi viết, sửa bài mãi nó không xóa cache cũ 😀

CF Tools:

Bạn có thể xóa cache ở tab này, thật ra cũng hơi thừa vì nó đã có nút Supersonic ở ngay phía trên của admin rồi, tính năng Firewall hay block, hay ban thì thú thực mình không quan tâm lắm, SuperSonic mình nghĩ tác giả vẫn nên tập trung vào chuyện xử lý vấn đề xóa cache thật tốt là đủ 😀

Purge Settings:

Phần quan trọng nhất, liên quan tới xóa cache, nó gồm có các phần nhỏ như posts, page, media, comment, bạn muốn khi có sự thay đổi khi tạo, sửa, và xóa thì các thứ liên qua sẽ bị xóa cache thì ấn chọn, để dễ hình dung thì như phần comment, blog mình nó chỉ hiện comment ở bên dưới bài post, không có hiện ra ở trang nào liên quan, nên mình chỉ xóa cache phần bài post, còn nếu bạn nào có hiện phần comment ngoài trang chủ thì chọn thêm Home page …, kiểu như thế, còn nếu không rõ thì cứ stick chọn hết các thứ là được 😀 thật ra các thứ thường thay đổi nhất đa phần là comment mới, còn sửa bài, xóa bài cũng hiếm, có cái này đỡ khá nhiều

Comments, Security … còn lại không quan trọng lắm, bạn nào có nhu cầu thì dùng thôi, còn không để mặc định là được, mình không quan tâm tới các tùy chọn chống spam lắm, vì thật sự mỗi comment đều đã phải duyệt tay rồi :]]

Thật ra nếu SuperSonic họ viết hoàn hảo, vấn đề xóa cache trên CloudFlare tốt thì gần như bạn không phải dùng thêm bất cứ plugin cache nào nữa, hệ thống server của CloudFlare thì khỏi phải bàn rồi, cực nhanh và trâu, chưa kể còn hằng hà sa số tính năng về security, nói chung dùng CloudFlare cache đầu tiên ta sẽ có 1 tốc độ truy cập siêu nhanh ở mọi nơi trên thế giới, TTFB hoàn hảo, host sẽ vô cùng nhẹ, vì gần như chỉ phải chạy khi lần đầu tiên khi load trang, băng thông tiêu tốn cũng gần như không đáng kể, vì CloudFlare họ CDN, cache cả rồi, kèm theo đó là tính năng Away Online của CloudFlare, kể cả site bạn có sập khi bị tấn công hay khi host bảo trì, CloudFlare vẫn lấy cache cũ để load lại, giúp bạn có tỷ lệ uptime cao, không bị mất traffic 😀

Nói chung là khi cache thông qua CloudFlare rồi thì VPS gần như chẳng phải làm gì, 10.000 client truy cập mỗi … giây mừ chạy vẫn ầm ầm thì khỏi bàn về chất lượng của CloudFlare rồi hé 😀 mình sẽ sử dụng thử SuperSonic một thời gian xem có gặp phải vấn đề gì nữa không, còn tạm thời như thế này là ổn 😀

Update 26/03/2018: Tình cờ check lại email thì thấy có con VPS RAM … 256 MB :]] location US nữa mới hãm, nên tiện làm cái trang demo cho vụ SuperSonic và CloudFlare luôn 😛

Khi bạn config như bài xong, load trang tầm 0.1-> 0.5s 😀


Related Posts

  1. Cloudflare CDN, DNS và Cache - UPDATE 2022
  2. manga.bibica.net
  3. Cache Rules Cloudflare - Cache siêu cấp vô địch cho WordPress
  4. Tối ưu hóa hình ảnh WordPress
  5. WP CloudFlare Super Page

21 thoughts on “SuperSonic và CloudFlare TTFB ~3x ms”

  1. Mình có dùng thử qua thì thấy supersonic thật sự tốt cho một số trang như blog hoặc site có nội dung tĩnh ít tương tác với người dùng sẽ tốt hơn.
    Với một số trang có phần user login thì hầu như không thể login được

    Reply
    • Lý do thì mình có nói trong các bài viết về CloudFlare rồi, vấn đề là FREE CloudFlare họ chỉ cho 3 rules và không cho dùng cookies, gói dùng được thì ~ $200 / 1 tháng :]]

      Muốn dùng triệt để, tận dụng cache từ CloudFlare thì các phần tương tác như comment bạn dùng Ajax hoặc dùng các hệ thống comment ngoài, ổn cả thôi 😀

      Reply
      • Mình chỉ gặp vấn đề phần login thôi! Mình thử mấy site và mấy lần thì mới phát hiện ra khi login nó đẩy về lại trang chủ như chưa từng login nhưng vào wp-admin vẫn bình thường. Khách ngoài login thì không thể vào đường phần bảng điều khiển của user!

        Hiện tại mình chuyển qua dùng plugin của CloudFlare thì hoàn toàn bình thường login và các chức năng hoạt động tốt nên đành chuyển qua CloudFlare !

        Reply
          • Thì mình nói là “nhưng vào wp-admin vẫn bình thường.” là phần bảng điều khiển người dùng ấy , của user bình thường ấy như WooComments login vào để check order này nọ thì không được!

        • Login vào sẽ thấy phần kiểu /?SuperSonic đằng sau ấy, phải dùng link đó mới coi được cái trang, kiểu kiểu thế

          Nói chung khi cache, nhất là còn cache bằng CloudFlare thì khá mệt ở các bước, tùy nhu cầu thôi, kiểu bạn có 1 trang 1 thật to, thuần view, lại không muốn tốn quá nhiều tiền cho hosting thì dùng CloudFlare quá tuyệt

          Còn dùng plugin của CloudFlare nó sẽ cache kiểu rất ngu học :]] bất kể admin, user, guest … bất cả ai vào trang đó lần đầu nó đều cache lại, kết quả là trang đó nếu admin vào, thì người tiếp theo vào cũng nhìn như là admin đang login ở phần comment và có cái viền đen quản trị ở phía trên ….

          Viền đen ta có thể bỏ đi, nhưng nó hiện cả tên người login ngay dưới comment thì mình không rõ khắc phục kiểu gì, chưa kể là khi có bất kì sửa xóa nào, nó đều xóa tất cả các cache có sẵn

          Reply
        • Giờ mới thấy cái comment này 😀

          WooComments thì mình vẫn thấy dùng WP Rocket đơn giản và hiệu quả nhất, dùng CloudFlare làm gì cho phiền hà 😛

          Reply
  2. Sao em đọc trong tool box thấy a sử dụng cloudflare còn xài thêm cache enabler nữa ?? Anh ko còn sử dụng super sonic nữa thì đổi wa plugin nào vậy a?

    Reply
    • Cloudflare là DNS, CDN, SSL 😀 còn Cache Enabler thì thi thoảng nghịch test cho vui xem speed xuống được tới đâu, chứ thường mình off vụ cache :]]

      SuperSonic dùng nó cho các trang tĩnh thì gần như vô đối luôn 😀

      Reply
  3. Chào AD
    Vậy mình dùng Woocommerce làm web bán hàng, không dùng chức năng đăng nhập, vậy cài Supperconic được không.
    Hiện mình dùng Cloudflare với LScache
    P/s: bài viết tuyệt

    Reply
    • Không chắc lắm, vì lúc test SuperSonic mình thử trên thèng bibica.net, không cài shop nên không rõ phần purge setting có không, chứ nếu sản phẩm có người mua, thay đổi số lượng mà không làm mới lại thì hãm lắm 😛

      Shop thì mình vẫn recommend dùng WP Rocket thôi 😀

      Mà thực tế giờ cũng không cần cache làm gì, vì Cloudflare có location Việt Nam rồi, chạy xé gió cả mà 😛

      Reply
      • Hi Ad
        Litspeed cache thì có chức năng Purge khi có sự thay đổi trên bài viết hoặc comment….
        Cho mình hỏi thêm chút khi mình thì báo lỗi trong Gtmetrix: Use cookie-free domains với Serve scaled images. Có bài nào của ad hướng dẫn phần này chưa. Tks ad.
        Chốt: vậy giờ không xài plugin Cache nào luôn ah. keke.

        Reply
        • Về điểm số thì đầu tiên bạn tham khảo bài này đã “Điểm Số GTmetrix, Pingdom … Liệu Có Quan Trọng?” (https://bibica.net/diem-so-gtmetrix-pingdom-lieu-co-quan-trong/)

          Thực tế điểm số, nó là một bài test để bạn có thể “tham khảo” thêm về cách config hiệu năng, xem coi có hợp lý không, chứ nó chẳng nói lên cái gì

          Kiểu bạn hướng tới traffic cho user từ VN, mà các trang check ở US báo trang bạn chậm thì cũng chẳng nói lên cái gì

          Về “Use cookie-free domains” thì không cần quan tâm, vớ vẩn thôi, còn “Serve scaled images” thì ý nó báo là kích thước hiển thị không đúng, kiếu đúng ra ở vị trí đó chỉ cần cái ảnh 200 x 200 px, mà bạn lại đang dùng cái ảnh 1920 x 1080, nó bị nặng hơn 1 cách quá đáng thôi 😛

          Về tốc độ thì mình nghĩ bạn tham khảo bài “Tăng Tốc, Tối Ưu Hóa Cho WordPress” (https://bibica.net/tang-toc-toi-uu-hoa-cho-wordpress/) cũng khá đầy đủ rồi, còn rảnh hơn thì cứ đọc hết các bài trên bibica.net cũng tương đối đủ hổ báo rồi 😛

          Thực tế bibica.net bạn cũng có thể thấy gần như ấn vào link mới chỉ mất tầm 1-2s là nó qua trang mới, load xong cả rồi mừ 😀

          Reply
          • Tks kiu Admin
            Có lẻ nghiên cứu trang ThachPham hơi lỗi thời rồi nhỉ, kaka. để mình nghiên cứu BIBICA.NET.

          • Viết tầm 3-6 tháng không update lại là đã thấy sai rồi 😀

            Mấy bài cũ giới thiệu Vultr, UpCloud … trên bibica.net giờ giá tiền, thông số phần cứng giờ sai cả rồi ấy chứ :]]

  4. Phiền Ad cho mình hỏi tí nhé!

    01. Mình dùng Webinoly để cài đặt website, trong đó mình có dùng FastCgi Cache. Giờ mình muốn dùng combo SuperSonic và Cloudflare thì mình có cần phải chạy dòng lệnh này của webinoly không: site example.com -cache=off.

    02. Hai plugin này có cần phải xóa không: Nginx Helper và Redis Object Cache?

    Mình cảm ơn ad nhiều nhé, bài viết rất chất lượng, hj!

    Reply
    • Ah, đầu tiên phải xem quan điểm dùng có cần cache không đã? vì cache hiệu quả nó chỉ cao nhất ở các trang traffic lớn, như dùng FastCgi thì chịu tầm 1000 người online 1 lúc, còn dùng sang cache bằng SuperSonic thì … gần như bao nhiêu người vào cũng chiến hết, vì lúc này tất cả traffic bị tống sang Cloudflare rồi, server bạn gần như không phải làm gì cả 😀

      Còn nếu trang bạn traffic lèo tèo kiểu thèng bibica.net, ngày tầm 30-40 lượt truy cập thì cache hay không cache cũng chẳng khác gì mấy đâu 😛

      Về ý 1-2 bạn hỏi thì cơ bản giống nhau, nôm na chỉ dùng 1 plugin cache duy nhất, không khi chạy sẽ đụng chạm, xóa hết các plugin cache đi xong rồi cài gì thì cài

      Reply
      • Cho mình hỏi thêm là mình có cần chạy dòng lệnh của Webinoly là site example.com -cache=off không?

        Ad giải thích dễ hiểu quá, cảm ơn ad nhiều!

        Reply
  5. dạ cho e hỏi là gói free của cloudflare thì cho phép liên kết vs tên miền nếu như e xoá tên miền đó đi thì có đc tạo tiếp nửa ko ạ

    Reply

Leave a Comment