Hướng Dẫn WP Rocket Toàn Diện Để Tăng Tốc Website

Hướng Dẫn WP Rocket Toàn Diện Để Tăng Tốc Website
David Kaufmann
Hướng dẫn SEO
26 min read

Tối ưu tốc độ tải trang ngày càng quan trọng vì ảnh hưởng của nó đối với thứ hạng công cụ tìm kiếm và, tất nhiên, đối với trải nghiệm của người dùng với website của chúng ta. Trong hệ sinh thái WordPress, các plugin khác nhau đã cùng tồn tại trong nhiều năm, như WP Super Cache, W3 Total Cache, Swift Performance và WP Rocket.

Chúng tôi muốn tổng hợp một hướng dẫn đầy đủ về cái cuối cùng để bạn không bị lạc trong nhiều tùy chọn của nó và đạt được hiệu suất tốt nhất từ tốc độ tải website của bạn. Bắt đầu thôi!

WP Rocket là gì?

WP Rocket là một plugin được sinh ra như một giải pháp cho các tối ưu cache khác nhau trong WordPress. Hôm nay nó còn nhiều hơn thế, và chúng ta không chỉ có thể tối ưu cache, mà còn thực tế tất cả mọi thứ liên quan đến tối ưu hiệu suất tải website.

Để chứng minh tác động của nó, hãy xem hiệu suất của site riêng của chúng tôi VỚI và KHÔNG CÓ WP Rocket:

Kết quả GTMetrix
Kết quả GTMetrix

Tại sao dùng WP Rocket?

Mặc dù chúng tôi đã nói rằng có những phương án khác cho tối ưu WPO, và mọi người tự do sử dụng bất kỳ phương án nào họ thấy phù hợp, trong trường hợp của chúng tôi chúng tôi có sự ưu tiên đặc biệt cho WP Rocket. Giao diện trực quan của nó hoạt động chỉ với một cú nhấp vào ô đánh dấu, các tùy chọn đa dạng nó cung cấp cho cấu hình cache và tải tài nguyên, làm cho WP Rocket trở thành lựa chọn yêu thích của chúng tôi trong tất cả các tùy chọn.

Giả sử chúng ta không có vấn đề khi cài đặt WP Rocket, hãy bắt đầu giải thích giao diện của nó và các tùy chọn khác nhau có sẵn để tối ưu. Khi bạn nhấp vào tab dashboard, màn hình sau xuất hiện:

menu chính wp rocket
menu chính wp rocket

Một thông điệp chào mừng và các tùy chọn ban đầu chúng ta có thể để yên, nhưng chúng tôi sẽ giải thích ở đây.

Tài Khoản Của Tôi

Nếu bạn đã mua WP Rocket, ô "Xem tài khoản của tôi" sẽ đưa bạn đến trang người dùng WP Rocket để, một khi ở đó, bạn có thể hoàn thành và kiểm tra mọi thứ liên quan đến hồ sơ người dùng của mình: Dữ liệu, hóa đơn, v.v.

RocketCDN

RocketCDN là một dịch vụ CDN mà WP Rocket đã cung cấp tương đối gần đây. Mục tiêu là cung cấp các công cụ cần thiết để đạt được hiệu suất tốt nhất mà không cần tìm kiếm các giải pháp ngoài plugin. Có các dịch vụ CDN rất phổ biến và hiệu quả không kém như Cloudflare hoặc Amazon CloudFront.

đăng ký hàng tháng cho wprocket cdn
đăng ký hàng tháng cho wprocket cdn

Trạng Thái Của Tôi

Trong tùy chọn này chúng ta có hai công tắc để bật:

  • Rocket Tester: đây là chương trình cải tiến WP Rocket để kiểm tra các phiên bản BETA của họ. Bạn phải liên hệ với họ qua email.

  • Rocket Analytics: Bạn đồng ý chia sẻ dữ liệu hiệu suất WordPress của mình một cách ẩn danh với đội phát triển để giúp cải thiện WP Rocket.

Có ít điều để nói ở đây, đây là một quyết định cá nhân không nên ảnh hưởng đến hiệu suất.

Cấu Hình Cache trong WP Rocket

