Tăng tốc tối đa cho blog của bạn với CDN và W3 Total Cache!

Cách đây không lâu, Google đã xác nhận tốc độ load của website sẽ là một tiêu chí đánh giá thứ hạng trên bộ máy tìm kiếm Google năm 2010. Theo đó, một website có tốc độ load nhanh sẽ được ưu tiên hơn so với những trang có tốc độ load rùa bò. Điều này theo Misao nghĩ cũng là hợp lý vì hầu hết mọi người đều không đủ kiên nhẫn đợi một website load đến hàng phút mới xong.

Do đó, hôm nay Misao sẽ hướng dẫn các bạn cách tối ưu hóa tốc độ cho blog của mình bằng việc sử dụng W3 Total Cache và CDN (Content Delivery Network). Sau khi thực hiện theo hướng dẫn này, Misao tin rằng các bạn sẽ ngạc nhiên với tốc độ mới của blog mình.

Giới thiệu W3 Total Cache và CDN

W3 Total Cache là một plugin do Frederick Townes, CTO của Mashable kiêm CEO của W3 EDGE, phát triển dành cho nền tảng WordPress. W3 Total Cache là giải pháp tăng tốc độ cho blog của bạn một cách toàn diện bằng việc kết hợp sử dụng Cache, Minify và CDN.

CDN là thuật ngữ viết tắt của Content Delivery Network. Chúng ta có thể hiểu CDN là một mạng lưới máy tính trải dài trên toàn cầu. Chúng có nhiệm vụ lưu trữ những dữ liệu, hình ảnh, video trên blog của chúng ta và cung cấp cho người dùng gần nhất về mặt địa lý. Nhờ vậy blog của bạn sẽ rất nhanh tại bất cứ nơi nào trên thế giới.

Ví dụ:

Khi các bạn truy cập vào Misao’s Blog, các bạn sẽ thấy mọi hình ảnh trên blog được load từ địa chỉ cdn.misaoblog.com.

Nếu bạn đang ở Châu Âu, thay vì phải load ảnh từ máy chủ của Misao, hệ thống CDN sẽ tự động ra lệnh cho những máy chủ trong hệ thống của nó tại Châu Âu phục vụ bạn. Như vậy bạn sẽ thấy những hình ảnh trên Misao’s Blog load rất nhanh (vì chúng được load từ máy chủ Châu Âu rất gần nơi bạn ở). Tương tự nếu bạn ở Mỹ, Nga, Việt Nam…v.v

Một số nhà cung cấp CDN tốt

MaxCDN: Là công ty con của NetDNA nhà cung cấp CDN nổi tiếng thế giới. Hiện tại đang được sử dụng bởi những blog, website rất lớn như Mashable, Yoast, Webdesigner Depot, CopyBlogger…v.v. Hệ thống server của MaxCDN trải dài toàn cầu và sắp tới sẽ có thêm máy chủ tại HongKong, Singapore, Úc…v.v. Như vậy người dùng tại Việt Nam sẽ được lợi rất nhiều.

Đặc biệt hiện tại MaxCDN đang có khuyến mại chỉ 10$ cho 1000GB BW. Quá rẻ vì như Misao’s Blog hiện tại một tháng chỉ dùng hết khoảng 10-20GB. Như vậy với 10$ Misao có thể dùng cả năm không hết.

SimpleCDN: Không nổi tiếng như MaxCDN nhưng SimpleCDN lại miễn phí 20$ vào tài khoản cho người dùng mới. Đương nhiên với 20$ này thì bạn cũng dùng cả đời không hết vì giá cho 1GB BW chỉ vài cents.

Cấu hình MaxCDN

Sau khi thanh toán bạn sẽ được cấp 1 tài khoản để đăng nhập vào Control Panel của MaxCDN. Bạn sẽ thấy một giao diện như sau:

Lúc này, bạn hãy click vào mục Manage Zones. Và Click vào nút “Create Pull Zone”. Sau đó bạn điền như sau:

MaxCDN sẽ yêu cầu bạn CNAME domain

cdn.domain-của-bạn.com

sang domain dạng

xxx.xxx.net-dna.com

Bạn hãy gửi email nhờ support của nơi đang host làm giúp bạn việc đó. Đợi từ 12-24h để DNS cập nhật xong là bạn đã có thể sử dụng CDN rồi.

Cài đặt và cấu hình W3 Total Cache với MaxCDN

Sau khi tải về W3 Total Cache, các bạn vào WP-Admin->Plugins->Add New->Upload->Chọn W3 Total Cache và click Install.

Hoặc các bạn dùng FTP để upload W3 Total Cache vào thư mục wp-content/plugins sau đó vào WP-Admin->Plugins->Installed và Active nó là xong.

Bây giờ bạn hãy vào Settings->W3 Total Cache và cấu hình như sau:

