Cách tăng tốc trang web WordPress của bạn với CDN77

Trong bài viết trước của chúng tôi, chúng tôi đã khám phá những lợi ích của việc có dịch vụ CDN với WordPress và tại sao CDN là một trong những cách tốt nhất để tăng tốc WordPress nhiều lần trước đây trên blog. . Chúng tôi đã quan sát hiệu suất tăng bao nhiêu nếu khách truy cập của bạn ở xa máy chủ của bạn. Chúng tôi hy vọng điều đó đã thu hút sự quan tâm của bạn bởi vì trong bài viết hôm nay, chúng tôi sẽ thực hiện hướng dẫn từng bước về cách tạo tài nguyên CDN tại CDN77 và cách điều chỉnh chính xác. Sau đó, chúng tôi sẽ cài đặt một bộ plugin cụ thể trên WordPress và sau đó kiểm tra xem mọi thứ có hoạt động tốt không.


Bước đầu tiên trong hướng dẫn của chúng tôi sẽ là tạo tài khoản CDN77. Trong trường hợp bạn không có tài khoản nào, CDN77 cung cấp bản dùng thử 14 ngày miễn phí. Việc đăng ký chỉ mất vài phút. Sau đó, chúng tôi thực sự sẽ tạo Tài nguyên CDN bằng cách nhấp vào Tạo Tài nguyên CDN mới (trong tab CDN). Với mục đích của bài viết này, chúng tôi sẽ triển khai CDN trên blog phim được lưu trữ trên Trung tâm dữ liệu ở Las Vegas.

cdn77-with-wordpress-03

Vì chúng tôi sẽ triển khai một giải pháp HTTPS đầy đủ, chúng tôi sẽ sử dụng HTTPS mới tại CDN77. Tùy chọn này đảm bảo việc truyền dữ liệu từ máy chủ của bạn đến máy chủ CDN.

Nếu trang web của bạn chạy ở chế độ SSL, bạn hoàn toàn cần tạo tài nguyên chỉ SSL tại CDN77. Nếu không, bạn có nguy cơ lỗi nội dung hỗn hợp. Loại lỗi này xảy ra khi trình duyệt đang chạy ở chế độ SSL và đột nhiên cố tải tài nguyên thông qua yêu cầu HTTP không an toàn.

cdn77-with-wordpress-04

Cách thiết lập SSL tại CDN77

Chúng tôi có thể thiết lập chứng chỉ SSL miễn phí theo 2 cách. Chúng tôi có thể sử dụng chứng chỉ SSL được chia sẻ cho tên miền phụ tại xxx.c.cdn77.org hoặc chúng tôi có thể sử dụng CNAME của riêng mình (xem hình trên). Nói chung, chúng tôi khuyến khích sử dụng CNAME như cdn.yoursite.com.

Nếu bạn dùng giải pháp chia sẻ CDN77, không cần thêm các bước nữa để tên miền phụ SSL hoạt động bình thường.

Trong trường hợp này, chúng tôi sẽ thiết lập một CNAME. Điều này có nghĩa là nội dung của trang web của chúng tôi sẽ có thể truy cập qua HTTPS ngay lập tức nếu chúng tôi thay thế trang web của chúng tôi bằng cdn.ourdomain. Với CDN77, có được SSL chỉ là một vài cú nhấp chuột.

Tinh chỉnh nó !

Khi bạn tạo tài nguyên, điều đầu tiên cần xem xét là menu Cài đặt khác. Nếu bạn sẽ sử dụng HTTPS, điều bắt buộc là phải bật HTTP / 2. Sự cải thiện tốc độ giữa HTTP / 1.x và HTTP / 2 bình thường là rất lớn. CDN77 sẽ hoạt động ở chế độ HTTP / 2 trong tài nguyên HTTPS của bạn theo mặc định, giảm thời gian của bạn xuống một nửa.

Nếu bạn đang đi qua HTTPS, bạn cũng cần thực hiện chuyển hướng 301 để tuân thủ các tiêu chuẩn của Google cho HTTPS, hãy bật chuyển hướng HTTPS.