Đã đến lúc đi vào các tùy chọn cấu hình và chúng ta sẽ bắt đầu với cache:

tùy chọn cache wp rocket
tùy chọn cache wp rocket

Trong tab thứ hai của plugin, chúng ta có thể thấy những tùy chọn cache nó cung cấp cho chúng ta. Hãy nhớ rằng trong WP Rocket chúng ta đang tối ưu cache trang và, như chúng ta sẽ thấy bây giờ, chúng ta cũng có một tùy chọn cho người dùng đã đăng nhập, nhưng chúng ta phải cẩn thận với tùy chọn này.

Cache Di Động

Thông thường, khi chúng ta nói về di động chúng ta cũng bao gồm máy tính bảng, nhưng lần này chúng ta chỉ nói về thiết bị di động. WP Rocket phát hiện thông qua user agent rằng chúng ta đang duyệt từ smartphone.

Chúng ta sẽ luôn bật tùy chọn này, vì theo nguyên tắc chung, thiết kế desktop và di động là khác nhau, trừ khi chúng ta không có phiên bản responsive, tùy chọn này sẽ luôn được bật. Để rõ ràng, tại sao chúng ta muốn được phục vụ 2 phiên bản cache nếu thiết kế giống nhau? Nói cách khác, nếu chúng ta không có phiên bản di động, chúng ta sẽ không muốn cache này được xử lý khác nhau, đúng không?

Đây là nơi một ngoại lệ được thêm vào. Khi chúng ta có một phiên bản di động với các tài nguyên hoặc phần tử chỉ tải trong phiên bản đó, chúng ta sẽ lưu các file riêng biệt.

Ví dụ:

  • Chúng ta có một quảng cáo trên di động tải JS mà phiên bản desktop không có.

Trong trường hợp này chúng ta sẽ thực sự lưu các file riêng biệt cho di động.

Cache Người Dùng

Cache người dùng là một tùy chọn mà WP Rocket cung cấp cho những người dùng duyệt khi đã đăng nhập.

cache người dùng đã đăng nhập
cache người dùng đã đăng nhập

Bằng cách kích hoạt tùy chọn này, chúng ta có thể cung cấp một phiên bản cache cá nhân hóa cho mỗi người dùng. Tốt nhất là bật nó nếu người dùng đăng nhập, nhưng bạn phải đặc biệt cẩn thận trang nào được cache và trang nào không, vì nếu người dùng nhập dữ liệu cá nhân (ví dụ thông tin ngân hàng), lưu trữ nó trong cache có thể gây cho chúng ta vấn đề pháp lý.

Làm thế nào để loại trừ một trang khỏi việc bị cache?

Nếu bạn muốn tránh các vấn đề loại này, tốt nhất là đi trực tiếp đến trang bạn muốn loại trừ và trong các tùy chọn WP Rocket (sidebar hoặc dưới cùng) chọn "không bao giờ cache trang này".

cách loại trừ trang khỏi cache
cách loại trừ trang khỏi cache

Thời Gian Tồn Tại Cache

Trong phần này chúng ta chỉ cần chỉ định thời gian chúng ta muốn cho các file cache được tạo. Nghĩa là, WP Rocket tạo một file lưu phiên bản trang của bạn, và file này sẽ là cái được giao cho người dùng khi truy cập website.

Thông qua một trình quản lý quá trình (CRON), các file được tạo vượt quá thời gian được chỉ định sẽ bị xóa và các file mới sẽ được tạo.

Những điều cần ghi nhớ

WP Rocket đã xét đến một số quy trình để xóa và tạo các file cache mới, đó là:

  • Tạo các bài viết, trang, danh mục, taxonomies hoặc chỉnh sửa mới

  • Tạo và chỉnh sửa các module, widget hoặc bất kỳ phần tử nào của website mới

  • Khi cấu hình WP Rocket ảnh hưởng đến frontend được thay đổi.

Mặt khác, bạn phải nhớ rằng lưu trữ các file cache chiếm không gian trên máy chủ của bạn và không gian này có hạn. Cũng nên xóa cache từ WP Rocket để nó được cập nhật và không có file nào còn lại không cần thiết nữa.

Về thời gian, bạn có thể để giá trị mặc định.

Tối Ưu File trong WP Rocket