Page Caching: Các bạn có thể chọn là Disk (enhanced) nếu đang dùng Shared Hosting. Nếu không thì nên chọn APC, XCache hoặc tốt nhất là Memcache nếu dùng VPS hoặc Dedicated Server. Tính năng này giúp bạn lưu cache cho blog dưới dạng HTML, giúp tăng tốc và giảm tải cho server. Tuy nhiên nếu blog của bạn dùng những plugin dạng dynamic như UserOnline thì tính năng này sẽ khiến chúng hoạt động không chính xác.

Nhưng Misao khuyên bạn nên Enable Page Caching vì lợi ích nó mang lại rất lớn.

Minify: Chọn Disk nếu dùng Shared Hosting, Memcache nếu có. Tính năng này tự động gộp tất cả các file css, javascripts trên blog bạn làm một. Tốc độ load nói chung cải thiện khoảng 10%. Sau khi Enable, bạn phải vào Minify Settings để add các file css và js blog bạn đang dùng vào.

Database Caching: Tương tự như Page Caching. Tính năng này tự động cache những database queries hay dùng và giúp giảm tải cho server cũng như tăng tốc cho blog. Nên chọn là Disk hay Memcache nếu có.

CDN: Chọn Enable. Ở đây Misao dùng MaxCDN dạng Original Pull nên chọn CDN Type là Mirror. Nếu bạn dùng SimpleCDN hay CDN dạng Original Push thì phải chọn là self-hosted. Sau đó các bạn vào mục CDN Settings-> Trong ô “Replace site’s hostname with” các bạn điền vào

cdn.domain-của-bạn.com (Tương ứng với custom domain khi tạo pull zone trong MaxCDN)

Kiểm tra kết quả

Các bạn có thể vào các trang sau để kiểm tra tốc độ sau khi dùng W3 Total Cache và CDN.

– http://tools.pingdom.com/
– http://www.websiteoptimization.com/services/analyze/

Cuối cùng, Misao xin chúc các bạn thành công trong việc tăng tốc cho website của mình. Hy vọng các bạn sẽ lên được Top 10 Google sau khi thực hiện hướng dẫn này. 🙂

104 Comments
  1. 16/03/2010
    • 16/03/2010
      • 16/03/2010
        • 16/03/2010
          • 17/03/2010
          • 17/03/2010
          • 17/03/2010
          • 17/03/2010
          • 17/03/2010
          • 17/03/2010
        • 17/03/2010
          • 17/03/2010
  2. 16/03/2010
    • 16/03/2010
  3. 16/03/2010
    • 16/03/2010
      • 16/03/2010
        • 16/03/2010
        • 16/03/2010
          • 16/03/2010
  4. 16/03/2010
    • 16/03/2010
      • 16/03/2010
        • 16/03/2010
          • 17/03/2010
  5. 16/03/2010
    • 16/03/2010
  6. 16/03/2010
    • 16/03/2010
      • 16/03/2010
  7. 16/03/2010
    • 16/03/2010
      • 16/03/2010
        • 16/03/2010
          • 17/03/2010
  8. 16/03/2010
    • 16/03/2010
      • 16/03/2010
        • 16/03/2010
  9. 16/03/2010
    • 16/03/2010
  10. 16/03/2010
    • 16/03/2010
      • 16/03/2010
      • 16/03/2010
        • 16/03/2010
    • 16/03/2010
      • 17/03/2010
        • 17/03/2010
  11. 16/03/2010
    • 17/03/2010
  12. 17/03/2010
    • 17/03/2010
  13. 17/03/2010
  14. 17/03/2010
    • 17/03/2010
  15. 18/03/2010
    • 18/03/2010
    • 18/03/2010
      • 18/03/2010
    • 23/03/2010
  16. 18/03/2010
    • 18/03/2010
      • 22/03/2010
  17. 18/03/2010
    • 18/03/2010
      • 18/03/2010
        • 18/03/2010
  18. 18/03/2010
    • 18/03/2010
      • 18/03/2010
  19. 20/03/2010
    • 20/03/2010
  20. 21/03/2010
    • 21/03/2010
  21. 22/03/2010
  22. 22/03/2010
  23. 24/03/2010
  24. 24/03/2010
    • 24/03/2010
  25. 25/03/2010
    • 25/03/2010
      • 25/03/2010
        • 26/03/2010
  26. 26/03/2010
    • 26/03/2010
      • 26/03/2010
        • 26/03/2010
  27. 27/03/2010
  28. 28/03/2010
  29. 29/03/2010
    • 29/03/2010
      • 03/04/2010
        • 03/04/2010
          • 04/04/2010
  30. 03/04/2010
  31. 03/04/2010
  32. 05/04/2010
  33. 06/04/2010
    • 06/04/2010
  34. 13/04/2010
    • 13/04/2010
  35. 15/04/2010
  36. 15/04/2010

Leave a Reply

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