VietNetwork.Vn

Mình thường nhận được lời khen ngợi từ người dùng về tốc độ tải trang web của mình. Mọi người đều muốn biết bí mật đằng sau một trang WordPress tải nhanh. Ngoài lưu trữ web tốt và các plugin được lập trình tốt, bạn phải đảm bảo rằng bạn đang sử dụng bộ nhớ Cache thích hợp và có CDN (mạng phân phối nội dung). Để thiết lập, mình sử dụng một plugin có tên là W3 Total Cache. Do số lượng yêu cầu lớn, mình đã quyết định tạo hướng dẫn từng bước về cách cài đặt và thiết lập W3 Total Cache cho người mới bắt đầu.

Trong bài viết này, mình sẽ hướng dẫn bạn cách cài đặt W3 Total Cache và thiết lập nó đúng cách để tối đa hóa lợi ích. Mình cũng sẽ chỉ cho bạn cách kết hợp W3 Total Cache với dịch vụ CDN để làm cho trang web của bạn tải nhanh hơn nữa.

Trước khi bắt đầu, mình thực sự khuyên bạn nên kiểm tra hiệu suất trang web của mình bằng cách sử dụng Google Page Speed và Pingdom Tools. Điều này sẽ cung cấp cho bạn một so sánh trước và sau.

1. W3 Total Cache là gì?

W3 Total Cache là plugin tối ưu hóa hiệu suất WordPress nhanh nhất và hoàn chỉnh nhất. Được tin cậy bởi nhiều trang web phổ biến bao gồm: AT&T, Mashable, Smashing Magazine và hàng triệu trang web khác. W3 Total Cache cải thiện trải nghiệm người dùng trên trang web của bạn bằng cách cải thiện hiệu suất máy chủ, lưu vào bộ nhớ Cache mọi khía cạnh của trang web, giảm thời gian tải xuống và cung cấp tích hợp mạng phân phối nội dung (CDN) minh bạch.

2. Cài đặt W3 Total Cache trong WordPress.

Trước khi cài đặt W3 Total Cache, bạn cần đảm bảo rằng bạn gỡ cài đặt tất cả các plugin bộ nhớ Cache khác (ví dụ: WP Super Cache). Nếu bạn không làm điều này trước khi cài đặt, plugin sẽ gặp sự cố khi kích hoạt.

Mình có một hướng dẫn rất kỹ lưỡng giải thích cách cài đặt một plugin WordPress mà bạn có thể làm theo. Hoặc bạn có thể làm theo hướng dẫn ngắn gọn dưới đây.

Đi tới bảng quản trị WordPress của bạn và nhấp vào Plugins >> Add New. Tìm kiếm "W3 Total Cache" và bạn sẽ thấy kết quả như hình dưới đây:


Nhấp vào nút Install Now và sau đó kích hoạt plugin.

3. Cấu hình của W3 Total Cache.

W3 Total Cache là một plugin rất mạnh mẽ, vì vậy nó có rất nhiều tùy chọn. Đây có thể là một điều tốt hoặc một điều xấu. Đối với những người biết cách sử dụng các tùy chọn này, nó là một mỏ vàng. Đối với hầu hết người mới bắt đầu, các tùy chọn này có thể khá phức tạp và khó hiểu.

Mình sẽ thăm chi tiết từng tùy chọn này để bạn có thể thiết lập W3 Total Cache một cách chính xác. Hãy bắt đầu với cài đặt chung.

3.1. Cài đặt chung (General Settings)

Bạn có thể truy cập trang General Settings bằng cách nhấp vào nút Performance trong bảng điều khiển quản trị WordPress của bạn. Đây là nơi bạn sẽ thiết lập plugin bằng cách cấu hình cài đặt cơ bản. Đảm bảo rằng bạn đang ở trang General Settings chứ không phải trang Dashboard quảng cáo mà plugin này có.


3.2. Page Cache là gì?

Tùy chọn đầu tiên mà bạn thấy trên trang này là Page Cache. Nó chịu trách nhiệm tạo các trang bộ Cache tĩnh cho mỗi trang được tải, vì vậy nó không được tải động khi mỗi lần tải trang. Bằng cách bật tính năng này, bạn sẽ giảm đáng kể thời gian tải của mình. Tham khảo hình ảnh bên dưới để biết cách hoạt động của Page Cache:


Như bạn có thể thấy bình thường khi người dùng truy cập trang web của bạn, WordPress chạy các tập lệnh PHP và truy vấn MySQL đến cơ sở dữ liệu để tìm trang được yêu cầu. Sau đó, PHP phân tích cú pháp dữ liệu và tạo một trang. Quá trình này chiếm tài nguyên của máy chủ. Việc bật bộ nhớ Cache trang, cho phép bạn bỏ qua tất cả tải máy chủ đó và hiển thị bản sao được lưu trong bộ nhớ cache của trang khi người dùng yêu cầu.

