Cách tăng tốc web WordPress với CDN Amazon CloudFront và W3 Total Cache

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trang web bị chậm có thể do một số lý do. Từ việc tối ưu hóa kém và hình ảnh tạo nên trang đến việc chọn máy chủ lưu trữ chất lượng kém hoặc gói dịch vụ lưu trữ thiếu nhiều so với những gì trang web của bạn cần. Đừng buồn, có một giải pháp và tên của giải pháp này là CDN.

Nhưng điều mà nhiều người không biết là khi sử dụng WordPress, có thể giảm đáng kể tình trạng tải chậm của trang web.

Để có thể thực hiện được điều này, bạn sẽ cần sử dụng Plugin Cache. Nhưng, Cache là gì?

Cache là một phương tiện lưu trữ tệp trang web. Cache có thể nằm trên máy chủ hoặc thậm chí trong trình duyệt của bạn. Bạn đã bao giờ nhận thấy rằng khi bạn vào một trang web, thời gian tải lâu hơn so với lần tiếp theo khi bạn vào cùng một trang web đó?

Điều này là do thực tế đơn giản là trình duyệt của bạn lưu trữ các tệp tĩnh như hình ảnh, html, v.v. Bằng cách này, lần sau khi bạn truy cập trang web, thay vì yêu cầu trên máy chủ nơi trang web được lưu trữ, nó sẽ trong trình duyệt của riêng bạn, hiển thị nhanh hơn các tệp đã được lưu trữ trong đó.

Nếu bạn muốn kiểm tra, hãy truy cập cài đặt trình duyệt của bạn và xóa tất cả bộ nhớ cache, lịch sử, v.v. Bạn sẽ thấy rằng trong lần duyệt tiếp theo, các trang web sẽ có vẻ chậm hơn và hình ảnh sẽ tải chậm hơn. Đó là bởi vì trong lần truy cập đầu tiên, các yêu cầu đến từ máy chủ nơi lưu trữ trang web.

Có các tính năng trên máy chủ lưu trữ như bộ đệm véc-ni đã cung cấp một hệ thống hiệu quả cao để lưu vào Cache toàn bộ trang web của bạn.

Trang web động

Với sự xuất hiện của các trang web động, tức là các trang web kết nối và lưu trữ dữ liệu trong cơ sở dữ liệu, thì tốc độ chậm lại càng trở nên lớn hơn. Mỗi khi bạn truy cập một trang, nội dung hiển thị trên đó sẽ được in ra thông qua kết nối mà trang web có với cơ sở dữ liệu và các bảng của nó nơi lưu trữ nội dung.

Vì lý do này, các trang web “tĩnh”, tức là, không có kết nối cơ sở dữ liệu tải nhanh hơn, vì chúng không cần yêu cầu này.

Và để giảm bớt điều này, nhiều hệ thống tối ưu hóa bao gồm cơ sở dữ liệu được lưu trong bộ nhớ cache để tối ưu hóa yêu cầu của bạn.

CDN là gì?

Mạng phân phối nội dung hay còn gọi là CDN là một tính năng cho phép bạn đưa yêu cầu của người dùng đến gần máy chủ hơn.

Khi bạn lưu trữ một trang web trên một máy chủ có máy chủ của bạn được đặt tại Hoa Kỳ, yêu cầu đối với trang web đó nằm cách xa máy chủ đó sẽ lớn hơn yêu cầu đối với những người cư trú gần máy chủ đó.

Vì vậy, theo một cách rất đơn giản, bất kỳ ai sống gần nơi lưu trữ trang web của bạn sẽ có yêu cầu nhanh hơn, do đó cũng khiến trang web tải nhanh hơn.

Những gì CDN làm về cơ bản là khu vực hóa lưu trữ dữ liệu, giúp các máy tính từ các vùng khác nhau trên hành tinh truy cập chúng dễ dàng hơn.

Nó lưu trữ một số nội dung nhất định trên các máy chủ trải rộng ở nhiều phần khác nhau, do đó cho phép phân phối nội dung một cách hiệu quả bất kể việc truy cập diễn ra ở đâu.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Giảm thời gian và chi phí

CDN thành công không chỉ vì nó tăng tốc độ truyền dữ liệu giữa máy chủ và máy tính của bạn, mà còn vì chúng là giải pháp rẻ hơn so với việc duy trì cấu trúc của riêng bạn để thực hiện dịch vụ, đặc biệt nếu đối tượng mục tiêu của trang web trải rộng trên một số khu vực trên thế giới – hoặc của một quốc gia rộng lớn như Việt Nam.

Amazon CloudFront

Amazon CloudFront là mạng phân phối nội dung (CDN) do Amazon Web Services cung cấp. Trong bài viết này, chúng tôi sẽ tích hợp blog WordPress của bạn với Amazon CloudFront thông qua Plugin W3 Total Cache.