Sau khi qua nhanh cấu hình cache, đã đến lúc làm việc với tối ưu file. Tối ưu file được thực hiện để làm nhẹ việc tải và render HTML. Làm thế nào chúng ta có thể làm việc với tối ưu hóa này?

Bằng nhiều cách:

  • Bằng cách giảm trọng lượng file

  • Bằng cách loại bỏ các file không cần thiết, và

  • Bằng cách thực thi các file dần dần khi chúng cần thiết.

Tối ưu file CSS, JS và HTML
Tối ưu file CSS, JS và HTML

File CSS

File CSS chịu trách nhiệm cho phần trực quan của website. Các bảng kiểu cho hình dạng, màu sắc và phong cách cho WordPress của chúng ta. Trong khía cạnh này, một thiết kế hấp dẫn có thể không phải là một thiết kế được tối ưu hóa, vì nhà thiết kế, khi xây dựng CSS, có thể không tuân theo một loạt các quy tắc tối ưu cơ bản.

Trong số các vấn đề phổ biến nhất chúng ta thường gặp với các bảng kiểu là:

  • File CSS nặng

  • File CSS tải trên các trang không sử dụng các kiểu đó

  • File CSS được xây dựng kém

  • Tải quá nhiều CSS bên ngoài

  • Sử dụng @import để mang vào các bảng kiểu bên ngoài

Tóm lại, có một thế giới các thực tiễn thường được sử dụng không được khuyến nghị cho việc tối ưu hóa của một thiết kế tốt, nhưng hãy đến với những gì WP Rocket cung cấp cho chúng ta.

Minify file CSS

Tùy chọn này nhằm giảm trọng lượng các file CSS bằng cách loại bỏ khoảng trắng và ngắt dòng. WP Rocket triển khai nó bằng cách kích hoạt ô đánh dấu.

Mẹo SEO Alive: Bất cứ khi nào chúng ta thực hiện một hành động, một ý tưởng tốt là cố gắng tải website để xem mọi thứ có đúng không, hãy làm trong chế độ ẩn danh của trình duyệt.

tối ưu minify wprocket
tối ưu minify wprocket

Quy trình được thể hiện trong hình ảnh sau được lấy từ công cụ minifier.org.

minify css
minify css

Combine file CSS

Tính năng này thực hiện một loại "copy and paste" của code từ một CSS sang CSS khác để tránh tải nhiều file CSS và chỉ có một.

Tốt nhất là tiếp tục kiểm tra vì nó phụ thuộc rất nhiều vào cách theme đã được phát triển, vì nếu tôi có một file CSS chỉ tải trên một loại trang cụ thể, điều tôi không muốn là code đó được tải vào một file duy nhất trên tất cả các trang.

Điều lý tưởng là tải code được sử dụng bởi URL. Đánh dấu vào ô và kiểm tra với một số công cụ như GTMETRIX để xem bạn đã cải thiện tốc độ tải hay chưa.

Lợi ích của việc combine file CSS là giảm các yêu cầu đến máy chủ.

Tối ưu việc tải CSS

WP Rocket đã được cập nhật xét đến các khuyến nghị do các công cụ Google khác nhau cho tối ưu tốc độ tải. Nếu chúng ta đã có kinh nghiệm với các công cụ này, chúng ta chắc chắn đã gặp cảnh báo "Loại bỏ các tài nguyên chặn render". Bằng cách kích hoạt check này, chúng ta ngăn CSS chặn việc tải bằng cách làm cho nó tải bất đồng bộ.

Nghĩa là, việc render HTML không dừng lại khi nó phải tải xuống file CSS; file này tải ở nền, ngăn quá trình tải bị tạm dừng. Vì vậy đáng để bật.

File JS (JavaScript)

JavaScript đã là một trong những vấn đề lớn Google gặp phải khi xử lý HTML. Không đi quá sâu vào loại ngôn ngữ này, WP Rocket đã thiết kế 5 hành động cơ bản cho việc tối ưu loại file này. Hãy xem qua!

Loại bỏ jQuery Migrate

jQuery Migrate là một thư viện JavaScript cho phép tương thích với code jQuery được phát triển cho các phiên bản jQuery trước 1.9. Thư viện này đi kèm tự nhiên trong WordPress nhưng thực tế không có tác dụng (một số plugin có thể cần nó).