Đối với lưu trữ được chia sẻ mà hầu hết người mới bắt đầu sử dụng, phương pháp Disk:Enhanced được khuyến khích. Bạn nên chọn hộp Enable Page Cache và lưu tất cả cài đặt.


Đối với hầu hết mọi người, đây là tất cả những gì bạn cần làm với bộ nhớ Cache trang. Vì hướng dẫn này dành cho người dùng mới bắt đầu, mình sẽ bỏ qua cài đặt nâng cao của bộ Cache trang vì các tùy chọn mặc định là đủ.

Mình cũng sẽ bỏ qua Minify, Database Cache và Object Cache. Lý do đơn giản là vì không phải tất cả các máy chủ đều cung cấp kết quả được tối ưu hóa với các cài đặt này. Tùy chọn tiếp theo bạn sẽ thấy là Browser Cache.

3.3. Browser Cache là gì?

Mỗi khi người dùng truy cập một trang web, trình duyệt web của họ sẽ tải xuống tất cả hình ảnh, tập tin CSS, JavaScript và các tập tin tĩnh khác trong một thư mục tạm thời để nâng cao trải nghiệm người dùng. Bằng cách này khi cùng một người dùng chuyển sang trang tiếp theo, nó sẽ tải nhanh hơn nhiều vì tất cả các tập tin tĩnh đều nằm trong bộ nhớ cache của trình duyệt của họ.

Tùy chọn Browser Cache trong W3 Total Cache đặt giới hạn thời gian trên Browser Cache. Xem xét bạn không thay đổi logo website của mình mỗi ngày, việc có các tập tin tĩnh như vậy được lưu trong bộ nhớ cache trong 24 giờ không làm hại bạn.

Chỉ cần đánh dấu vào tùy chọn Enable trong Browser Cache và nhấp vào nút Save all settings. Khi bạn đã hoàn thành việc đó, hãy truy cập trang Performance >> Browser Cache để biết thêm cài đặt.


Như bạn có thể thấy trong hình trên, mình đã kích hoạt khá nhiều mọi thứ ngoại trừ 404. Khi bạn lưu cài đặt, tất cả cài đặt bên dưới trên trang đó sẽ tự động xử lý.

Trong các thiết lập WordPress miễn phí của mình, đây là các cài đặt mặc định mà mình bật.

3.4. CDN là gì?

CDN là viết tắt của Content Delivery Network cho phép bạn phân phát nội dung tĩnh của mình từ nhiều máy chủ đám mây thay vì chỉ một máy chủ lưu trữ. Điều này cho phép bạn giảm tải máy chủ và tăng tốc trang web của bạn.

Mình đã tạo một đồ họa thông tin về CDN là gì và Tại sao bạn cần CDN cho trang web WordPress của mình. Mình thực sự khuyên bạn nên kiểm tra nó để bạn có thể đưa ra quyết định sáng suốt.

W3 Total Cache hỗ trợ MaxCDN, Amazon S3, Rackspace Cloud và Amazon Cloud Front. Mình và các khách hàng của mình đang sử dụng MaxCDN. Phần này sẽ chỉ áp dụng cho các trang web đang sử dụng CDN hoặc đang có kế hoạch sử dụng CDN. Nếu bạn nghĩ rằng bạn sẽ sử dụng CDN, thì mình khuyên bạn nên sử dụng MaxCDN.

Điều đầu tiên bạn cần làm là tạo Pull Zones  trong bảng điều khiển MaxCDN của bạn. Đăng nhập vào tài khoản MaxCDN của bạn, nhấp vào Manage Zones và sau đó nhấp vào nút Create Pull Zone.


Trên màn hình tiếp theo, bạn sẽ được yêu cầu cung cấp thông tin chi tiết về pull zone của bạn.

• Pull Zone Name: Chỉ cần đặt bất kỳ tên nào cho pull zone này để bạn có thể xác định nó trong bảng MaxCDN của mình.
• Origin Server URL: Nhập URL trang web WordPress của bạn bắt đầu bằng https:// và kết thúc bằng dấu gạch chéo / ở cuối.
• Custom CDN Domain: nhập bất kỳ miền phụ nào, ví dụ:   Đăng nhập để xem liên kết
• Label: Cung cấp mô tả cho pull zone này.
• Compression: Bật nén sẽ giúp bạn tiết kiệm băng thông, vì vậy bạn nên chọn hộp này.