Bước đầu tiên là tạo tài khoản Amazon AWS. Trong DashBoard, bạn sẽ có một số dịch vụ từ Amazon, chẳng hạn như CloudFront.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Tuy nhiên, trước khi truy cập dịch vụ, bạn phải tạo người dùng có quyền thích hợp để sử dụng tài nguyên. Điều tôi khuyên bạn là bạn nên tạo một tên người dùng và mật khẩu duy nhất cho việc sử dụng này. Để thực hiện việc này, ở đầu trang ở phía trên bên phải, hãy chuyển đến Thông tin đăng nhập bảo mật.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Khi truy cập khu vực thông tin xác thực, ở bên phải nhấp vào “Người dùng” và sau đó, “Tạo người dùng mới”.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Như đã nêu trước đó, tốt nhất nên tạo một người dùng duy nhất để sử dụng CDN.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trong ví dụ của chúng tôi, tôi đã tạo một người dùng có tên là “blogcdn”. Nhấp vào “Tạo.” Sau đó, bạn sẽ phải nhấp vào “Hiển thị thông tin đăng nhập bảo mật của người dùng” để có quyền truy cập vào thông tin đăng nhập của người dùng đã tạo này.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Cả  ID khóa truy cập và Khóa truy cập bí mật sẽ được sử dụng để định cấu hình W3 Total Cache, vì vậy hãy lưu chúng trong trình soạn thảo văn bản, tốt nhất là hoặc tải xuống các khóa bằng cách nhấp vào nút “Tải xuống thông tin đăng nhập” ở góc dưới bên phải của màn hình.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Bây giờ bạn đã tạo người dùng và có khóa bảo mật? Bây giờ chúng ta cần cấp quyền dịch vụ CloudFront cho người dùng đã tạo.

Để thực hiện việc này, hãy nhấp vào “Đóng”, ở góc dưới bên phải, bên cạnh nút tải xuống thông tin đăng nhập. Bạn sẽ thấy danh sách với những người dùng đã tạo xuất hiện trên màn hình.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Nhấp vào tên người dùng đã tạo và trên màn hình tiếp theo, nhấp vào tab “Quyền”.

Bây giờ, hãy nhấp vào nút “Đính kèm chính sách”.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trên màn hình tiếp theo, trong trường tìm kiếm, bạn sẽ nhập thuật ngữ ‘CloudFront’. Lưu ý rằng 2 phiên bản dịch vụ xuất hiện trên màn hình. Một cho chỉ đọc và một cho toàn quyền truy cập. Chọn cả hai tùy chọn và nhấp vào nút “Đính kèm chính sách” ở góc dưới bên phải của màn hình.

CloudFront10

Sẵn sàng! Từ bây giờ, người dùng đã tạo của bạn có toàn quyền truy cập vào dịch vụ CloudFront.

CloudFront11

Bây giờ chúng ta đã tạo người dùng, hãy tạo bản phân phối. Quay lại trang chủ bảng điều khiển Amazon AWS và nhấp vào dịch vụ CloudFront.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trên màn hình tiếp theo, hãy nhấp vào “Tạo phân phối”.

Trong bước tiếp theo, nhấp vào ‘Bắt ​​đầu’ trong tab Web.

ach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trong bước tiếp theo. Chỉ cần điền vào trường tên phân phối, tốt nhất là với trang web của bạn.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trường “Đường dẫn gốc” được tạo tự động từ “Tên miền gốc”.

Sau đó, cuộn xuống cuối và nhấp vào nút “Tạo phân phối”.

Phân phối sẽ được bật, nhưng nó sẽ ở trạng thái “Đang tiến hành” trong khoảng 15 phút.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Nhấp vào bản phân phối đã tạo này, nhấp vào liên kết trong cột “ID”, nghĩa là trong ví dụ của chúng tôi, chúng tôi nhấp vào “ER1E47GM7TQMB”.

Bạn sẽ nhập cài đặt phân phối.

Ghi lại tiền tố tên miền của bản phân phối đã tạo, vì chúng ta sẽ cần nó sau này.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Tóm tắt Opera cho đến nay!

Chúng tôi đã tạo một người dùng, tải xuống thông tin đăng nhập và cấp cho người dùng đó quyền sử dụng dịch vụ CloudFront của Amazon. Bây giờ, hãy cấu hình dịch vụ được tích hợp vào Plugin W3 Total Cache.

Đầu tiên, tải xuống plugin từ liên kết này và cài đặt nó.

Plugin có nhiều cấu hình, nhưng tôi khuyên bạn nên thực hiện cấu hình rất cẩn thận, vì bất kỳ cấu hình sai nào có thể gây ra sự cố nghiêm trọng trên trang web của bạn.