Với hành động này, chúng ta muốn tránh một yêu cầu không cần thiết và việc tải một JS sẽ không được sử dụng. Vô hiệu hóa nó và duyệt qua website của bạn để xem mọi thứ có hoạt động chính xác không!

Minify file JavaScript

Cũng giống như những gì đã giải thích với file CSS, hành động này sẽ được áp dụng cho file JS, giảm nhẹ kích thước của file JS.

Combine file JavaScript

Một hành động khác tương tự như module tối ưu CSS. Hãy nhớ rằng khi chúng ta kích hoạt các ô đánh dấu này chúng ta phải xác minh xem mọi thứ có hoạt động như trước không.

Tải file JavaScript bị trì hoãn

tải bị trì hoãn của js
tải bị trì hoãn của js

Check trên hành động này thực hiện hai cải tiến trong hiệu suất:

  • Nó thêm thuộc tính "defer" vào JS để ngăn việc render HTML dừng lại do việc tải JS. Với hành động này, nó tải xuống song song và thực thi ở cuối quá trình xử lý HTML.

  • Nó di chuyển JS chặn việc render ban đầu.

WP Rocket cảnh báo chúng ta rằng loại kích hoạt này có thể gây ra vấn đề, đó là lý do nó giới thiệu chế độ an toàn để tránh các vấn đề tải của các phần tử thiết yếu cho việc hiển thị chính xác của trang.

chế độ jquery an toàn
chế độ jquery an toàn

Trì hoãn việc thực thi JavaScript

Một tùy chọn khác để trì hoãn việc thực thi JavaScript không thiết yếu cho đến khi người dùng tương tác với trang. Hành động này có vẻ không quan trọng lắm, nhưng nó cho phép chúng ta có được thời gian để việc tải xảy ra nhanh hơn. Tương tác có thể là nhấp chuột, cuộn, di chuyển chuột...

Tối Ưu Phương Tiện

Trong tab này, chúng ta sẽ đề cập đến tối ưu các phần tử quan trọng trong các bước đầu tiên của tối ưu WPO. Chúng ta đang nói về hình ảnh, video, iframe và các phần tử được tích hợp vào WordPress mà chức năng của chúng ít nhất là đáng nghi ngờ.

tối ưu phương tiện wp rocket
tối ưu phương tiện wp rocket

Lazyload

Một hành động thiết yếu trong bất kỳ tối ưu tốc độ tải nào. Chức năng Lazyload làm cho các phần tử như hình ảnh, video và iframe không tải cho đến khi chúng cần thiết để hiển thị.

Hãy để tôi cho bạn một ví dụ. Khi chúng ta cuộn, hình ảnh tải. Hãy tưởng tượng việc tải trang này sẽ như thế nào nếu 30 hình ảnh tải tất cả cùng một lúc, đặc biệt nếu người dùng thậm chí không xem chúng ngay từ đầu.

Emoji

Trình duyệt đã bao gồm emoji riêng của họ, vì vậy chúng ta có thể tiết kiệm yêu cầu được thực hiện nếu chúng ta không kích hoạt check này. Khuyến nghị của tôi là bạn nên kích hoạt nó.

Nội Dung Nhúng

Ngăn người khác nhúng nội dung từ site của bạn và cũng ngăn bạn nhúng nội dung từ các site không được ủy quyền khác. Các yêu cầu thực hiện với JS này được giảm.

Tương Thích WebP

WebP là một định dạng tương đối mới mà Google giới thiệu khoảng năm 2010, để nén có mất mát của đồ họa 24-bit trên web, cải thiện việc cung cấp các tài nguyên này để tăng tốc việc tải của chúng.

Hiện tại không phải tất cả các trình duyệt đều hỗ trợ nó, vì vậy bạn sẽ phải cẩn thận và biết trình duyệt nào người dùng của bạn sử dụng khi làm việc với định dạng này. Bật tùy chọn này nếu bạn làm việc với hình ảnh WebP.

tương thích webp
tương thích webp

Cấu Hình Preloading Cache

Chúng ta cần hiểu rõ cách các file cache của WP Rocket được tạo để hiểu chức năng Preload.

