WP Rocket là gì? Ưu điểm của WP Rocket là gì?

WP Rocket là một plugin WordPress có khả năng tăng tốc website đáng kể. Vậy cụ thể, WP Rocket là gì? Nó có những đặc điểm nào?
 

WP Rocket là gì?

WP Rocket là một cache plugin cao cấp dành cho WordPress. Các chuyên gia WordPress công nhận rằng, hiện tại nó chính là caching tool mạnh nhất. Bên cạnh đó, WP Rocket có nhiều option và tính năng tối ưu hóa tự động. Vì vậy, nó được nhiều WordPress user sử dụng, bao gồm cả các chuyên gia lẫn người mới.

Hơn nữa, WP Rocket caching đảm bảo các trang web sẽ tải nhanh như chớp. Điều này rất cần thiết để cải thiện thứ hạng SEO và tăng quá trình chuyển đổi. Với cách thiết lập dễ dàng nhất, WP Engine đã đặt mục tiêu biến nó thành caching plugin thân thiện với user nhất.

 

Các tính năng và lợi ích

WP Rocket áp dụng đến 80% các phương pháp hay nhất về tối ưu hóa hiệu suất.

Hơn nữa, bạn không cần phải cấu hình nó. Sau khi bạn kích hoạt nó, trang web sẽ ngay lập tức được hưởng các lợi ích từ:

• Static cache cho máy tính để bàn và thiết bị di động chính là phiên bản static HTML
• Browser caching (trên Apache, nếu có trên server): Lưu trữ một số loại file nhất định trên local computer của khách truy cập.
• Hỗ trợ Cross-Origin cho web font (trên Apache).
• Phát hiện và hỗ trợ các plugin, theme, và các môi trường hosting khác nhau của bên thứ ba.
• Sự kết hợp của các script inline và bên thứ 3.
• WooCommerce Refresh Cart Fragments Cache.

WP Rocket tự động xử lý tất cả những điều này. Vì vậy, bạn sẽ không cần phải code để làm cho trang web của mình nhanh hơn. Chỉ cần tận hưởng sự cải tiến trong thời gian loading cùng với GTMetrix và PageSpeed ​​score!

Đồng thời, nếu bạn muốn setting và tận dụng tối đa sức mạnh của WP Rocket. Bạn có nhiều option nâng cao khác để lựa chọn: lazy loading cho image, XML sitemaps preloading, tối ưu hóa Google Fonts, minify SS và JS, deferred loading cho JS files, tối ưu hóa CSDL và nhiều hơn nữa.

Ta có thể chọn 1 trong những license sau để tận dụng tất cả tính năng trên: Single license ($ 49 cho 1 trang web), Plus license ($ 99 cho 3 trang web). Joặc Infinite license ($ 249 cho các trang web không giới hạn). Tất cả các license bao gồm 1 năm hỗ trợ và update.

Hướng dẫn cài đặt và cấu hình WP Rocket

Hướng dẫn cài đặt

Bước 1: Mua và tải về WP Rocket tại đây: https://wp-rocket.me/

Bước 2: Tải file plugin WP Rocket .zip mới tải lên WordPress của bạn

Bước 3: Kích hoạt plugin WP Rocket

Lưu ý: Sau khi kích hoạt WP Rocket, hãy vô hiệu hóa và xóa các plugin hỗ trợ tạo cache, minify dữ liệu, lazyload… mà bạn đã cài đặt trước đó.

Truy cập vào Settings => WP Rocket. Tại đây, các bạn sẽ tiến hành thiết lập thêm một số tùy chọn khác cho WP Rocket. Còn những tính năng cơ bản, WP Rocket đã tự động kích hoạt ngay sau khi bạn active plugin này.

Sau khi đã kích hoạt thành công thì WP Rocket sẽ tự chạy nên bạn không cần làm gì thêm. Nhưng để tối ưu plugin này chúng ta nên cấu hình WP Rocket thêm một số tính năng sau.

Hướng dẫn cấu hình

Dashboard

Rocket tester: Tắt (tốn tài nguyên máy chủ và không cần thiết).
Rocket anlytic: Tắt (tốn tài nguyên máy chủ và không cần thiết).

Cache

Bộ nhớ đệm di động > Bật bộ nhớ đệm cho thiết bị di động.

Bộ nhớ đệm trên thiết bị di động> Tắt ( 99% wordpress themes sử dụng giao diện css responsive rồi, nếu 1% còn lại là bạn không sử dụng responsive giao diện thì hãy bật nên.)

Người dùng Cache> Bật bộ nhớ đệm cho người dùng WordPress đã đăng nhập – tắt là an toàn nhất. Thật sự là rắc rối nếu bạn không hiểu ý nghĩa và / hoặc không có một máy chủ rất mạnh. Nó chỉ hữu ích nếu bạn có người dùng đăng nhập thường xuyên.(  gần như người đã đăng nhập thì nội dung họ sẽ được cung cấp khác nhau rất ít khi giống nhau như vậy cache làm gì nữa)

Cache Lifespan> Chỉ định thời gian sau đó bộ đệm chung được xóa – mặc định là 10 giờ là rất an toàn và hợp lý. đặt thời gian ít hơn sẽ tiêu tốn nhiều tài nguyên máy chủ hơn nhưng hoàn toàn ổn nếu bạn có rất ít trang (10-20). Tôi muốn chọn 24 giờ nhưng bạn phải đảm bảo loại trừ bất kỳ trang nào có biểu mẫu liên hệ hoặc “wp-nonces” khỏi bộ nhớ đệm.
 

File Optimization

Đây là một phần mạnh nhất và thử thách nhất tăng tốc website của bạn, nếu bạn thiết lập không chuẩn rất dễ gây lỗi cho website của bạn, hãy thật chú ý nhé.

Tệp CSS> Giảm thiểu tệp CSS – bỏ chọn. Tôi mình bận tâm trừ khi bạn có rất ít trang hoặc máy chủ mạnh css của bạn trên 50kb css ( thì mới bất).

Tệp CSS> Kết hợp tệp CSS – bỏ chọn. (website wordpress thì 99% thì nên tắt đi, nếu bạn làm landing page hoặc chưa có giao thức http/2 trở lên thì mới bật) Bạn có thể tham khảo bài viết :  có nên kết hợp CSS hoặc JS .

Tệp CSS> optimization css delivery  – bỏ chọn! Đây là “chức năng CSS quan trọng” của WP Rocket, nếu website của bạn trên 100kb css thì hãy nghiên cứu để sử dụng ( ghi chú chỉ nên sử dụng tạo css quan trọng bằng phương pháp thủ công không nên sử dụng bằng plugin dễ bị lỗi Flash FOUC)

Tệp JavaScript> Remove Jquery Migrate – Bật (  nếu khi bạn bất trong trường hợp lỗi thì hãy tắt nó đi, cái file này dành cho những themes đã cũ, các themes công nghệ mới thì không sử dụng cái này nữa rồi, nếu bật không xảy ra vấn đề gì thì hãy bật nó cũng tăng tốc độ đáng kể đó)

Tệp JavaScript> Giảm thiểu tệp JS – Bật. ( thông thường có website wordpress đều có trên 50kb javascript trở lên, hãy tắt nó nếu bạn có máy chủ yếu và dưới 50kb javascript)

Tệp JavaScript> Kết hợp tệp JS – bỏ chọn. Cùng một lý do tại sao tôi không kết hợp CSS ( nó còn rắc rối phức tạo hơn cả kết hợp css).

Tệp JavaScript> load javascript deferred – nó thể tăng tốc website của bạn, tuy nhiên thì 60% website wordpress có thể dùng được nếu bạn may mắn trong số đó thì hãy bật nên, còn không dùng được thì hãy tắt đi, nếu bạn muốn biết chắc chắn nó có phù hợp cho bạn không thì bạn hãy tham khảo bài viết: tối ưu hóa javascript ( tôi không khuyên bạn bật hay tắt được vì rất khó để tư vấn bạn có thể gửi email website của bạn cho tôi, tôi sẽ tư vấn giúp bạn)

Tệp JavaScript>  safe mode for jquery – giải thích giống trên, hãy bật nến để tăng thêm khả năng thành công thêm 20% để sử dụng được deferred Javascript.

Tệp JavaScript> delay javascript execution – hãy bật nên ( đây là một tính năng mình rất thích thú của wp-rocket , wp-rocket phải từ bản 3.7.0 trở lên thì mới có tính năng này nhé, nó tăng tốc rất hiệu quả cho những chatbox facebook, những widget facebook, nhưng javascript bên thứ 3 phụ thêm không quan trọng đến màn hình hiện thị đầu.

Các trường dữ liệu của delay javascript execution bên wp-rocket tích hợp khác là sẵn và tối ưu nhưng lời khuyên của mình là nếu bạn có kỹ thuật thì tự tạo lập trường dữ liệu của riêng mình để đáp ứng nhu cầu của riêng mình như vậy thì sẽ tốt hơn.

Trong trường dữ liệu này có dữ liệu là google-analytics.com/analytics.js tốt nhất hãy xóa nó ( nó sẽ delay analytics làm thông số sai lệnh đi rất nhiều tận chí là hỏng luôn hết cả thông số analytics của bạn) và tối ưu google analytics theo cách của mình

Media

LazyLoad> Bật cho hình ảnh – chọn bật. ( nếu website của bạn ít ảnh thì hãy tắt đi)
LazyLoad> Kích hoạt iframe và video – bật rất tốt và hãy tắt nếu bạn có bất kỳ video Youtube nào KHÔNG được nhúng ở màn hình hiện thị đầu).
LazyLoad> Thay thế iframe của Youtube bằng hình ảnh xem trước – bật tùy chọn này để tăng tốc hơn nữa các trang có nhúng hoặc iframe của Youtube. ( bật và bật)

Biểu tượng cảm xúc> Tắt Emoji – tắt nếu bạn không sử dụng nhiều biểu tượng Emoji (sử dụng trình duyệt có thể hỗ trợ chúng). Cũng cải thiện khá khá tốc độ đó.

Embeds> Disable WordPress embeds – hãy tắt nếu bạn không sử dụng nó. Nó loại bỏ một yêu cầu JS nhỏ, cũng tăng tốc kha khá tốc độ cho bạn.

WebP compatibility > Enable webp caching – bỏ chọn, năm 2020 thì vẫn chưa phải là lý tưởng để sử dụng ảnh webp, có rất nhiều vấn đề xảy ra.

Preload

Preload cache > Activate preloading : bật ( một tính năng làm ấm cache rất tốt, tuy nhiên hãy tắt nếu webhost của bạn yếu hoặc một ngày website của bạn trên 3000 traffic)

Tải trước sơ đồ trang web> Kích hoạt tải trước bộ đệm dựa trên sơ đồ trang web – Để sử dụng nó, chỉ cần nhập sơ đồ trang web XML để sử dụng preload hiệu quả hơn.

Bạn hãy nhập sitemap của bạn vào, nếu bạn không sử dụng sitemap plugin bên thứ 3 nếu bạn sử dụng wordpress 5.5 trở lên thì hãy nhập là: https://wptangtoc.com/wp-sitemap.xml ( hãy thay wptangtoc.com thành tên miền của bạn)

Preload link > Enable link preloading – ( bật tăng tốc độ website rất đáng kể cho lần truy cập theo tiếp của khách hàng, tuy nhiên hãy tắt nếu cấu hình webhost của bạn yếu hoặc website của bạn ít trang và traffic hàng ngày quá nhiều)

prefetch dns requests > URL cần tìm nạp trước – tải trước DNS cho các miền bên ngoài, vì vậy chúng tải nhanh hơn khi bạn nhấp vào URL đến chúng hoặc khi trang web của bạn tải nội dung bên ngoài đến từ chúng. Không biết phải đặt cái gì? Chỉ cần mở trang web của bạn trong Chrome Ẩn danh> Kiểm tra> Nguồn… bây giờ hãy nhập tất cả các nguồn miền bên ngoài mà bạn thấy. Tất cả các cuộc gọi phân tích và phông chữ của google, nội dung truyền thông xã hội, dịch vụ trò chuyện, CDN, v.v.

Preload font > Fonts to preload : hãy nhập đường dẫn link font của bạn đang sử dụng, sẽ tăng tốc cảm nhận của khách hàng và sửa lỗi flash font chữ đó.

Advanced Rules

Never Cache URL – loại trừ các URL cụ thể ở đây khỏi bộ nhớ đệm. Tôi thường loại trừ bất kỳ thứ gì có biểu mẫu hoặc dữ liệu động (tỷ số trận đấu trực tiếp, cổ phiếu) hoặc dữ liệu dành riêng cho người dùng (như giỏ hàng). ( thông thường nếu bạn đang sử dụng form mà tính hợp captcha thì hãy cho url đó vào nhé)

Never cache Cookie – có thể loại trừ một số trang hoặc người dùng nhất định khỏi bộ nhớ đệm nếu họ nhập bằng cookie. Hữu ích cho các mục đích nhất định.

Never cache user người dùng – hữu ích để loại trừ một số thiết bị, trình duyệt hoặc phần mềm nhất định xem các trang được lưu trong bộ nhớ cache.

Luôn xóa (các) URL – có thể chỉ định các URL bổ sung để tự động xóa, trong trường hợp chúng chưa làm như vậy.
(Các) Chuỗi truy vấn trong bộ nhớ đệm – hữu ích để lưu vào bộ đệm các chuỗi truy vấn nhất định không thực sự hiển thị nội dung khác nhau cho người dùng.

Cache Query String: hãy điền giá trị của mình vào nhé, nó rất quan trọng cải thiện khả năng cache, mình ví dụ khi người dùng truy cập từ facebook vào website của bạn, họ sẽ được mặc định thêm chuỗi truy vấp: giả sử : https://rocket.com?fbclid=abcblabla , các công cụ cache thì hãy hiểu rằng mỗi một đường link truy vấn đó là một url link riêng sẽ được cache riêng.

Những Query String mà thay đổi bố cục nội dung thì cache thành trang riêng thì rất ok rồi, nhưng những Query String mà có nó thì nội dung bộ cục cũng không hề thay đổi mà cache thành trang riêng thì cũng rất làng lãng phí tài nguyên và tốc độ load website.