Để có hiệu suất tối ưu, cho phép bỏ qua tất cả trong Chuỗi truy vấn bỏ qua. Trừ khi trang web của bạn đang chạy nội dung được tải động cần được cập nhật hàng giờ, bạn có thể thoát khỏi chuỗi truy vấn và bỏ qua tất cả, điều này sẽ làm tăng đáng kể hiệu năng của bộ đệm & trang web.

CDN77 cũng cung cấp tùy chọn Hết hạn Cache. Trong trường hợp bạn tải rất nhiều hình ảnh, điều này nên được đặt thành cài đặt cao nhất có thể, đó là 12 ngày.

Trong hướng dẫn này, chúng tôi sẽ xem xét tốc độ ở nơi đầu tiên. Do đó CDN sẽ chỉ cung cấp cho chúng tôi nội dung tĩnh hình ảnh, mọi thứ khác sẽ được tải từ máy chủ gốc.

Tại sao không sử dụng CDN cho Javascript & CSS, bạn có phải là người không?

Hãy nhớ trong bài viết trước của chúng tôi, chúng tôi đã nói về cách hiệu suất CDN có thể thay đổi khi nội dung không có sẵn trên nút được yêu cầu của mạng CDN. Chà, nếu tệp chưa được lưu trong bộ nhớ cache là tệp CSS, thời gian tải sẽ tăng lên và nó có thể ảnh hưởng tiêu cực đến hiệu suất của bạn. Điều này có thể ảnh hưởng đến tốc độ kết xuất trang web của bạn nhiều hơn so với việc bạn quyết định không cung cấp CSS với CDN.

Các tệp CSS & Javascript rất quan trọng để tải trang web trên bất kỳ trình duyệt nào và chúng không nên là một chủ đề của cơ chế bộ đệm giống như trong các dịch vụ CDN. Mặc dù, bạn có thể tạo tài nguyên tĩnh trên CDN để kết xuất các tệp quan trọng này. Đây là một kỹ thuật nâng cao hơn sẽ yêu cầu bạn điều chỉnh WordPress của mình đến một mức độ vượt quá phạm vi của hướng dẫn này.

Khi chúng tôi đã chỉnh sửa mọi thứ, chúng tôi có thể chuyển sang tab menu trung tâm dữ liệu.

cdn77-with-wordpress-07

CDN77 cung cấp một cách thuận tiện để bật / tắt từng nút trong mạng của họ. Vấn đề là chọn cẩn thận những nút nào được sử dụng tích cực nhất. Điều này rất dễ tìm hiểu, chỉ cần theo dõi độc giả của bạn.

Khi bạn biết những nút nào bạn cần, bạn nên vô hiệu hóa tất cả các nút có thể phân phối. Có một lời giải thích đơn giản cho vấn đề này: Bạn càng có nhiều nút trên mạng của mình, thì càng mất nhiều thời gian để cập nhật tất cả, do đó, hiệu suất của bạn bị ảnh hưởng. Theo nguyên tắc chung, khi bạn giảm số lượng nút, bạn cũng sẽ tăng hiệu suất bộ đệm. Chọn một cách khôn ngoan.

Khi bạn kiểm tra hiệu suất trang web của bạn lần đầu tiên, thanh lọc và tìm nạp trước có thể có ích Purge sẽ đẩy một nội dung cụ thể ra khỏi mạng CDN, nó rất tiện dụng nếu bạn thay đổi nội dung và cần xóa bộ đệm để cập nhật. Tìm nạp trước sẽ làm ngược lại, nó sẽ buộc một nội dung cụ thể vào bộ đệm CDN.

cdn77-với-wordpress-10

Khi bạn đã định cấu hình mọi thứ, bạn có thể trỏ CNAME vào tên miền của riêng bạn. Để làm điều đó, bạn phải tạo một quy tắc trong công ty đăng ký hoặc bảng điều khiển lưu trữ của bạn trong phần DNS và trỏ cdn.yourdomain.com của bạn đến CNAME xxx.rsc.cdn77.org như trong hình, điều này sẽ hướng dẫn DNS để chuyển hướng tất cả lưu lượng truy cập của tên miền phụ của bạn đến địa điểm thực tế cần có. Đừng lo lắng, nó đã thắng được ảnh hưởng đến hiệu suất. Ngoài ra, nó cũng phục vụ mục đích cho độc giả của bạn biết rằng bạn đang sử dụng một cdn.yourdomain.com trông lạ mắt.

