Một nghiên cứu từ Forrester Consulting cho biết, 47% người tiêu dùng mong đợi một trang web sẽ tải trong hai giây hoặc ít hơn .

Điều đáng buồn là nhiều chủ sở hữu trang web không nhận ra rằng một trang web tải chậm không chỉ làm mọi người thất vọng, nó còn có thể tác động tiêu cực đến thứ hạng SEO Google của bạn và có tác động đến doanh thu!

Điều tốt là có nhiều cách để tăng tốc thời gian tải trang web, đặc biệt nếu trang web đang sử dụng WordPress. Bởi vì ở đây tôi sẽ hướng dẫn bạn cách bắt đầu với WP Rocket (và vâng, đó là một plugin tôi sử dụng để tăng tốc trang web của mình).

WP Rocket là gì?

WP Rocket là một plugin lưu trữ Cache WordPress cao cấp cực kỳ hiệu quả trong việc tăng tốc thời gian tải trang web của bạn.

TẢI XUỐNG VÀ CÀI ĐẶT WP ROCKET

Đầu tiên, hãy truy cập trang web WPkit.me đăng ký tài khoản để tải xuống miễn phí plugin WP-Rocket.

Tiếp theo, đăng nhập vào trang web WordPress của bạn và truy cập vào Plugin -> Thêm mới -> Tải lên Plugin.

Chỉ cần tải lên tệp zip nhận được sau khi mua và cài đặt WP Rocket.

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 2

Cuối cùng sau khi cài đặt, kích hoạt WP Rocket và plugin hiện đã được cài đặt.

Bây giờ là lúc cấu hình WP Rocket theo các cài đặt được đề xuất.

Trước tiên, hãy vào Cài đặt -> WP Rocket và bạn sẽ được đưa đến trang cài đặt của plugin. Có 10 tab hoặc phần bạn sẽ cần định cấu hình và điều chỉnh cài đặt:

BẢNG ĐIỀU KHIỂN WP ROCKET

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 3

Bảng điều khiển cung cấp cho bạn thông tin về giấy phép của bạn và khi hết hạn. Bạn cũng có thể chọn tham gia làm Rocket Tester (chương trình thử nghiệm beta) và Rocket Analytics (cho phép WP Rocket thu thập dữ liệu ẩn danh). Tại đây bạn cũng tìm thấy các liên kết để hỗ trợ và các câu hỏi thường gặp về WP Rocket.

Trong Bảng điều khiển, bạn có thể xóa tất cả các tệp được lưu trong bộ nhớ cache (nên thực hiện khi đã hoàn tất cấu hình cài đặt WP Rocket), Bắt đầu tải trước bộ đệm (tạo bộ đệm cho trang chủ của bạn và tất cả các liên kết nội bộ trên trang chủ) và Xóa nội dung OPcache ( xóa OPcahce giúp ngăn sự cố khi bạn cập nhật plugin WP Rocket).

CÀI ĐẶT BỘ NHỚ CACHE WP ROCKET

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 4

1. Enable caching for mobile devices nên được kích hoạt vì nó cho phép bộ đệm cho thiết bị di động và làm cho trang web của bạn thân thiện hơn với thiết bị di động.
Đồng thời chọn Separate cache files for mobile devices . Bởi vì bộ nhớ đệm di động của WP Rocket hoạt động an toàn nhất với cả hai tùy chọn được bật. Khi nghi ngờ, hãy bật cả hai.

2. Enable caching for logged in WordPress users, điều này chỉ được khuyến nghị kích hoạt khi bạn có trang web thành viên hoặc tương tự khi người dùng phải đăng nhập để xem nội dung.

3. Cache lifespan được tự động đặt thành 10 giờ và điều này có nghĩa là các tệp được lưu trong bộ nhớ cache sẽ tự động bị xóa sau 10 giờ trước khi được tạo lại. Nếu bạn hiếm khi cập nhật trang web của bạn hoặc có nhiều nội dung tĩnh, bạn có thể tăng nội dung này.

Lưu và kiểm tra, kỹ lưỡng! Vô hiệu hóa cài đặt nếu bạn nhận thấy bất cứ điều gì bị hỏng trên trang web của bạn.