Khi một người dùng truy cập một trang trên site của chúng ta lần đầu tiên, đó là khi trang được cache và một file đã cache được tạo sẽ được giao cho những người dùng tiếp theo. Điều tương tự xảy ra khi cache hết hạn (thời gian chúng ta đã xác định) và phiên bản cache bị loại bỏ, hoặc khi chính chúng ta xóa cache của tất cả các URL.

preloading cache trong wprocket
preloading cache trong wprocket

Preload Cache

Bằng cách kích hoạt tùy chọn Preload, những gì chúng ta sẽ làm là tải một phiên bản đã được cache trước đó để ngay cả người dùng đầu tiên cũng có một phiên bản nhanh hơn của site của chúng ta. Hành động này được thực hiện thông qua các liên kết sitemap, vì vậy chúng ta sẽ cần một sitemap.

Sitemap là một file được tạo nơi các URL của site chúng ta được hiển thị. Với các plugin như "Rank Math" hoặc "Yoast" chúng ta có thể tạo nó dễ dàng. Nếu bạn muốn xem cách tạo sitemap với Rank Math, đây chúng tôi cho bạn xem.

preload với sitemap rank math
preload với sitemap rank math

Preload Liên Kết

Đây là một chức năng mà WP Rocket đã kết hợp trong các phiên bản gần đây nhất của nó. Mục đích là dự đoán việc tải "các trang tiếp theo người dùng sẽ truy cập". Khi di chuột qua, việc preload trang diễn ra trong trường hợp người dùng nhấp vào liên kết.

WP Rocket đã áp dụng chức năng này mà các plugin cụ thể như "Flying Pages" đã triển khai để cải thiện độ trôi chảy của điều hướng trong site (trải nghiệm người dùng). Nói vậy, đây không phải là một yếu tố cải thiện thời gian tải, và bạn sẽ không thấy sự cải thiện trong các chỉ số công cụ kiểm tra WPO.

Preload Yêu Cầu DNS

Preload yêu cầu DNS rất hữu ích khi chúng ta sử dụng tài nguyên bên thứ ba như YouTube, Facebook, fonts hoặc iframe mà chúng ta thường xuyên yêu cầu.

preload yêu cầu DNS
preload yêu cầu DNS

Khi chúng ta thực hiện bất kỳ kết nối nào trên Internet, một yêu cầu DNS được thực hiện phải được giải quyết và gửi đến máy chủ. Điều này có một thời gian mà chúng ta có thể cải thiện nếu chúng ta thêm các URL của các tài nguyên cần thiết trong ô này mà WP Rocket cung cấp cho chúng ta.

Như chúng ta có thể thấy trong ví dụ, chỉ cần sử dụng tên miền //youtube.com //facebook.com

Việc giải quyết DNS mất khoảng 20 đến 120 mili giây, như GTMETRIX chỉ ra, trình duyệt sẽ không tải xuống bất cứ thứ gì từ host cho đến khi quá trình này hoàn tất.

dns lookup
dns lookup

Preload Fonts

Preload fonts yêu cầu một bước trước, đó là tải xuống fonts và có chúng trên máy chủ của chúng ta. Khi đã ở đó, chúng ta có thể thực hiện hành động tương tự như chúng ta đã làm với preload cache, làm một phiên bản nhanh hơn nhiều của file fonts và cung cấp nó cho người dùng khi họ kết nối với trang của chúng ta.

preload font
preload font

Khi fonts được lưu trữ, chúng ta sẽ chỉ cho WP Rocket đường dẫn chính xác của fonts được sử dụng. Được khuyến nghị không lạm dụng các fonts khác nhau trên trang của chúng ta vì chúng yêu cầu các tải xuống khác nhau. Cũng lưu ý rằng các yêu cầu đến máy chủ được thực hiện với các biến thể khác nhau của font, để tôi giải thích:

  • Font đậm --> 1 yêu cầu

  • Font gạch dưới --> 1 yêu cầu

  • Font chữ hoa --> 1 yêu cầu

Cấu Hình Quy Tắc Nâng Cao Của WP Rocket

quy tắc nâng cao với wprocket
quy tắc nâng cao với wprocket