Nếu bạn thích sử dụng địa chỉ cdn77.org, bạn không cần phải làm gì cả, chỉ cần sử dụng địa chỉ đó khi thay thế nội dung của bạn trong WordPress.

Bên WordPress

Về phía WordPress, chúng tôi cần thêm một plugin để nó hoạt động chính xác. Chúng tôi sẽ sử dụng Trình tạo CDN, một plugin miễn phí tiện dụng. Lý do để sử dụng plugin này rất đơn giản – phần lớn các plugin CDN đã giành được cho phép kiểm soát chi tiết như vậy đối với các thư mục bạn gửi đến CDN. Plugin này thực hiện và nó rất quan trọng đối với trường hợp của chúng tôi vì chúng tôi không muốn bao gồm bất kỳ tệp Javascript hoặc CSS nào, chỉ những hình ảnh được tải lên.

cdn77-with-wordpress-14

Sau khi cài đặt, bạn có thể tìm thấy plugin ngay tại đây

cdn77-with-wordpress-15

Hãy để tinh chỉnh nó !

cdn77-with-wordpress-16

Hãy nhớ khi chúng ta nói về tùy biến? Đây là một thực tế quan trọng nhất về cách thiết lập CDN đúng cách trên WordPress. Phần lớn các plugin CDN sẽ cho bạn biết bao gồm một thư mục cho CDN để sao chép lại và họ thường bảo bạn bao gồm nội dung wp. Điều đó rất tốt cho một cài đặt chung nhưng nó không tốt cho hiệu suất của bạn vì thư mục nội dung wp chứa đầy một thư mục rất nhạy cảm khác, thư mục plugin và chủ đề, bao gồm cả tấn tệp Javascript & CSS. Bạn có thể mất hiệu năng khi chúng được lưu vào bộ nhớ cache như đã thảo luận trước đó.

Vì vậy, làm thế nào để chúng tôi sửa lỗi này? Chúng tôi chỉ đơn giản bao gồm thư mục wp-content / tải lên. Một giải pháp đơn giản như vậy!

Bạn có thể bị sốc, phần lớn các plugin xử lý CDN sẽ không cho phép bạn làm điều này. Chỉ bao gồm thư mục con này sẽ hướng dẫn CDN của bạn vào thư mục tải lên của bạn, tức là chỉ ảnh của bạn.

cdn77-with-wordpress-17

Việc làm mới đơn giản trang web sẽ cho phép CDN lấy nội dung cho bạn. Trong ví dụ này, chúng tôi đã mở Tab Nhà phát triển Firefox (F12) và tìm kiếm hình ảnh đầu tiên. Bạn có thể thấy rõ rằng liên kết đã được thay thế và hiện tại nó đang được tải trực tiếp từ CDN thay vì máy chủ của chúng tôi!

Trước và sau

Hãy để xem làm thế nào tất cả điều này bật ra !

Ở màn hình bên trái, chúng ta có thể thấy thời gian tải trang web từ Thụy Điển (cách xa máy chủ của chúng tôi ở Las Vegas, nhớ không?) Ở màn hình bên phải, chúng ta có thể thấy hiệu suất tăng lên, thời gian là gần như cắt làm đôi! Tất cả các tệp thiết yếu vẫn đang tải từ máy chủ của chúng tôi ở Las Vegas nhưng các tệp nặng, như hình ảnh đang tải từ nút ở Thụy Điển.

Kết thúc

Hy vọng, bạn đã học được một cách mạnh mẽ để triển khai CDN vào trang web WordPress của mình. Một số kỹ thuật không xâm phạm, chẳng hạn như các tệp CSS & Javascript cần thiết cho tốc độ tải trang web. Bây giờ bạn có thể tận dụng mọi lợi thế của CDN và đồng thời giảm thiểu nhược điểm của nó. Chúng tôi hy vọng bạn sẽ cung cấp bản dùng thử CDN miễn phí và sử dụng các mẹo trong bài viết này để xem bạn có thể tăng tốc trang web WordPress của mình không. Chúng tôi hy vọng bạn thích bài viết này! Như thường lệ, để lại bất kỳ câu hỏi hoặc nghi ngờ trong các ý kiến ​​dưới đây.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map