CÀI ĐẶT TỐI ƯU HÓA TẬP TIN WP & CSS

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 5

Minifying files giảm kích thước tập tin và có thể cải thiện thời gian tải. Thu nhỏ sẽ loại bỏ khoảng trắng và nhận xét khỏi các tệp tĩnh, cho phép trình duyệt và công cụ tìm kiếm xử lý nhanh hơn các tệp HTML, CSS và JavaScript.

Combining files sẽ ghép các tệp thành các nhóm nhỏ hơn để đảm bảo tính tương thích của chủ đề / plugin và hiệu suất tốt hơn. Tuy nhiên, không bắt buộc ghép nối vào chỉ 1 tệp duy nhất, vì các trình duyệt tải xuống nhanh hơn tới 6 tệp nhỏ hơn song song hơn 1-2 tệp lớn.

Kết hợp CSS và JS vào ít tệp hơn được coi là cách thực hành tốt nhất theo HTTP/1, đó không nhất thiết là trường hợp với HTTP/2. Nếu trang web của bạn chạy trên HTTP/2, đây là những điều bạn nên xem xét khi định cấu hình WP Rocket cho HTTP/2.

1. Minify HTML files sẽ xóa khoảng trắng và nhận xét để giảm kích thước của các trang web trên trang web của bạn.

2. Combine Google Fonts files sẽ giảm số lượng yêu cầu HTTP (đặc biệt nếu bạn đang sử dụng nhiều phông chữ).

3. Remove query strings khỏi tài nguyên tĩnh có thể cải thiện cấp hiệu suất trên GT Metrix. Cài đặt này sẽ xóa chuỗi truy vấn phiên bản khỏi các tệp tĩnh (ví dụ: style.css? Ver = 1.0) và mã hóa nó thành tên tệp thay vào đó (ví dụ: style-1-0.css).

4. Minify CSS files sẽ xóa khoảng trắng và các nhận xét để giảm kích thước tệp biểu định kiểu.

5. Combine CSS files hợp nhất tất cả các tệp của bạn thành một tệp, điều này sẽ làm giảm số lượng yêu cầu HTTP. Không được đề xuất nếu trang web của bạn sử dụng HTTP/2.

Quan trọng: Điều này có thể phá vỡ mọi thứ! Nếu bạn nhận thấy bất kỳ lỗi nào trên trang web của mình sau khi kích hoạt cài đặt này, chỉ cần tắt nó và trang web của bạn sẽ trở lại bình thường.

6. Optimize CSS delivery giúp loại bỏ CSS chặn kết xuất trên trang web của bạn để có thời gian tải nhanh hơn. Điều này có nghĩa là trang của bạn sẽ bắt đầu tải mà không có kiểu CSS và đây là điều mà Google PageSpeed ​​Insights sẽ xem xét khi ‘ghi điểm’ tốc độ trang.

CSS đường dẫn quan trọng có nghĩa là trang của bạn sẽ bắt đầu tải mà không cần tất cả các kiểu CSS. Điều đó có nghĩa là nó có thể trông hơi lạ trong một vài khoảnh khắc trong khi tải.

Điều này được gọi là FOUC (flash của nội dung chưa được lọc) . Để tránh điều này, bạn phải sử dụng cái được gọi là CSS đường dẫn quan trọng. Điều này có nghĩa là CSS cho nội dung ở đầu trang của bạn phải được đặt trực tiếp trong HTML để tránh FOUC trong khi tải trang.

Để tạo CSS đường dẫn quan trọng, bạn có thể sử dụng công cụ Trình tạo CSS Đường dẫn quan trọng này .

7. Minify JavaScript files xóa khoảng trắng và các nhận xét để giảm kích thước của các tệp JS.

8. Combine JavaScript files kết hợp thông tin JavaScripts của trang web của bạn ít tệp hơn, giảm các yêu cầu HTTP. Không được đề xuất nếu trang web của bạn sử dụng HTTP/2.

Quan trọng: Điều này có thể phá vỡ mọi thứ! Nếu bạn nhận thấy bất kỳ lỗi nào trên trang web của mình sau khi kích hoạt cài đặt này, chỉ cần tắt nó một lần nữa và trang web của bạn sẽ trở lại bình thường.