Không bao giờ cache các URL này

Có một số URL nhất định mà, do tính độc đáo của chúng, chúng ta không muốn lưu một phiên bản cache. Từ tab này, WP Rocket cho phép chúng ta nhập một danh sách các URL chúng ta không bao giờ muốn được cache.

Không bao giờ cache các cookies này

WP Rocket cho chúng ta một công cụ kiểm soát khác ngoài việc làm theo URL. Nhiều plugin làm việc với cookies riêng của chúng hoặc chúng ta thậm chí có thể cài đặt cookies riêng để xác định một số người dùng nhất định; có nhiều cách để sử dụng các file nhỏ này.

Với WP Rocket chúng ta có thể ngừng cache các URL được xác định bởi ID cookie, một khi đã tải xuống trong trình duyệt người dùng, do đó tùy chỉnh thêm loại URL chúng ta muốn được cache.

Không bao giờ cache các user agent này

User agent là một trường mô tả trong giao thức HTTP, được sử dụng để cung cấp thông tin về thiết bị thực hiện yêu cầu. Biết thông tin này, chúng ta có thể ngăn các trang đã cache được giao cho các user agents này.

Ví dụ, một trong các user agent của Google là Googlebot, vì vậy bằng cách chỉ định nó trong phần này của web, mỗi khi nó truy cập website của chúng ta chúng ta sẽ cung cấp các trang mà không cache.

Luôn purge các URL này

Tùy chọn này rất thú vị cho một loại URL mà, ví dụ, bạn quan tâm đến việc luôn có file cache của nó bị xóa khi cập nhật.

Ví dụ, tôi có các URL với kết quả thể thao và những gì tôi không muốn là giao một phiên bản đã cache cho người dùng, vì kết quả được cập nhật rất thường xuyên.

luôn purge url
luôn purge url

Cache các query string này

Query strings là dữ liệu được gửi khi thực hiện một yêu cầu đến một trang web qua URL.

Chúng thường được xác định bởi ký hiệu dấu hỏi "?" và theo nguyên tắc chung WP Rocket không cache loại URL này. Trong tùy chọn này chúng ta có thể buộc nó làm điều đó.

Cấu Hình Cơ Sở Dữ Liệu Với WP Rocket

Như chúng tôi đã nói nhiều lần trong suốt bài viết, WP Rocket đã ngừng chỉ là một plugin cache để trở thành một plugin tối ưu tốc độ tải website của chúng ta. Trong phần cấu hình này, chúng ta có thể đi sâu hơn vào tối ưu cơ sở dữ liệu.

tối ưu cơ sở dữ liệu wordpress
tối ưu cơ sở dữ liệu wordpress

Khi chúng ta làm việc với nội dung trong WordPress, chúng ta tạo các loại thông tin khác không hữu ích và gây hại cho hiệu suất website của chúng ta. Đối với điều này, WP Rocket cung cấp cho chúng ta công cụ này để thực hiện một việc dọn dẹp ít nhiều kỹ lưỡng.

Dọn dẹp post

Như chúng ta có thể thấy trong hình, có 3 phần tử có thể đang chiếm không gian trong cơ sở dữ liệu mà chúng ta không quan tâm. Khi chúng ta cập nhật nội dung, một phiên bản trước được lưu, một bản nháp tự động của những gì chúng ta đang chỉnh sửa cũng được tạo, và các bài viết bị loại bỏ.

Nếu chúng ta loại bỏ các phần tử này, chúng ta sẽ giải phóng không gian trong cơ sở dữ liệu của mình.

Dọn dẹp comment

Phần này quan trọng vì đôi khi cơ sở dữ liệu của chúng ta đầy với các bình luận "spam", đó là lý do WP Rocket đã giới thiệu tùy chọn này để dọn dẹp loại phần tử này.

dọn dẹp comment wp rocket
dọn dẹp comment wp rocket

Dọn Dẹp Transient

Khi chúng ta đang làm việc trong WordPress, một số phần tử transient nhất định được tạo mà chúng ta có thể xóa mà không có vấn đề vì chúng sẽ được tạo lại.

Dọn Dẹp Cơ Sở Dữ Liệu