Ảnh chụp màn hình về cách các cài đặt được đề cập ở trên sẽ trông như thế nào:


Nhấp vào nút Create và MaxCDN sẽ tạo Pull Zone. Trên màn hình tiếp theo, nó sẽ hiển thị cho bạn một URL như sau "cdn.vietnetwork.vn", hãy sao chép và lưu URL này vào một tập tin văn bản bằng notập tinad vì chúng ta sẽ cần nó sau này.

Bây giờ chúng ta đã tạo Pull Zone, bước tiếp theo là thiết lập các content zones. Bạn có thể thực hiện việc này bằng cách truy cập trang tổng quan MaxCDN của mình. Nhấp vào nút quản lý bên cạnh Pull Zone mà bạn vừa tạo. Trên màn hình tiếp theo, nhấp vào tab Settings. Mục đích của việc tạo content zones là thêm miền phụ, để mình có thể cải thiện trải nghiệm người dùng bằng cách xếp hàng đợi nội dung từ các miền phụ khác nhau vào trình duyệt của người dùng. Để thực hiện việc này, hãy nhấp vào nút Custom Domains và thêm nhiều miền phụ. Xem ảnh chụp màn hình bên dưới:


Khi bạn đã thêm các miền tùy chỉnh, chỉ cần nhấp vào nút Update.

Bước tiếp theo là thiết lập bản ghi CNAME cho các miền phụ. Hầu hết các nhà cung cấp dịch vụ lưu trữ WordPress được đề xuất của chúng ta như Hostgator, Bluehost , v.v. đều cung cấp cPanel cho khách hàng của họ để quản lý các cài đặt khác nhau của dịch vụ lưu trữ của họ. Chúng ta sẽ mô tả cách thiết lập bản ghi CNAME trong cPanel.

Đăng nhập vào bảng điều khiển cPanel của bạn và sau đó nhấp vào Simple DNS Zone Editor trong Domains.


Trên màn hình tiếp theo, bạn sẽ thấy một biểu mẫu có hai trường. Nhập tên miền phụ bạn đã nhập trong khi tạo vùng nội dung. Ví dụ, bạn sẽ đặt cdn cho   Đăng nhập để xem liên kết.

cPanel sẽ tự động điền vào tên miền đầy đủ. Trong trường CNAME, hãy nhập URL do MaxCDN cung cấp khi bạn tạo Pull Zone. Đây là URL mà mình yêu cầu bạn lưu trong notepad.


Lặp lại quy trình cho tất cả các miền phụ của bạn, ví dụ: cdn1, cdn2, v.v. Hãy nhớ rằng chỉ trường tên sẽ thay đổi mỗi lần và trường CNAME luôn có URL do MaxCDN cung cấp cho Pull Zone của bạn. Khi bạn đã tạo bản ghi CNAME cho tất cả các miền phụ, đã đến lúc quay lại WordPress và thiết lập MaxCDN với W3 Total Cache.

Đi tới Performance >> General Settings. Cuộn xuống cho đến khi bạn tìm thấy hộp cấu hình CDN. Đánh dấu chọn Enable và chọn MaxCDN từ menu thả xuống Loại CDN. Nhấp vào nút Save All Settings.


Sau khi lưu cài đặt, bạn sẽ thấy một thông báo cho biết bạn cung cấp thông tin cho các trường "Authorization Key" và "Replace default hostname with" và chọn Pull Zone. Nhấp vào liên kết "Specify it here" và W3 Total Cache sẽ đưa bạn đến trang CDN.


Trên màn hình tiếp theo, nhấp vào nút Authorize. Thao tác này sẽ đưa bạn đến trang web MaxCDN, nơi bạn sẽ tạo khóa ủy quyền. Sao chép và dán khóa này trở lại trong W3 Total Cache. Trong "Replace site's host name with", hãy nhập tên miền phụ bạn đã tạo trước đó.


Lưu tất cả các cài đặt và đó là tất cả. Trang web của bạn hiện đã được cấu hình để phân phát các tập tin tĩnh bằng MaxCDN. Bây giờ nếu bạn tải trang web của mình, các URL hình ảnh sẽ được phân phát từ tên miền phụ CDN thay vì tên miền thực của trang web của bạn. Ví dụ:

  Đăng nhập để xem liên kết

Sẽ được thay thế bằng:

  Đăng nhập để xem liên kết

Bây giờ nếu bất kỳ tập tin tĩnh nào của bạn không tải bằng CDN, thì điều đó có thể có nghĩa là bạn sẽ cần chỉ định nó trong cài đặt danh sách tập tin tùy chỉnh trong W3 Total Cache. Mình phải làm điều đó cho plugin OIO Publisher mà mình sử dụng để phân phát quảng cáo. Nếu bạn truy cập trang cài đặt CDN, bạn sẽ thấy tùy chọn Advanced:


Chỉ cần thêm tất cả các tập tin / thư mục mà bạn muốn đưa vào CDN. Ngoài ra nếu bạn để ý, có một danh sách tập tin bị từ chối. Khi bạn thực hiện một bản cập nhật thiết kế nhỏ, style.css của bạn sẽ không cập nhật ngay lập tức. Vì vậy, bạn có thể đưa nó vào danh sách tập tin bị từ chối cho thời gian bạn đang thực hiện thay đổi. Nếu bạn chỉ muốn thanh lọc một lần, bạn có thể làm điều đó từ trang tổng quan MaxCDN của mình.

Mọi thứ mà mình đã đề cập đến bây giờ, sẽ hoạt động tốt trên hầu hết các tài khoản lưu trữ web. Tuy nhiên, W3 Total Cache đi kèm với nhiều tùy chọn khác. Mình sẽ cố gắng hết sức để giải thích chúng là gì và tại sao mình không bật chúng trên tất cả các trang web.

3.5. Làm nhỏ lại tập tin (Minify)

Minify chỉ đơn giản là giảm kích thước các tập tin tĩnh của bạn để tiết kiệm cho bạn từng kilobyte đơn lẻ mà bạn có thể. Tuy nhiên, đôi khi việc tạo tập tin thu nhỏ đó có thể tốn nhiều tài nguyên hơn thì tài nguyên đó sẽ tiết kiệm được. Mình không nói rằng đó là một chức năng khủng khiếp. Mình chỉ đơn giản nói rằng nó có thể không phù hợp nhất với mọi máy chủ. Mình đã nghe thấy nhiều người dùng phàn nàn về điều đó và máy chủ của mình (HostGator) đã khuyến nghị mình bỏ điều này đi.

Nếu bạn giống mình thì hãy lắng nghe nhà cung cấp dịch vụ lưu trữ web của bạn.

3.6. Bộ nhớ Cache cơ sở dữ liệu (Database Caching)

Bộ nhớ Cache cơ sở dữ liệu làm giảm tải máy chủ bằng cách lưu vào bộ nhớ Cache các truy vấn SQL. Điều này giúp loại bỏ thời gian xử lý truy vấn cơ sở dữ liệu (có thể không nhiều đối với các trang web nhỏ hơn). Khi mình bắt đầu sử dụng điều này, nó dường như đặt rất nhiều tải lên máy chủ của mình. Máy chủ của mình đã đề nghị mình tắt nó đi. Thay vào đó, họ đã bật bộ Cache SQL tích hợp sẵn cho mình. Một lần nữa, hãy tự chịu rủi ro khi sử dụng tùy chọn này. Bạn có thể dùng thử và xem nó ảnh hưởng như thế nào đến thời gian tải trang web của bạn. Sau đó, chỉ cần tắt nó đi, nếu tác động không đủ lớn.

Hầu hết các máy chủ không khuyến nghị điều này cho các tài khoản lưu trữ được chia sẻ.

3.7. Bộ nhớ Cache đối tượng (Object Caching)

Nếu bạn có một trang web năng động cao, thì việc sử dụng Bộ Cache đối tượng sẽ hữu ích. Điều này chủ yếu được sử dụng nếu bạn có các truy vấn cơ sở dữ liệu phức tạp và tốn kém để tạo lại. Đối với hầu hết người mới bắt đầu, hãy bỏ qua nó.
Bây giờ bạn đã thiết lập xong mọi thứ, cách tốt nhất là tạo bản sao lưu cho cấu hình bộ Cache tổng W3 của bạn.

Sau tất cả, mình đã trải qua rất nhiều điều trong bài viết này. Bạn sẽ cần quay lại Trang Cài đặt Chung của W3 Total Cache. Có một phần dành cho Cài đặt Nhập / Xuất. Nhấp để Tải xuống tập tin cấu hình từ máy chủ của bạn.

Mình hy vọng rằng bạn thấy bài viết này hữu ích. Đối với những người dùng vẫn chưa được hiểu được với khái niệm CDN, mình thực sự khuyên bạn nên thử. CDN làm việc với máy chủ web của bạn để giảm tải máy chủ và tăng hiệu suất trang web. Mình đang sử dụng MaxCDN và mình khuyên bạn nên làm như vậy. Hãy thử chúng chỉ trong một tháng và bạn sẽ thấy lý do tại sao mình đề xuất chúng.

Nếu bạn có bất kỳ câu hỏi nào, vui lòng hỏi trong phần bình luận bên dưới.