9. Tải JavaScript hoãn lại giúp loại bỏ JS chặn kết xuất trên trang web của bạn và có thể cải thiện thời gian tải. Đây là điều mà Google PageSpeed ​​Insights xem xét khi ‘tốc độ trang’.

10. Safe Mode for JQuery đảm bảo hỗ trợ cho các tham chiếu jQuery nội tuyến từ các chủ đề và plugin bằng cách tải jQuery ở đầu tài liệu dưới dạng tập lệnh chặn kết xuất.

Lưu và kiểm tra, kỹ lưỡng! Vô hiệu hóa cài đặt nếu bạn nhận thấy bất cứ điều gì bị hỏng trên trang web của bạn.

CÀI ĐẶT WP ROCKET MEDIA

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 6

1. Lazy load images có nghĩa là hình ảnh sẽ chỉ được tải khi chúng ta cuộn đến hình ảnh (hoặc sắp đến), tức là chỉ được tải khi người dùng cuộn xuống trang. Tải nhanh giúp giảm số lượng yêu cầu HTTP có thể cải thiện thời gian tải.

2. Lazy load iframes and videos có nghĩa là iframe và video sẽ chỉ được tải khi người dùng cuộn xuống trang. Tải nhanh giúp giảm số lượng yêu cầu HTTP có thể cải thiện thời gian tải.

3. Replace YouTube iframe with preview image có thể cải thiện đáng kể thời gian tải của bạn nếu bạn có nhiều video YouTube trên một trang.

Có thể tắt Lazyload trên từng trang/bài đăng riêng lẻ (bạn tìm thấy cài đặt này trong thanh bên của bài đăng/trang)

4. Disable Emoji nên được tắt vì sử dụng biểu tượng cảm xúc mặc định của trình duyệt của khách truy cập thay vì tải biểu tượng cảm xúc từ WordPress.org. Vô hiệu hóa bộ đệm ẩn biểu tượng cảm xúc làm giảm số lượng yêu cầu HTTP có thể cải thiện thời gian tải.

6. WordPress embeds nên bị vô hiệu hóa vì nó ngăn người khác nhúng nội dung khỏi trang web của bạn, nó cũng ngăn bạn nhúng nội dung từ các trang web khác và xóa các yêu cầu JavaScript liên quan đến Nhúng WordPress.

Lưu và kiểm tra, kỹ lưỡng! Vô hiệu hóa cài đặt nếu bạn nhận thấy bất cứ điều gì bị hỏng trên trang web của bạn.

CÀI ĐẶT WP ROCKET PRELOAD

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 7

1. Sitemap preloading sử dụng tất cả các URL trong sơ đồ trang web XML của bạn để tải trước khi hết tuổi thọ bộ đệm và toàn bộ bộ đệm đã bị xóa.

2. Yoast SEO XML sitemap WP Rocket sẽ tự động phát hiện sơ đồ trang web XML được tạo bởi plugin Yoast SEO . Bạn có thể kiểm tra tùy chọn để tải trước nó.

3. Preload bot chỉ nên được kích hoạt và sử dụng trên các hosting hoạt động tốt. Sau khi được kích hoạt, nó sẽ được kích hoạt tự động sau khi bạn thêm hoặc cập nhật nội dung trên trang web của mình. Thay đổi thành Manual nếu điều này gây ra vấn đề về hiệu suất hoặc sử dụng CPU cao.

Khi bạn viết hoặc cập nhật một bài đăng hoặc trang mới, WP Rocket sẽ tự động xóa bộ đệm cho nội dung cụ thể đó và bất kỳ nội dung nào khác liên quan đến nó. Bot tải trước sẽ thu thập dữ liệu các URL này để tạo lại bộ đệm ngay lập tức.

4. Prefetch DNS requests cho phép phân giải tên miền xảy ra song song (thay vì nối tiếp) với việc tìm nạp nội dung trang thực tế.