Sau khi cài đặt Plugin, ở phía bên phải, nhấp vào “Hiệu suất” và sau đó nhấp vào “Cài đặt chung”.
cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Trong cài đặt “Bộ đệm trang”, chọn “Bật”.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Cuộn xa hơn và đi đến “Brose cache”. Bật tùy chọn.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Ngay bên dưới “Browse Cache”, hãy bật dịch vụ CDN cho plugin và chọn dịch vụ CloudFront.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Nhưng hãy cẩn thận! Trong “Loại CDN”, chọn “Amazon CloudFront” từ “Origin Pull / mirror”, như thể hiện trong hình dưới đây.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Sau khi bật CDN và chọn loại, hãy lưu cài đặt bằng cách nhấp vào “Lưu tất cả cài đặt”.

Bây giờ, quay lại mục “Hiệu suất” trên menu bên và chuyển đến mục “CDN”.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Sâu hơn một chút, trong phần “cấu hình”, chúng tôi sẽ bắt đầu tích hợp với bản phân phối mà chúng tôi đã tạo trên Amazon CloudFront.

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

  1. Nhập ID khóa truy cập bạn đã sao chép hoặc lưu từ Amazon.
  2. Insira một chìa khóa bí mật
  3. Nguồn gốc sẽ tự động xuất hiện sau khi thiết lập CDN tại đây, vì vậy khi bạn lưu cài đặt, địa chỉ trang web của bạn sẽ xuất hiện ở đó.
  4. Trong trường này, bạn sẽ phải nhập tiền tố tên miền của bản phân phối đã tạo này. Chúng tôi đã thấy điều này trong quá trình tạo bản phân phối, như thể hiện trong hình ảnh bên dưới:

cach-tang-toc-web-wordpress-voi-cdn-amazon-cloudfront-va-w3-total-cache

Tái bút: Chỉ cần nhập tiền tố.

5. Bạn có thể tạo trên máy chủ của mình một chú thích CNAME cho một miền phụ, nghĩa là, một cái gì đó như cdn.yoursite.com.br hoặc static.yoursite.com.br. Để thực hiện việc này, hãy định cấu hình trỏ hoặc chuyển hướng trực tiếp này trên máy chủ của bạn hoặc mở một vé cho máy chủ của bạn để thực hiện cấu hình này. Chú thích không chỉ dành cho tiền tố tên miền phân phối, mà cho tất cả tiền tố đó, như được hiển thị bên dưới:

d1ya6xvwacpff8.cloudfront.net> cdn.seusite.com.br

Bằng cách này, ví dụ: hình ảnh trên trang web sẽ mở ra như sau: http://cdn.seusite.com.br/wp-content/uploads/2016/01/logo1.png thay vì theo cách này: http://cdn.seusite.com.br/wp-content/uploads/2016/01/logo1.png / d1ya6xvwacpff8. cloudfront.net/wp-content/uploads/2016/01/logo1.png.

Sau khi hoàn tất tất cả, hãy nhấp vào lưu cài đặt, mở trang web của bạn và mở hình ảnh trong cửa sổ mới để đảm bảo rằng nó đã được định cấu hình với Amazon CloudFront CDN.

Đề xuất ĐọcThiết kế Website – Mọi Trang Web Cần Phải Có? Mọi Thứ Bạn Nên Biết

BÀI VIẾT LIÊN QUAN
5-sai-lam-pho-bien-khi-xay-dung-mot-trang-web

5 sai lầm phổ biến khi xây dựng một trang web

bởi admin
Xây dựng một trang web là một ý tưởng tốt, nhưng nó có vẻ khó khăn đối với những người...
gian-lan-the-tin-dung-trong-website-truc-tuyen

Gian lận thẻ tín dụng trong Website trực tuyến

bởi admin
Các gian lận bằng thẻ tín dụng tại các Website trực tuyến tạo thành một nguy cơ lớn đối với sự...
5-plugin-ma-trang-web-wordpress-cua-ban-can-phai-co

5 plugin mà trang web WordPress của bạn cần phải có

bởi admin
Plugin, còn được gọi là mô-đun hoặc tiện ích mở rộng, là các tính năng có thể được thêm vào...
tim-hieu-5-y-tuong-thiet-ke-chinh-cho-trang-web

Tìm hiểu 5 ý tưởng thiết kế chính cho trang web

bởi admin
Một trang web không thành công chỉ vì thiết kế của nó hoặc nội dung mà nó trình bày cho...
cach-thiet-ke-trang-web-hoan-thien-tung-buoc

Cách thiết kế trang web: hoàn thiện từng bước

bởi admin
Trang web là gì? Nói một cách đơn giản, trang web là một tập hợp các trang web có liên...
thiet-ke-responsive-la-gi-va-tai-sao-trang-web-lai-can-no

Thiết kế responsive là gì và tại sao trang web lại cần nó?

bởi admin
Thuật ngữ thiết kế responsive ngày càng xuất hiện trong các cuộc khảo sát của những người đang tìm kiếm...
BÀI VIẾT XEM NHIỀU
error: Content is protected !!