Cả điểm này và điểm tiếp theo, tôi khuyên thực hiện sao lưu cơ sở dữ liệu vì, mặc dù không có gì sẽ xảy ra, đi sâu hơn vào các hành động trong cơ sở dữ liệu luôn có rủi ro của nó, vì vậy không phải là một ý tưởng tồi để tạo bản sao lưu.

tối ưu cơ sở dữ liệu
tối ưu cơ sở dữ liệu

Kích hoạt check này sẽ thực hiện việc dọn dẹp các bảng cơ sở dữ liệu. Quá trình này có thể được tự động hóa.

Cấu Hình CDN Với WP Rocket

Trước khi chúng ta đào sâu hơn vào cách cấu hình CDN với WP Rocket, tôi muốn giải thích CDN là gì và tại sao nó được sử dụng.

CDN là gì?

Một CDN (Content Delivery Network) là một dịch vụ có mục tiêu cải thiện tốc độ chuyển nội dung đến người dùng. Để làm điều này, nó tạo ra một mạng lưới phân phối nội dung trong các máy chủ khác nhau trên thế giới để rút ngắn thời gian trong yêu cầu tài nguyên của người dùng. Nghĩa là, nếu người dùng ở Brazil, một CDN cung cấp nội dung được lưu trữ trên một máy chủ gần họ hơn máy chủ hosting web thực tế.

cách hoạt động của cdn
cách hoạt động của cdn

Hình ảnh được lấy từ trang WP Rocket

Một CDN hoạt động như thế nào?

Nó hoạt động thông qua các máy chủ khác này lưu trữ một bản sao đã cache của website, và khi người dùng yêu cầu nội dung/tài nguyên này, một máy chủ gần hơn thực hiện việc chuyển.

Các loại dịch vụ này rất hữu ích khi bạn có nội dung nặng như hình ảnh, audio, video và/hoặc nhiều lượt truy cập. Nếu ban đầu bạn có một website với ít lượt truy cập, bạn không nên lo lắng về khía cạnh này.

cấu hình cdn wp rocket
cấu hình cdn wp rocket

RocketCDN

WP Rocket cung cấp cho chúng ta khả năng thuê CDN của họ với giá 7,99 đô la mỗi tháng, ít hơn 7 euro.

CDN

Khi chúng ta thuê một CDN chúng ta được cung cấp thông tin để sử dụng nó. Một trong những phần tử được cung cấp là CNAME, mặc dù nếu nó không được cung cấp chúng ta có thể có được nó.

CNAME là một loại bản ghi DNS ánh xạ một tên miền nguồn đến một tên miền đích

cdn cname với wprocket
cdn cname với wprocket

Để sử dụng chức năng này chúng ta sẽ chỉ phải chỉ định CNAME đó và nói cho nó biết những file nào chúng ta muốn nó dùng cho.

Loại trừ file khỏi CDN

Tùy chọn tiếp theo, như mong đợi, là loại trừ những file mà chúng ta không muốn đi qua CDN.

Tối Ưu Chức Năng Heartbeat WordPress

WordPress heartbeat là một việc chuyển dữ liệu kiểm soát để thiết lập giao tiếp giữa backend và frontend của WordPress và máy chủ. Loại quá trình này có thể là một trong những lý do tại sao bạn có thể trải nghiệm sự chậm chạp trong WordPress của bạn.

api heartbeat wordpress
api heartbeat wordpress

Trong số các hành động có thể bị giới hạn là:

  • Tự động lưu và sửa đổi trong trình chỉnh sửa post.

  • Thông báo trong bảng quản trị WordPress.

  • Thông tin về ai đang chỉnh sửa.

  • Dữ liệu thời gian thực.

Nếu WordPress của chúng ta đang hoạt động đúng cách, tôi không khuyến nghị làm bất cứ điều gì ở điểm này, nhưng nếu chúng ta nhận thấy sự chậm chạp, chúng ta có thể cố gắng giới hạn hoạt động trong các tùy chọn khác nhau.

Cấu Hình Add-on WP Rocket

Có những phần tử nhất định như script Google Analytics và Facebook, mà chỉ cần kích hoạt chúng trong phần này của cấu hình chúng ta có thể có được phiên bản cache và cải thiện hiệu suất. Hành động này phản hồi trực tiếp với một trong những yêu cầu thường được chỉ định trong các kiểm tra tốc độ tải như Pagespeed "Tận dụng cache trình duyệt".

addon cho wprocket
addon cho wprocket

Tối Ưu Hình Ảnh

Tối ưu hình ảnh là một quá trình mà do tính phức tạp của nó có thể có hướng dẫn riêng. WP Rocket cung cấp một plugin độc lập để làm việc với các tài nguyên này. Từ WP Rocket chúng ta có thể truy cập việc tải xuống phiên bản "Free" của nó.

tối ưu hình ảnh với imagify
tối ưu hình ảnh với imagify

Công Cụ WP Rocket

Cấu hình WP Rocket có thể được lưu và nhập để tránh phải dành thời gian cho quá trình này một lần nữa. Nó cũng cho chúng ta tùy chọn thực hiện một "Rollback", nghĩa là quay lại về phiên bản đã cài đặt.

công cụ wp rocket
công cụ wp rocket

Hướng Dẫn WP Rocket

Để kết thúc hướng dẫn WP Rocket này, plugin tự nó cung cấp một loạt video cho thông tin về các hành động khác nhau được thực hiện và cách thực hiện chúng.

hướng dẫn wp rocket
hướng dẫn wp rocket

Kết Luận

Như bạn đã thấy, WP Rocket còn nhiều hơn một plugin cache; chúng ta có sẵn trong tay một bộ đầy đủ để tối ưu tốc độ và hiệu suất của website của chúng ta, vì vậy bây giờ tất cả những gì chúng ta phải làm là thử các tùy chọn khác nhau. Bạn còn chờ gì để làm cho WordPress của bạn bay?

Bạn đã biết WP Rocket chưa? Bạn đã có thể cải thiện hiệu suất với hướng dẫn này chưa? Bạn có câu hỏi nào không? Chúng tôi đang chờ bạn ở phần bình luận!

Tác giả: David Kaufmann

David Kaufmann

Tôi đã dành hơn 10 năm qua hoàn toàn đắm chìm trong SEO — và thành thật mà nói, tôi không muốn điều gì khác thay thế.

Sự nghiệp của tôi bước sang một tầm cao mới khi tôi làm việc với vai trò chuyên gia SEO cấp cao tại Chess.com — một trong 100 website được truy cập nhiều nhất trên toàn bộ internet. Vận hành ở quy mô đó, trên hàng triệu trang, hàng chục ngôn ngữ và trong một trong những SERPs cạnh tranh khốc liệt nhất, đã dạy tôi những điều mà không khóa học hay chứng chỉ nào có thể mang lại. Trải nghiệm đó đã thay đổi cách tôi nhìn nhận về SEO thực sự xuất sắc — và trở thành nền tảng cho mọi thứ tôi xây dựng từ đó đến nay.

Từ kinh nghiệm ấy, tôi đã sáng lập SEO Alive — một agency dành cho những thương hiệu thực sự nghiêm túc với tăng trưởng organic. Chúng tôi không ở đây để bán dashboards và báo cáo hàng tháng. Chúng tôi ở đây để xây dựng những chiến lược thực sự tạo ra chuyển biến, kết hợp tinh hoa của SEO truyền thống với thế giới mới đầy thú vị của Generative Engine Optimization (GEO) — đảm bảo thương hiệu của bạn không chỉ xuất hiện trong các liên kết xanh của Google, mà còn hiện diện ngay trong những câu trả lời do AI tạo ra mà ChatGPT, Perplexity và Google AI Overviews đang cung cấp cho hàng triệu người mỗi ngày.

Và bởi vì tôi không thể tìm được một công cụ xử lý tốt cả hai thế giới đó, tôi đã tự xây dựng một công cụ — SEOcrawl, một nền tảng SEO intelligence cấp doanh nghiệp tích hợp rankings, kiểm tra kỹ thuật, giám sát backlinks, tình trạng crawl và theo dõi hiển thị thương hiệu trên AI, tất cả trong một nơi. Đó chính là nền tảng mà tôi luôn ước có.

→ Đọc tất cả bài viết của David
Thêm bài viết của David Kaufmann

Khám phá thêm nội dung của tác giả này