Bạn có thể chỉ định các máy chủ bên ngoài (như //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) để được tìm nạp trước khi tìm nạp trước DNS có thể làm cho các tệp bên ngoài tải nhanh hơn, đặc biệt là trên các mạng di động.

Các URL phổ biến nhất để tìm nạp trước là:

  • //maxcdn.bootstrapcdn.com
  • // pl platform.twitter.com
  • //s3.amazonaws.com
  • //ajax.googleapis.com
  • //cdnjs.cloudflare.com
  • //netdna.bootstrapcdn.com
  • //fonts.googleapis.com
  • //connect.facebook.net
  • //www.google-analytics.com
  • //www.googletagmanager.com
  • //maps.google.com

Lưu và kiểm tra, kỹ lưỡng! Vô hiệu hóa cài đặt nếu bạn nhận thấy bất cứ điều gì bị hỏng trên trang web của bạn.

CÀI ĐẶT NÂNG CAO QUY TẮC WP ROCKET

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 8

Các cài đặt này dành cho quản lý bộ đệm nâng cao, thường để loại trừ các trang giỏ hàng và thanh toán trong các trang web thương mại điện tử.

1. Never cache URL(s) cho phép bạn chỉ định URL của các trang hoặc bài đăng không bao giờ được lưu vào bộ đệm.

2. Never cache cookies cho phép bạn chỉ định ID của cookie, khi được đặt trong trình duyệt của khách truy cập, sẽ ngăn không cho trang bị lưu vào bộ đệm.

3. Never cache user agents cho phép bạn chỉ định chuỗi tác nhân người dùng sẽ không bao giờ thấy các trang được lưu trong bộ nhớ cache.

4. Always purge URL(s) cho phép bạn chỉ định các URL bạn luôn muốn xóa khỏi bộ đệm bất cứ khi nào bạn cập nhật bất kỳ bài đăng hoặc trang nào.

5. Cache query strings cho phép bạn chỉ định chuỗi truy vấn cho bộ đệm.

Lưu và kiểm tra, kỹ lưỡng! Vô hiệu hóa cài đặt nếu bạn nhận thấy bất cứ điều gì bị hỏng trên trang web của bạn.

CÀI ĐẶT CƠ SỞ DỮ LIỆU WP ROCKET

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 9

Phần này đi kèm với một loạt các cài đặt để dọn dẹp và tối ưu hóa WordPress.

1. Post cleanup xóa các sửa đổi, bản nháp tự động, và các bài đăng và trang rác. Xóa chúng trừ khi bạn có phiên bản cũ của bài đăng (hoặc bài viết đã bị xóa).

2. Comments cleanup xóa thư rác và bình luận rác.

3. Transients cleanup xóa dữ liệu được lưu trữ như số lượng chia sẻ mạng xã hội.

4. Database cleanup tối ưu hóa các bảng trong cơ sở dữ liệu WordPress của bạn.

5. Automatic cleanup Tôi thường làm công việc dọn dẹp trên cơ sở bằng tay nhưng bạn cũng có thể lên lịch cho WP Rocket để chạy tự động dọn dẹp cơ sở dữ liệu của bạn.

Tốt nhất bạn nên sao lưu cơ sở dữ liệu của mình trước khi chạy dọn dẹp, vì một khi việc tối ưu hóa cơ sở dữ liệu đã được thực hiện, không có cách nào để khôi phục nó.

CÀI ĐẶT CDN WP ROCKET

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 10

Sử dụng mạng phân phối nội dung (CDN) có nghĩa là tất cả các URL của tệp tĩnh (CSS, JS, hình ảnh) sẽ được ghi lại vào (các) CNAME mà bạn cung cấp.

1. Enable CDN Kích hoạt tính năng này nếu bạn đang sử dụng mạng phân phối nội dung. WP Rocket tương thích với hầu hết các CDN như Amazon Cloudfront, MaxCDN, KeyCDN (mà tôi đang sử dụng) và các loại khác. Tìm hiểu thêm về cách sử dụng WP Rocket với CDN

2. CDN CNAME(s) Sao chép CNAME (tên miền) do nhà cung cấp CDN của bạn cung cấp cho bạn và nhập nó vào CDN CNAME. Điều này sẽ viết lại tất cả các URL cho tài sản của bạn (tệp tĩnh).

3. Exclude files cho phép bạn chỉ định (các) URL của các tệp không được cung cấp qua CDN.

Lưu và kiểm tra, kỹ lưỡng! Vô hiệu hóa cài đặt nếu bạn nhận thấy bất cứ điều gì bị hỏng trên trang web của bạn.

WP ROCKET ADD-ONS (CLOUDFLARE)

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 11

WP Rocket cho phép bạn tích hợp tài khoản Cloudflare của mình với chức năng bổ trợ của họ.

1. Global API Key Bạn sẽ tìm thấy khóa API ở trên cùng bên phải trong tài khoản Cloudflare của bạn. Chỉ cần truy cập hồ sơ của bạn và cuộn xuống và bạn sẽ thấy khóa API global của mình. Bạn chỉ cần sao chép và dán nó vào WP Rocket.

2. Account Email Đây là địa chỉ email bạn sử dụng cho tài khoản Cloudflare của mình.

3. Domain Đây là tên miền của bạn, ví dụ wpkit.me.

4. Development Mode Tạm thời kích hoạt chế độ phát triển trên trang web của bạn. Cài đặt này sẽ tự động tắt sau 3 giờ. Điều này tốt cho khi bạn đang thực hiện nhiều sửa đổi cho trang web của mình.

5. Optimal Settings Tự động nâng cao cấu hình Cloudflare của bạn về tốc độ, hiệu suất và khả năng tương thích. Tùy chọn này kích hoạt cài đặt Cloudflare tối ưu.

6. Relative Protocol Chỉ nên được sử dụng với tính năng Cloudflare’s flexible SSL. URL của các tệp tĩnh (CSS, JS, hình ảnh) sẽ được viết lại để sử dụng // thay vì http:// hoặc https://

WP ROCKET TOOLS

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 12

1. Export settings cho phép bạn xuất cài đặt WP Rocket để sử dụng trên một trang web khác.

2. Import settings cho phép bạn nhập cài đặt WP Rocket đã xuất.

3. Rollback cho phép bạn quay trở lại phiên bản trước, nếu một phiên bản WP Rocket mới gây ra bất kỳ vấn đề nào cho website của bạn.

CẤU HÌNH WP ROCKET CHO HTTP/2

HTTP/2 là bản nâng cấp của HTTP, xuất hiện từ năm 1999 để quản lý giao tiếp giữa các máy chủ web và trình duyệt. HTTP/2 mở đường cho việc tải trang nhanh hơn thông qua việc nén dữ liệu tốt hơn, ghép các yêu cầu và cải thiện tốc độ khác.

Nhiều máy chủ và trình duyệt có hỗ trợ HTTP/2 và hầu hết các máy chủ web. Kiểm tra HTTP/2 tại đây để biết nếu trang web của bạn có khả năng sử dụng HTTP/2.

Nếu trang web của bạn có khả năng sử dụng HTTP/2, đây là cách bạn có thể định cấu hình WP Rocket cho nó.

Ghép nối (combining) tất cả các tệp CSS và JS thành ít tệp nhất có thể không phải là cách thực hành tốt nhất cho HTTP/2 và WP Rocket khuyên bạn không nên kích hoạt nối tệp trong tab FILES OPTIMIZATION.

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 13

WP Rocket khuyên bạn nên bỏ chọn hai hộp này . Để biết thêm thông tin xem bài viết này trên WP Rocket.

NHỮNG HOSTING NÀO HOẠT ĐỘNG VỚI WP ROCKET?

WP Rocket tương thích với hầu hết tất cả các máy chủ web. Tuy nhiên có một vài nhà cung cấp hosting không tương thích với WP Rocket. Cách tốt nhất để chắc chắn 100% là liên hệ với nhà cung cấp hosting của bạn và hỏi.

TRỢ GIÚP & TÀI LIỆU CHÍNH THỨC CỦA WP ROCKET

Nếu bạn vì lý do này hay lý do khác gặp phải vấn đề với WP Rocket, có rất nhiều thông tin hữu ích có sẵn trên trang web của WP Rocket.

TẢI WP-ROCKET MIỄN PHÍ VÀ CÁCH CÀI ĐẶT & CẤU HÌNH WP ROCKET CHUẨN NHẤT 14

MUA PLUGIN WP ROCKET GIÁ RẺ TẢI ĐÂY, CÓ CẢ PHIÊN BẢN ĐÃ KÍCH HOẠT SẴN (ACTIVATED) NẾU BẠN MUỐN

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *