Hướng dẫn cài đặt và sử dụng plugin WP Rocket phiên bản 3.0.
Như đã từng giới thiệu qua trong bài viết trước, WP Rocket là một trong những plugin tạo cache cho WordPress tốt nhất hiện nay. Plugin trả phí này không những sở hữu những tính năng vượt trội so với các đối thủ mà việc cài đặt và cấu hình nó cũng vô cùng đơn giản. Có thể nói, WP Rocket là một plugin rất đáng đồng tiền bát gạo. Nếu bạn đã đặt mua plugin này thì ngay sau đây là hướng dẫn cài đặt và sử dụng nó. Hãy nhanh chóng kích hoạt WP Rocket trên blog/ website của bạn để trả nghiệm tốc độ tuyệt vời mà nó mang lại nhé.
Tham khảo thêm:
- Sở hữu plugin WP Rocket chính hãng với giá chỉ 200k
- Plugin WP Rocket 2.8 có gì mới và đáng để nâng cấp?
Hướng dẫn cài đặt và sử dụng plugin WP Rocket
1. Để bắt đầu sử dụng plugin WP Rocket, trước tiên, các bạn cần phải cài đặt và kích hoạt nó. Vì plugin này không có sẵn trên kho plugin của WordPress.org nên các bạn phải upload để cài đặt.
2. 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 đó.
3. 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.
4. Tab Dashboard:
Trong đó:
- Remove all cached files: xóa toàn bộ file cache.
- Start cache preloading: tạo mới lại file cache.
- Purge OPCache content: xóa OpCode cache.
5. Tab Cache:
Trong đó:
- Enable caching for mobile devices: kích hoạt tính năng cache cho thiết bị di động.
- Separate cache files for mobile devices: tách riêng các files cache dành cho thiết bị di động và máy tính. Nếu giao diện của bạn có khả năng responsive thì không nên tick vào mục này.
- Enable caching for logged-in WordPress users: bật tính năng cache cho người dùng đã đăng nhập.
- Specify time after which the global cache is cleared (0 = unlimited ): thiết lập thời gian tự động xóa toàn bộ cache web, để giá trị là 0 nếu bạn muốn tắt tính năng này.
6. Tab File Optimization:
Trong đó:
- Minify HTML: nén HTML.
- Combine Google Fonts files: gộp các file Google Fonts.
- Remove query strings from static resources: loại bỏ query strings khỏi các file JS, CSS.
- Minify CSS files: nén file CSS.
- Combine CSS files (Enable Minify CSS files to select): gộp chung các file CSS lại thành một, yêu cầu phải kích hoạt tính năng Minify CSS files trước. Tính năng này không nên bật nếu website của bạn có hỗ trợ HTTP/2.
- Optimize CSS delivery: tối ưu hóa việc hiển thị của các file CSS, giúp bạn khắc phục lỗi CSS chặn hiển thị nội dung trên Google PageSpeed Insights.
- Excluded CSS Files: loại bỏ các file CSS mà bạn không muốn nén và gộp, giúp giải quyết tình trạng vỡ giao diện.
- Minify JavaScript files: nén file JS.
- Combine JavaScript files (Enable Minify JavaScript files to select): gộp chung các file JS lại thành một, yêu cầu phải kích hoạt tính năng Minify JavaScript files trước. Tính năng này không nên bật nếu website của bạn có hỗ trợ HTTP/2.
- Load JavaScript deffered: tối ưu hóa việc load các file JS, giúp bạn khắc phục lỗi JS chặn hiển thị nội dung trên Google PageSpeed Insights.
- Safe Mode (recommended): xuất hiện nếu bạn kích hoạt tính năng Load JavaScript deffered. Nên tick vào mục này để các file jQuery được load trước, hạn chế tình trạng vỡ giao diện và lỗi tính năng.
- Excluded JavaScript Files: loại bỏ các file JS mà bạn không muốn nén và gộp, giúp giải quyết tình trạng vỡ giao diện và lỗi tính năng.
7. Tab Media:
Trong đó:
- Enable for images: bật tính năng lazyload cho hình ảnh.
- Enable for iframes and vides: bật tính năng lazyload cho iframe và video.
- Disable Emoji: vô hiệu hóa Emoji (biểu tượng cảm xúc trong WordPress).
- Disable WordPress embeds: vô hiệu hóa Embed Script.
8. Tab Preload:
Trong đó:
- Activate sitemap-based cache preloading: kích hoạt tính năng preload (tạo lại cache) theo XML Sitemaps.
- Manual: tạo lại cache thủ công.
- Automatic: tạo lại cache tự động. Vô hiệu hóa tính năng này nếu nó làm server của bạn quá tải.
- URLs to prefetch: tìm nạp trước DNS (DNS prefetch) có thể làm cho các tập tin nằm ngoài host tải nhanh hơn, đặc biệt là trên mạng di động. Nhập URL của các tập tin bạn muốn prefetch vào mục này.
9. Tab Advanced Rules:
Trong đó:
- Never Cache URL(s): điền những URL mà bạn không muốn cache.
- Never Cache Cookies: điền ID của những cookies mà bạn không muốn cache.
- Never Cache User Agent(s): điền string của những user agent mà bạn không muốn cache.
- Always Purge URL(s): điền những URL mà bạn muốn xóa cache khi đăng tải hoặc cập nhật bài viết.
- Cache Query String(s): điền những query string mà bạn muốn cache.
10. Tab Database:
Trong đó:
- Revisions: xóa các bản sửa đổi.
- Auto Drafts: xóa các bản nháp được lưu tự động.
- Trashed Posts: xóa các bài viết rác (trong mục Trash).
- Spam Comments: xóa các bình luận spam.
- Trashed Comments: xóa các bình luận rác (trong mục Trash).
- Expired transients: xóa các transient đã hết hạn.
- All transients: xóa tất cả các transient.
- Optimize Tables: tối ưu các bảng trong database.
- Schedule Automatic Cleanup: thiết lập dọn dẹp database theo chu kỳ hàng ngày, hàng tuần hoặc hàng tháng.
11. Tab CDN:
Trong đó:
- Enable Content Delivery Network: kích hoạt tính năng này nếu site của bạn có sử dụng CDN (MaxCDN, KeyCDN…). Nếu bạn sử dụng CloudFlare thì không cần kích hoạt.
- CDN CNAME(s): điền link CDN của bạn vào đây, chẳng hạn như
cdn.wpcanban.com. Ngoài ra còn có tùy chọn cho phép bạn chạy toàn bộ file, chỉ hình ảnh, CSS và JS, chỉ JS hoặc chỉ CSS trên CDN. - Exclude files from CDN: điền URL của những file mà bạn không muốn chạy trên CDN.
12. Tab Add-ons:
Trong đó:
- Varnish: chuyển sang trạng thái ON nếu host của bạn có hỗ trợ Varnish cache.
- CloudFlare: chuyển sang trạn thái ON nếu website của bạn sử dụng CloudFlare.
Khi CloudFlare ở trạng thái ON, sẽ xuất hiện thêm 1 tab cho phép các bạn thiết lập kết nối với tài khoản CloudFlare của mình:
Trong đó:
- Global API key: API của CloudFlare, các bạn có thể xem hướng dẫn lấy API tại đây.
- Account email: email tài khoản CloudFlare của bạn.
- Domain: điền domain website của bạn.
- Development mode: chuyển sang trạng thái ON nếu bạn không muốn CloudFlare cache dữ liệu website, thường được dùng khi bạn chỉnh sửa các file CSS hoặc JS.
- Optimal settings: chuyển sang trạng thái ON nếu bạn muốn WP Rocket tự động tối ưu các thiết lập cho CloudFlare. Bạn nên cẩn thận khi sử dụng tính năng này, tốt nhất nên tự thiết lập thủ công.
- Relative protocol: chỉ sử dụng với flexible SSL của CloudFlare. URL của các file JS và CSS sẽ được sửa thành
//thay vìhttp://hayhttps:// - Clear all CloudFlare cache files: xóa toàn bộ file cache trên CloudFlare.
13. Tab Tools:
Trong đó:
- Export settings: cho phép bạn download file cấu hình plugin WP Rocket về máy tính. Bạn có thể sử dụng file này để thiết lập nhanh plugin WP Rocket trên các website khác.
- Import settings: cho phép bạn upload file cấu hình plugin WP Rocket từ máy tính lên.
- Rollback: tính năng này sẽ cho phép bạn hạ cấp WP Rocket về phiên bản cũ hơn trong trường hợp phiên bản hiện tại bị lỗi hoặc không tương thích với website.
Cuối cùng, click vào nút Save Changes để lưu toàn bộ các thiết lập.
Xong! Bạn đã hoàn tất việc cài đặt và cấu hình plugin WP Rocket. Thật đơn giản phải không nào? Giờ là lúc để trải nghiệm những hiệu quả mà WP Rocket mang lại cho blog/ website của bạn.
Mọi thắc mắc về việc cài đặt và sử dụng plugin WP Rocket, vui lòng gửi vào khung bình luận bên dưới để được hỗ trợ và giải đáp. Đừng quên cho chúng tôi biết đánh giá của bạn về hiệu năng của plugin này nhé.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Cài đặt plugin ảnh hưởng đến seo không vậy bác?
cứ có ông admin thế này ai cũng yêu hết ạ =)) thank vì bài viết nhé
Cảm ơn bài viết rất nhiều.
Mình đang phân vân về việc dùng giao diện Word Press thì có ưu tiên về SEO hay không?
Cái nữa về vấn đề bảo mật tránh bị hack thì nên có nên mua các tiện ích trả phí không ạ?
Site cuả mình cài xong như hướng dẫn, cập nhập bài và đợi đến 12h sau đó nó mới hiển thị. Mặt dù đã xóa cach trên Cloudflare.
Là nguyên nhân gì vậy bạn Hiêu?
WP Rocket tự động xóa cache khi cập nhật bài viết mới mà? Ngoài WP Rocket ra bạn có sử dụng plugin nào khác có tính năng tương tự không? Kiểm tra cả file .htaccess xem có code nào có khả năng cache dữ liệu không?
Site của mình chỉ xài WP rocket thôi, Tình trạng này bị sau khi thiết lập giống như bạn hướng dẫn. Thấy site load rất nhanh, nhưng ngược lại là đợi 10 h sau nó mới upload lên được. Thèn WP Rocket này nhớ dai thật. Thử nghiệm load trên điện thoại và máy tính bảng vẫn giống như vậy.
Bác có bài nào hướng dẫn cài đặt CloudFlare hay CND chi tiết không ợ??
Bạn tham khảo bài viết “Làm thế nào để sử dụng CloudFlare một cách hiệu quả?” nhé.
Cài như thế nào là tối ưu nhất ad
Mỗi site có một cách cài khác nhau. Site này có thể chạy ổn với cấu hình như vậy, nhưng site khác thì không. Do đó, phải tùy theo trường hợp mà điều chỉnh thiết lập. Nhiều bạn bảo mình chỉ dịch tính năng mà không đưa ra một thiết lập cụ thể nào cả. Trên thực tế thì không thể đưa ra một thiết lập nào tối ưu nhất đối với các plugin kiểu như thế này.
Mình tạo cho blog https://www.blogdanhgia.info/ của mình mà sao không thấy cải thiện gì mấy mặc dù web chả có gì hết huhu
Khi cài vào nó có giới thiệu plugin nén ảnh gì đó. Có nên sử dụng cái đó không bác. thường em hay nén thủ công bằng tinypng
Bỏ qua đi bạn ơi. Imagify không phải plugin miễn phí đâu. Nếu muốn nén ảnh miễn phí và tự động, bạn có thể dùng EWWW Image Optimizer.
Vâng. Cám ơn bác.
Sao e đăt thời gian sống của cache là 8h, khi cập nhật bài mới sau 8h vào vẫn load như cũ mà k thấy bài mới. Phải f5 lại trang mới thấy ạ
F5 mới thấy thì không phải do tính năng cache web mà là cache trình duyệt. Nếu là cache web thì bạn có F5 gãy tay cũng không có gì thay đổi. :P
thế cache lifepan trong plugin này là ở đâu ạ.
với vậy mỗi lần có update bài viết mình nên xóa cacher ạ.
WP Rocket tự động xóa cache mỗi khi chỉnh sửa hay đăng tải bài viết mới mà. Chỉ sợ vấn đề nằm ở host hoặc trình duyệt web của bạn thôi.
thanks a ạ
bạn tư vấn giúp mình trang mình là trang mã giảm giá lazada minh cũng dùng plugin WP Rocket rồi mà vẫn không ăn thua không hiểu vì sao ak
Viết bừa để đi link à bạn? Mình thấy website của bạn đang chạy W3 Total Cache mà.
Bản này có thêm chức năng gì mới không hay chỉ mỗi giao diên mới thôi ạ
Đổi giao diện, tối ưu và fix bug thôi bạn ạ. Còn về tính năng thì vẫn giống như bản 2.x
Cảm ơn bài viết hữu ích
Vesion bao nhiêu em thấy giao diện nó lạ lạ vậy anh!
Phiên bản 3.0 mới nhất nhé. :P
Cập nhật lên thôi, nhìn giao diện đẹp thật!
WP-Rocket mới cập nhất chất quá.
Hiếu cho mình hỏi, dùng Host bên HH rồi thì sử dụng Combo nào cho hợp lý nhỉ: LiteSpeed, Redis, MemCache, WP-Rocket… ?
LiteSpeed Cache hay WP Rocket đều được. Nếu dùng LiteSpeed Cache thì đã được tích hợp sẵn tính năng cho phép kích hoạt Redis và Memcached. Còn nếu dùng WP Rocket thì phải cài thêm plugin khác để hỗ trợ. :P
Website cấu hình cache bị sai, và hiện tại dính lỗi js :) Phải F5 mới hoạt động được bình thường.
Hơn nữa bài viết này chỉ là việt hóa mấy câu miêu tả chứ không nói về cách sử dụng thế nào, và khi gặp lỗi phải làm gì :)
Mình hỏi thật là bạn đã đọc bài chưa vậy? Hay lại tay nhanh hơn mắt?
Mình có đọc bài trước khi bình luận.
Wp-Rocket thực tế rất dễ dùng, vì chức năng của nó được miêu tả hết bên dưới và bạn cũng đã dịch ra hết.
Tối ưu web cũng chỉ quan trọng là JS và CSS. Với JS thì Rocket giờ thông minh hơn khi có Safe mode rồi.
Còn css thì không như thế, bạn nên viết chi tiết hơn về Optimize CSS delivery chứ không phải chỉ tích vào là xong. Thực tế chức năng này vẫn gây lỗi với đa số website, và khi gặp lỗi thì xử lý ra sao nữa chứ k phải lỗi thì bỏ đánh dấu đi.
Về việc fix lỗi khi gộp và nén file JS, CSS, sẽ có bài hướng dẫn riêng. Trong khuôn khổ một bài hướng dẫn như thế này không thể viết đầy đủ và chi tiết đến mức như vậy được.
trước em được tặng wprocket từ wpcanban, hiện tại plugin này chỉ dừng ở phiên bản 2.11.7, vẫn chưa có bản cập nhật mới để có giao diện mới a ạ j@@
Phiên bản 3.0 hiện tại mới chỉ ở trạng thái beta 1 nên bạn có thể vào link đã đặt mua để download hoặc đăng ký tham gia Beta testing (nằm trong tab Tools của phiên bản 2.x trở xuống) nhé. :P
Chỉ cần làm theo hướng dẫn của plugin này thôi phải không bác, làm xong chắc chắn web sẽ ngon chứ ạ ?
Sẽ cải thiện được rất nhiều về mặt hiệu năng. Còn cải thiện được đến đâu thì phải tùy thuộc vào host và giao diện mà bạn đang sử dụng nữa. Nếu host chậm và theme tải nhiều file từ server bên ngoài thì hiệu quả tất nhiên sẽ thấp hơn. :P
Chào a Hiếu. Giờ em muốn mua WP roket có được không ạ? Giá cả bao nhiêu ạ?
Chào bạn. Nếu bạn muốn mua plugin WP Rocket thì có thể đăng ký và thanh toán tại đây nhé. :)
A cho hỏi: nó có giảm thời gian load trang trên di động không ạ?
Em mua hosting bên viettel idc, dùng wordpress trên cpanel, em chỉ cài mấy cái plugin Easy Google Fonts, Jetpack, AddToAny Share Buttons, WP Smush, Yoast SEO, TinyMCE Advanced.
Em hỏi là dùng WP rocket có xung đột với chúng không?
Khi viết bài mới hoặc cập nhật bài viết thì mình có phải xóa cache thủ công không ạ?
Website của em mới gần 300 bài viết mà em thấy load trang lâu nên em muốn mua WP rocket của bên a để cải thiện.
Em mới làm wordpress nên hơi nhiều câu hỏi. :D
Mong sớm được a trả lời. tks a!
WP Rocket hỗ trợ tối ưu tốc độ load cho cả desktop lẫn mobile bạn nhé. Nó không xung đột với plugin nào trong danh sách kể trên cả. WP Rocket tự động xóa cache khi bạn update bài viết cũ hoặc đăng tải bài viết mới. :)
Cám ơn a nhé.
Vậy thì xúc luôn :))
Thực sự cảm ơn a Hiếu nhiều, a rất nhiệt tình tư vấn.
Sao mình cài vào đã cài đặt đầy đủ mà sao khi view source nó k hiện dòng cache debug bên dưới bạn nhỉ
Bạn đưa link web đây mình check thử xem nào. :)
có xài đc trên localhost để test ko admin, hay bắt buộc phải chạy trên host
Mình chưa thử bao giờ, nhưng mình nghĩ là chạy được. :)
bài viết này không mang ý nghĩa “hướng dẫn” cấu hình wp-rocket, nó mang ý nghĩa “dịch thuật” đúng hơn, ok men?
Mỗi website có một cách cấu hình tối ưu khác nhau. Do đó không thể hướng dẫn cụ thể được. Mình chỉ có thể giải thích ý nghĩa của từng mục và khuyên mọi người nên kích hoạt những mục nào thôi. Bạn có hiểu không?
Hiếu hướng dẫn sử dụng wp rocket phiên bản mới nhất đi
Em thấy bác đang dùng LiteSpeed Cache, bác có thể chia sẻ về So sánh giữa LiteSpeed Cache và WP Rocket không ạ?
Nếu là server LiteSpeed và có hỗ trợ LiteSpeed Cache thì cài plugin LiteSpeed Cache ngon hơn WP Rocket. Tất nhiên là phải kết hơn LiteSpeed Cache với một số plugin + thủ thuật khác nữa. Vì LiteSpeed Cache chỉ là server cache. Còn WP Rocket thì toàn diện hơn. :P
Sao mỗi lần nhấn “Save settings” là nó lại hiện ra cái màn hình trắng vậy ạ?
Bạn kiểm tra error_log trong thư mục /wp-admin/ hoặc trong thư mục gốc xem nó có báo lỗi gì không?
Bác cho em hỏi là blog cá nhân của em đang sử dụng theme Newspaper, nếu cài plusgin này thì có phát sinh lỗi gì không bác. Trước em nhờ người cài đặt web giờ nó lỗi em cài lại thì phải mất phí nên em muốn chắc chắn chút
Lỗi thì xóa plugin đi là xong chứ có gì đâu mà phải lo bạn. Cũng còn tùy bạn dùng tính năng gì của plugin nữa. Những tính năng có thể gây lỗi giao diện thường là tính năng tối ưu JS, CSS và HTML. Còn tạo cache đơn thuần thì làm sao lỗi được. :P
Vâng, cảm ơn bác nhiều nhé! Em thử cài xem sao :D
KLQ: đừng cố gắng chèn link web hay từ khóa vào mục tên bạn nhé. Vui lòng tuân thủ quy định khi bình luận. Cảm ơn bạn.
Cho mình hỏi khi cài rocket , nó bảo mình cài thêm plugin nén hình ảnh ? tên plugin nén hình ảnh là gì mình quên mất rồi ? ai biết chỉ với .
Là Imagify bạn ạ. Nhưng dùng ShortPixel hay hơn. Nếu miễn phí thì dùng EWWW Image Optimizer. :P
Cảm ơn bạn nhiều nha. Để mình cài thử các plugin bạn giới thiệu xem thử.
E sử dụng wp rocket từ anh, khi cài đặt thì ok, sử dụng gtmetrix check thì có tối ưu rất nhiều, nhưng khi view source thì ở cuối cùng nó lại không có dòng xanh của wprocket.me. website của e như dưới
Mình check thấy có mà. Chắc bạn đang đăng nhập khi check?
Mình dùng plugin này thì giao diện mobile bị lổi so với lúc chưa cài, bạn có thể fix giúp mình được không. Xin cảm ơn site mình là biquyetvang.com
Nhiều khả năng là do bạn bật tính năng tối ưu JS, CSS trên WP Rocket. Bạn nên loại bỏ các file JS, CSS có thể bị lỗi ra khỏi danh sách gộp/ nén hoặc tốt nhất là tắt hẳn tính năng này đi. :P
Cái theme của Mythemeshop nó đã có nhiều tính năng lazyload như thế này rồi (http://sv1.upsieutoc.com/2017/03/25/3123.png) thì WP rocket có cần bật Lazyload: Images, Iframes & Videos nữa không a Hiếu.
Dùng 1 trong 2 cái thôi. :P
2 dòng CDN – CDN & SSL e vẫn không hiểu. e đang dùng host godaddy, có qua Cloudflare, có SSL của Cloudflare thì có nên tích cái nào không a
Như vậy 1 cái plugin có key có thể xài cho nhiều website của mình phải không bạn? Mình đọc thấy nó xài chung với cả CloudFlare vậy 2 cái này trùng lặp nhau à, vì CF nó cũng tạo cache và minify các kiểu, rồi CDN
Plugin có thể sử dụng không giới hạn số site bạn nhé. WP Rocket có thể xài chung với CloudFlare, nó sẽ tự thiết lập để tương thích với CloudFlare tốt nhất. Nếu bạn không xài CloudFlare thì có thể tắt đi. :P
hnay đã update bản mới với nhiều cái khá lạ
rất mong Hiếu viết thêm
thanks
Sẽ có bài viết bổ sung trong thời gian sắp tới anh nhé. :P
Mình có mail mà k thấy bạn trả lời, mình comment có bác nào biết thì hỗ trợ giúp. Web mình cứ mỗi lần qua ngày mới là kkrating lại bị lỗi. Nó báo là k đọc được file js của kkrating.Trước đó đã loại trừ nén hết cả rồi. Clear cache thì nó lại bình thường. Mình quên chụp ảnh lại cái lỗi.
Mình vào trang của bạn thấy vote bình thường mà. Có lỗi gì đâu? Bạn lưu ý không sử dụng đồng thời cả 2 tính năng tối ưu CSS, JS của WP Rocket và CloudFlare nhé. Nếu có bật Rocket Loader thì tắt nó đi. :P
Tắt rocket load nó vẫn vậy Hiếu ơi, Clear cloudflare nó vẫn còn. Chỉ đến lúc nào clear cache thì nó mới bt lại. Lúc bạn vào thì mình cho nó bt lại rồi. Mình chưa có thời gian cài đặt tải không đồng bộ trong rocket nên vẫn đang còn xài rocket loader. Vì tắt rocket load thì nó vẫn bị nên mình nghĩ nó k vì thế. Giờ đang update lên 2.9. Để xem ngày mai có bị tiếp k rồi tính tiếp. Nó mà lỗi k load dc cái js đó thì nó liên lụy luôn đến cái booking k book dc. Chán. Cám ơn bạn, để mình test vài trường hợp xem ntn.
Sử dụng plugin này có cần sử dụng thêm Autoptomize và WP Super Cache không bạn?
Không nhé. WP Rocket tổng hợp tính năng của 2 thằng kia rồi. :P
Bác Hiếu ơi. Mình chọn gộp js lại thành 1 thì xảy ra 1 số vấn đề booking nên mình k gộp js nữa. Chỉ nén html, css, js thôi. Tuy nhiên kkrating của mình dở chứng quá. Lúc thì nó dc. Giờ mình k gộp js, chỉ gộp css thôi. Nhưng kkrating của mình vẫn mất hiển thị ngôi sao. mình có sử dụng cloudflare và rocket-load của cloudflare. Bác coi giúp sao với ạ.
Bạn thử bỏ tính năng nén JS, CSS và Roket Load của CloudFlare đi xem nhé. Xong nhớ clear cache WP Rocket và cache CloudFlare đi. Mình nghĩ do conflict giữa WP Rocket với CloudFlare. :P
Mình tắt rocket load rồi nhưng vẫn bị. Không biết ban cài đặt plugin rocket trên web mình như thế nào nhỉ. K thấy sinh ra các file cache. Bên mình sinh ra mấy file cache. Chắc gỡ hết ra rồi cài lại quá. Ngoài dùng plugin Rocket ra mình nên sử dụng thêm hoặc cấu hình thêm gì để tối ưu web hơn nhỉ.
Bạn gửi thông tin đăng nhập WordPress và đăng nhập CloudFlare qua form liên hệ mình kiểm tra cho nhé. :)
Mình gửi qua mail nhé. Lúc trước có trao đổi mail. Giờ mình rep luôn.
Ok bạn. :)
Mình đang cài 2 web cùng theme .1 web supper cache load 1.7s. Web xài rocket load 2.2s. Làm sao đây ta :(
Web bạn chạy chung server không? Các plugin dùng hoàn toàn giống nhau không? Và cả lượng dữ liệu nữa? :P Chúng phải giống hệt nhau thì mới so sánh chính xác được chứ. :P
Mỗi plugin đều có cài vài cái khác thêm để tối ưu tốt nhất theo từng plugin. Nếu kết hợp tốt thì supper k thua gì rocket cả.Theo Hiếu nói là nếu gộp lại thành 1 file như js, css thì tốc độ load sẽ nhanh, nhưng mình có đọc hướng dẫn của plugin thì k gộp có thể sẽ nhanh hơn vì load song song, còn gộp thì load 1 nhưng dư liệu lớn. Mình nên ntn nhỉ.
Nén lại thành 1 thì nó giảm thiểu lượng request tới máy chủ bạn ạ. Còn lượng dữ liệu cần tải thì vẫn tương đương nhau mà. Chỉ khi bạn nén gây xung đột thì site mới tải chậm hơn thôi. Phần lớn trường hợp là tải nhanh hơn. :P
Mình cài plugin này vào thì khi sửa css nó ko cập nhật. Tắt đi thì ok mà mở lại thì nó vẫn như cũ @@ Mình đã thử clear cache trong setting của plugin rồi mà vẫn bị
Bạn đã clear luôn cả cache trình duyệt chưa? :P
Rồi bạn, mình làm đủ thứ hết mà vẫn bị @@ ko biết trong plugin có tùy chọn để disable cái link css đó ko nữa @@
http://suckhoecongdong24h.net/
Hi Hiếu kiểm tra dùm mình web này với, mình cài wp-rocket rồi nhưng sao tốc độ speed trên pagespeed insight vẫn màu đỏ, có 50 điểm ah.
Ảnh của bạn chưa hề được nén. Cài plugin EWWW Image Optimizer vào và nén chúng đi nhé. Check Google PageSpeed mà không đọc mấy cái thông báo lỗi của nó à bạn? :P
EWWW Image Optimizer cái này có giống plugin nén ảnh Smush không bạn. Tại mình nén ảnh bằng plugin này rùi.
Hoàn toàn giống nhau. Site của bạn có một số ảnh kích thước quá lớn + nhiều ảnh lưu trữ ở ngoài host => không tối ưu được bằng plugin. Bạn phải giảm kích thước ảnh xuống + chuyển ảnh về lưu trữ trên host thì mới giải quyết được vấn đề. :P
Thank you Hiếu tư vấn rất tận tình, mình rất thích website của bạn.
Ah tại cái này do mình dùng theme mới tải về, chắc sau này viết bài rồi dùng hình ảnh khác chắc tốt hơn.
Hai plugin trên thì cái nào tốt hơn vậy Hiếu.
Nếu là bản miễn phí thì mình đánh giá EIO cao hơn WP Smush. :)
P/s: Bạn nên lưu ảnh trên host thay vì sử dụng ảnh từ nguồn khác, không thể tối ưu nổi đâu. Bị Google nó cho điểm thấp là điều hiển nhiên thôi. :P
Nếu website đang hoạt động bình thường giờ mình cài EWWW Image Optimizer thì nó có tối ưu ảnh đang có trên website ko hay là mình up ảnh nào lên nó mới tối ưu ảnh đó vậy Hiếu
Bạn có thể tối ưu toàn bộ ảnh bằng tính năng Bulk Optimization nhé. :P
sao mình cấu hình như trên, mà web lại chậm đi gấp 10 lần @@
lúc trước dùng W3 total cache thì test chỉ khoảng 5-6s là load xong.
hôm qua sao khi gỡ W3 Total Cache cài WP Rocket thì sáng nay test lại toàn 60-90s =.=
mà cái page size nó giảm từ 1.4MB xuống còn 700Kb
Bạn cấu hình như trên là cấu hình như thế nào? Cụ thể thì bạn đã tick chọn những mục nào? :P
như trong bài hướng dẫn á bác :D
bên tab Basic thì stick Images, Iframes & Videos, HTML và Google Font
bên tab Advance thì em ko stick gì cả
tab Varnish thì e stick chọn “Enable the Varnish caching auto-purge”. vì host e có dùng Varnish
có sai sót chỗ nào ko bác, mà sao giờ test toàn 60s đến 90s :((
Bỏ hết các tính năng kia đi. Chỉ giữ lại tính năng cache xem sao. :P
Mỗi lần cập nhật nội dung lại bị xóa hết cache, có cài đặt được để nó ko xóa đi ko bác Hiếu?
Nó buộc phải xóa để tránh lỗi không hiển thị nội dung mới bạn ạ. :P
Mình cài plugin này cho site http://phuonglong.com.vn/, có bật chức năng nén html, giờ thêm thẻ tiếp thị lại của gg vào nó nén mất đoạn này /* <![CDATA[ */, có cách nào khắc phục ko bác, ko lẽ phải bỏ nén đi
Không có cách nào khác là phải bỏ tính năng nén HTML thôi bạn. :P
Mình cũng định dùng nhưng mà mình có khoảng 200 site chạy webserver nginx. Đọc cái link hướng dẫn của bạn thấy cái plugin này hình như phải config cron job và file cấu hình cho từng site mà thấy oải quá :(
200 site thì nghe thôi đã thấy sợ rồi. :P
sao không tick vào Enable caching for mobile Hiếu ơi
Kiểm tra xem nó có bị conflict với plugin nào khác không. Deactive toàn bộ plugin (ngoại trừ WP Rocket) sau đó active lần lượt là biết ngay mà. :P
Mình muốn sử dụng plugins này . Ad hướng dẫn cách đăng ký với thanh toán với ạ . À cho mình hỏi chút thế cái này cài được nhiều site ko
Bạn điền thông tin vào form ở cuối bài viết rồi chuyển khoản thanh toán giúp mình là được nhé. Nội dung thanh toán ghi rõ mua plugin WP Rocket + địa chỉ email của bạn. Plugin sử dụng không giới hạn số site. :)
Hi Hiếu,
Plugin này mình share lại của bạn, nó sử dụng tốt nhưng gần đây không biết sao bị dính cache safari trên iphone( còn trình chrome trên mobile thì android hoặc ios đều ổn). Lỗi là Ko chịu xóa cache trên trang chủ thì phải. Nhấn F5 thì mới chịu load mới, mình nghi là do cache trình duyệt, & mình cấu hình sai ở chỗ nào rồi.
Bạn thử debug giúp mình xem: https://thuyetphapmoi.com/
Hoặc gửi support hỏi nó xem
Bạn có dùng CDN hay plugin tạo cache nào khác ngoài WP Rocket không? :P
Không dùng plugin nào khác & cũng ko dùng cdn. Có thêm 1 file tối ưu rocket-nginx.conf để truy vấn qua cache trước rồi mới php. Dùng firebug thì thấy 30 ngày mới mã hạn cache html. Còn trang của hiếu thì thấy có 15p
NginX thì mình cũng không rành lắm. :P
Chào bạn,
Khi mình cài Wp rocket thì trang checkout của mình trường tỉnh thành phố ko chọn được tỉnh, bạn biết do đâu ko, chỉ mình cách khắc phục với.
Bạn có bật tính năng nén, gộp CSS và JS không? Nếu có thì thử tắt nó đi xem sao. :P
Tắt đi và xóa cache nhưng vẫn ko đc. Dùng Wp rocket thì công nhận web load nhanh hơn nhưng lại lỗi
http://www.upsieutoc.com/image/hsLa Khi ẩn danh
http://www.upsieutoc.com/image/hsLy Khi đăng nhập admin
:(
Tham khảo link này thử xem: http://docs.wp-rocket.me/article/27-using-wp-rocket-on-your-ecommerce-site :P
Sau khi thử thì thấy tốt nhất là ko nên tic vào css và js, vậy cũng đủ nhanh rồi :D
Nén, gộp CSS và JS dễ gây lỗi giao diện lắm. :)
Ừ đúng, mà mình bị lỗi lặt vặt thôi, mỗi font chữ bị đổi màu, còn chủ yếu một số cái plugin nhỏ nó nhảy vị trí.
À mà sao ko tick vào lazyload thấy nhanh hơn mới buồn cười chứ :P
Trước đây bạn có sử dụng plugin lazyload nào không? Chắc nó load nhanh quá nên không nhận ra chứ gì? :D Bạn kéo xuống dưới và thấy ảnh hiện ra dần dần thì có nghĩa là lazyload hoạt động bình thường. :P
Trước đây mình có dùng 1 plugin tên là lazyload luôn thì phải, sau đó cũng thấy giống như bây giờ nên gỡ ra rồi. Mình ko tick vào lazyload thì nó load tất cả ảnh đồng thời, mà nhanh lắm, còn tick vào thì lúc kéo xuống khoảng 1s nó mới load xong ảnh :D
Như vậy chứng tỏ tính năng lazyload của WP Rocket vẫn chưa hoàn hảo lắm. Thỉnh thoảng mình cũng bị lỗi tải chậm do lazyload. Chắc nó sẽ được khắc phục và cải tiến trong những phiên bản sau. :)
Cái plugin lazyload cũng bị y như vậy mà, dùng wp rocket nếu ko dùng lazyload đã thấy nhanh lắm rồi, còn không biết ảnh nó load lúc nào nữa, nên với web mình thì thấy không cần cải tiến nó nữa :P
Vậy thì thôi, tốt nhất là không dùng lazyload nữa, đỡ lo bị lỗi. :D
Mình dùng KeyCDN thì cấu hình như thế nào Hiếu nhỉ ?
Bạn cấu hình đầy đủ các yêu cầu có trong phần CDN là được thôi. Cũng đơn giản mà. :)
Mình đã cấu hình được, khá đơn giản. Nhưng plugin này gây xung đột nhiều quá Hiếu ơi. Nó xung đột với JSON API plugin, mình không hoạt động tốt trên ứng dụng di động Android và iOS. Bạn có giải pháp nào liên hệ tác giả WP Rocket để hỏi xem sao ko
Ủa. Từ bản 2.4.1 họ đã thông báo là khắc phục lỗi xung đột với JSON API rồi mà nhỉ? http://wp-rocket.me/changelog/ :P
Bản cậu gửi tớ vẫn bị lỗi xung đột với JSON API. Với iOS thì nó crash ứng dụng ra, còn với Android thì nó cho thumbnail nhảy loạn xạ cả lên :( Tớ rất thích plugin cache này nhưng đành deactived nó đi :( Cậu có idea nào ko.
Việc thứ 2 là: Audio mp3 bên tớ bị lỗi Missing Plugin khi chạy trên Safari, cậu có plugin audio nào support cho các trình duyệt ko. Tớ ko muốn convert mp3 sang ogg nữa, tại như thế dung lượng nó đầy VPS quá. Cậu có giải pháp nào ko chỉ tớ với
Bạn dùng plugin Jetpack không? Kích hoạt cái module JSON API lên thử xem. Nếu vẫn lỗi thì mình nghĩ thứ cần hi sinh là apps chứ sao lại là plugin tạo cache nhỉ? :D Bạn có thể truy cập và quản lý web thông qua trình duyệt mà. Mình cũng dùng trình duyệt mobile chứ chẳng bao giờ dùng app WordPress trên điện thoại cả. :P
Ý bạn là trình phát nhạc MP3 mặc định của WordPress bị lỗi trên Safari à? Thử plugin này xem sao: https://www.tipsandtricks-hq.com/wordpress-audio-music-player-plugin-4556 :P
Mình không dùng Jetpack. Mình thử các cách rồi mà nó vẫn xung đột. Bên web của mình có responsive template, nhưng mình vẫn dùng app để tiện cho nhiều khách hàng.
Dùng app chủ yếu để quản lý bình luận, đăng bài thôi chứ? :D Bạn vào Advanced Options => Never cache the following pages => Chèn link JSON API vào đó rồi lưu lại xem sao. Link này có dạng https://wpcanban.com/wp-json/ :)
Dùng app có cái tiện là nó có thông báo khi có bài viết mới, ngoài ra một số template app còn có hỗ trợ trình youtube, Tumblr, fanpage, Inst…Để mình thử cách của bạn xem sao
Mình vừa gửi một ticket đến support. Chắc họ sẽ reply lại theo email của Hiếu đã đăng ký.
Nếu họ trả lời thì mình sẽ phản hồi lại cho bạn. :P
Cảm ơn Hiếu, sẽ ủng hộ web của bạn dài dài
“Hi Trung Hieu,
Alice from WP Rocket here.
I just checked your site with Android and it seems that all the thumbnails are there.
When you activated WP Rocket and saw the crush and missing thumbnails, was minification CSS/JS enabled? Upon activation of these options, a nice popup said that these options may pose display worries. In this cases, it’s sufficient to simply disable the minification or locate the correct files that cause the issue and exclude them.
Here is the step by step solution: http://docs.wp-rocket.me/article/19-resolving-issues-with-minification
Let me know if you need help implementing that.
If minification was disabled instead, did you have any other option?
Wishing you a great day.”
Nguyên văn câu trả lời từ WP Rocket nhé. :P
Đã cài đặt và thấy tốc độ load nhanh hơn, thanks Hiếu nhiều hy vọng trong thời gian tới nhiều nhiều cái hay hơn để cho cộng đồng mạng dùng.
Cảm ơn feedback của anh. :)
em cài đặt tối ưu tùm lum rồi tốc độ tải trang nhanh hơn đc khoảng 1s. mà điểm page speed của gg thì giảm vài chục là sao nhỉ
Bạn có dùng CDN không? :P
Chào bác Hiếu !
Bác cho e hỏi, link bài viết liên quan ở giữa bài viết bác dùng cách nào vậy?
Mình thêm thủ công nhé. Không sử dụng plugin. :P
Chào bác Hiếu
Em không dùng CDN mà chỉ set ở cái Basic thôi
Như vậy tính năng cache của nó có phát huy được không bác
Ok bạn nhé. Blog của mình cũng đâu có dùng CDN. :)
Mình đang định làm cái CDN mà thấy phức tạp quá … làm bài hướng dẫn chi tiết đi Hiếu
Có nhiều loại CDN mà. Biết hướng dẫn loại nào bây giờ? :P
Chào anh Hiếu,
Anh cho em hỏi nhờ chút với ạ:
1.Phần config thực ra do em không dùng CDN nên chỉ có mỗi cái config ở basic thôi
Vậy hiệu quả dùng cache nó có tối ưu không ạ
2.Em đang dùng nginx, vậy sau khi active xong có phải setup gì thêm không ạ
Mong hồi âm của anh
Tham khảo cách cấu hình WP Rocket cho Nginx tại đây nhé: https://github.com/maximejobin/rocket-nginx :P
Mình cài xong không bị vỡ khung nhưng phần like box facebook cũng như phần facebook follower không xuất hiện là sao nhỉ? Nó chỉ hiện thị ở trình duyệt coc coc còn các trình duyệt khác nó không hiện thị. Mình đã làm lại một lần mà cũng không được.
Bỏ mấy tính năng minify css và js đi nhé.
Cái này cũng tùy từng giao diện thì phải. Mình dùng Sahifa không bị lỗi gì luôn. Chỉ xung đột với JSON API :))
Bác cho hỏi cái này nó lưu cache trên hosting của mình luôn phải không?
Đúng rồi. Nó lưu trên ổ cứng của host bạn nhé. :)
Thank bác! Do mình đang sử dụng dịch vụ bên tenten nhưng mà dung lượng host thấp quá để chờ đến hạn chắc chuyển sang host bên ftech :)
Không phải dìm hàng nhưng thực sự host của Tenten còn không bằng host miễn phí. :P
Hj nói chung mình sài cũng thấy ổn, tuy nhiên dung lượng hơi thấp :) Cấu hình mình đang sài http://i1275.photobucket.com/albums/y452/zhonmaz/Untitled_zpsvvkb5irl.png
:D Host của Tenten hay bị down và quá tải. Nói chung có thể xem là bét nhất Việt Nam ở thời điểm hiện tại. Mình từng cài web cho mấy khách sử dụng host Tenten rồi nên mình quá rõ. :P
Hj vậy chắc ráng vài tháng nữa nhảy qua hosting của bác giới thiệu sài :)
Đấy là mình đứng trên góc độ của một người dùng để đánh giá đấy nhé. Không phải góc độ của một đối thủ muốn dìm hàng họ. Chất lượng thực sự thế nào thì mọi người đều biết cả. :)
Có bạn nào update lên phiên bản 2.7.4 chưa? Update xong nhớ clear cache nhé. :D
Cảm ơn bạn đã chia sẻ bài viết. Mình muốn hỏi thêm là cài plugin này khi cập nhật bài mới thì khách vào có nhận được những cập nhật mới này không? Vì trước mình có dùng spercache nhưng khi chỉnh bài xong khách vào vẫn không xem được bài mới đó. Vì mình không rõ nó hoạt động như thế nào nên mong bạn giải thích giúp.
Khi có bài viết hoặc bình luận mới thì plugin sẽ tự động xóa cache bạn nhé. Và người dùng sẽ thấy bài viết ngay. WP Super Cache cũng có tính năng này, có thể do bạn cấu hình chưa đúng thôi. Tham khảo thêm bài viết này nhé: https://wpcanban.com/wordpress/thu-thuat-wordpress/huong-dan-cai-dat-va-cau-hinh-plugin-wp-super-cache.html :)
Ad ơi em cài nó bị lỗi gì ấy không ghi được file . cài trên localhost vẫn bình thường . e đang chạy trên vps dử dụng nginx
Tham khảo cách cấu hình plugin cho Nginx nhé: https://github.com/maximejobin/rocket-nginx :)
Hiếu co thể cho biết nên lưu ý gì với site có cài plugin bán hàng woocommerce được không nhỉ?
WP Rocket hoàn toàn tương thích với các plugin thương mại điện tử nên bạn có thể cài và dùng bình thường nhé. :)
Cảm ơn Hiếu, vậy thì yên tâm rồi, nhận từ hôm qua mà chưa dám cài, hôm nay sẽ cài luôn. :D
Nếu không yên tâm thì bạn cứ backup trước. Nếu bị xung đột thì restore cái là xong. Nhưng mình nghĩ không sao đâu. :)
Quá chi tiết nên quá dài, đọc xong áp dụng cho site liền. kekekeke. 200k giá quá bèo :D
Bác nào có đk share em với ạ :(
Qua đây đăng ký 1 slot đi bạn: https://wpcanban.com/khuyen-mai/so-huu-plugin-wp-rocket-chinh-hang-voi-gia-chi-200k.html. Rẻ mà. Xài hàng share lỡ đâu bị chèn mã độc thì sao? :D
Bản này là bản mấy rồi cậu ?
KLQ nhưng cậu làm banner đẹp phết :D
Bản 2.7.3 nhé. Bản mới nhất luôn. :)
của anh thì nên kích hoạt cái nào e @_@
Như trong hình ở mục 4 là được thôi anh. Nhớ gỡ bỏ plugin lazyload và plugin tạo cache khác đi nhé. :D