Cho phép tải css không đồng bộ trong cài đặt tên lửa wp để sử dụng Tính năng này

Plugin hiệu suất cao đơn giản để nâng cao đầu ra css của WP Rocket để sử dụng polyfill tải trước loadCSS.
Điều này sẽ đảm bảo mọi css được tải qua đầu ra của trang đều được hoãn lại và sử dụng thuộc tính tải trước [rel].
Lưu ý. Điều này sẽ không ảnh hưởng đến các trang quản trị. Nó được thiết kế chỉ để xử lý các trang đầu cuối.

Bạn nên bật cài đặt WP Rocket cho “Tối ưu hóa CSS”, cài đặt này sẽ cung cấp cho các trang của bạn Critical-CSS nội tuyến.
Bằng cách đó, đèn flash không được tạo kiểu sẽ không xuất hiện khi tải trang (tất nhiên là nếu được định cấu hình đúng cách).

Plugin này sẽ tăng điểm Lighthouse và PageSpeed ​​​​Insight của bạn

Nhiệm vụ bổ trợ

Chúng tôi tin chắc rằng WP Rocket nên triển khai tính năng này như một tính năng trong plugin của họ.
Nếu điều đó xảy ra, chúng tôi sẽ cập nhật plugin này để đánh dấu nó là không dùng nữa.

Yêu cầu

  • Nếu bạn muốn người dùng đã đăng nhập thấy hiệu ứng, bạn phải bật cài đặt của WP-Rocket có tên là “bộ nhớ đệm cho người dùng đã đăng nhập”
  • Plugin này phụ thuộc vào việc có loadCSS. Nó đi kèm với nó được xây dựng trong
    • Ngoài ra, bạn có thể chạy plugin mà không cần WP-Rocket, bất chấp mục đích của nó. (>^. ^)>

Đặc trưng

  • LoadCSS của FilamentGroup(v2. 0. 1) trình tiêm nội tuyến
    (tùy chọn – xem trang cài đặt bên cạnh WP Rocket), được kích hoạt qua wp_head
  • Cách tiếp cận Biểu thức chính quy hiệu suất cao để xử lý bộ đệm đầu ra của WP Rocket (php), để thay thế các biểu định kiểu bằng cú pháp loadCSS thích hợp
  • Tùy chọn bật bộ xử lý bộ đệm khi bạn chưa cài đặt WP Rocket.
    ** Điều này sẽ tôn trọng các trang AMP và đầu ra Sơ đồ trang web Yoast (bằng cách không thực thi). Không có cân nhắc nào khác đã được thực hiện.

không có lông tơ. Chỉ cần triển khai loadCSS mạnh mẽ

Bạn có thể xem cách nó hoạt động và đo lường hiệu suất bằng cái này (qua repl. nó). Chạy mã của Plugin
Chỉ cần dán url hoặc html của trang của riêng bạn vào biến thích hợp @ the top.

Và bạn cũng có thể kiểm tra regex của plugin này. WordPress. com html – các liên kết được lọc bởi regex

Liên kết Github ở đây. Nhấp chuột

Thử nghiệm lần cuối với

  • Tên lửa WP 3. 1. x
  • wordpress 4. 9. x

phụ thuộc

  • Tên lửa WP (tùy chọn thông qua cài đặt)
  • hàm php file_get_contents() (nếu bao gồm lib loadCSS được sử dụng thông qua các tùy chọn — mặc định = có)

Bạn đang tìm kiếm cài đặt WP Rocket tốt nhất để tăng tốc trang web của mình và vượt qua Google’s Core Web Vitals trong Google PageSpeed ​​​​Insights?

WP Rocket hiện cung cấp hơn 1.700.000 trang web và là một trong những plugin bộ nhớ đệm được đề xuất hàng đầu của tôi để tăng tốc độ trang web của bạn

Với rất nhiều tùy chọn để lựa chọn giữa các plugin bộ nhớ đệm WordPress, thật khó để biết nên bật hoặc tắt cài đặt WP Rocket nào và liệu bạn có hai plugin bộ đệm làm cùng một việc hay không

Một trong những điều yêu thích của tôi về WP Rocket là nó xử lý mọi thứ trong một plugin duy nhất, vì vậy bạn không cần phải tải xuống một loạt các plugin tối ưu hóa, điều này chỉ làm tăng khả năng làm giảm tốc độ trang web của bạn do các plugin xung đột đang cố gắng thực hiện

Hướng dẫn cài đặt tốt nhất của WP Rocket này sẽ hướng dẫn bạn qua từng khu vực và cho bạn biết chính xác cài đặt nào bạn nên áp dụng tùy thuộc vào tình huống của bạn để bạn có thể có một trang web WordPress rất nhanh vượt qua Google’s Core Web Vitals, điều này sẽ giúp bạn tăng thứ hạng quý giá trên Google

Một điều quan trọng cần ghi nhớ – máy chủ lưu trữ WordPress bạn sử dụng là yếu tố quan trọng nhất để có một trang web WordPress nhanh

Nếu bạn đang sử dụng dịch vụ lưu trữ WordPress chậm, trang web của bạn sẽ chậm cho dù bạn có thực hiện bao nhiêu tối ưu hóa cho nó

Do đó, hãy truy cập trang lưu trữ Bắt đầu viết blog 101 để xác định xem bạn có đang sử dụng dịch vụ lưu trữ chậm hay không và liệu bạn có thể hưởng lợi từ việc nâng cấp lên dịch vụ lưu trữ hiệu suất cao hơn không

Hướng dẫn WP Rocket này là một trong những hướng dẫn toàn diện nhất trên web ngay bây giờ. Nó dài hơn, nhưng tôi khuyến khích bạn sử dụng Mục lục bên dưới và làm theo khi bạn cần

Vì vậy, bạn đã sẵn sàng?

Best WP Rocket Settings

Sử dụng hướng dẫn cài đặt WP Rocket tốt nhất bên dưới để nhảy xung quanh khi bạn cần

Mục lục

Bắt đầu viết blog 101 được người đọc hỗ trợ. Nếu bạn mua hàng thông qua một liên kết trên trang web của tôi, tôi có thể kiếm được hoa hồng. Tìm hiểu thêm

Kiểm tra tốc độ tên lửa WP

Đầu tiên và quan trọng nhất, hãy nói về tốc độ trang web của bạn nếu bạn sử dụng đúng thiết lập cùng với các cài đặt WP Rocket tốt nhất mà tôi sẽ giới thiệu

Với cài đặt plugin WP Rocket được đề xuất của tôi, bạn có thể vượt qua Core Web Vitals cho cả tab máy tính để bàn và thiết bị di động trong Google PageSpeed ​​​​Insights, phần khó tối ưu nhất cho

Google PageSpeed Insights Mobile Tab 99 Score Start Blogging 101

Đây là một báo cáo GTMetrix được chạy trên hướng dẫn WP Rocket chính xác này, vượt qua tất cả các Core Web Vitals với tốc độ rất nhanh

WP Rocket Best Settings GTMetrix Speed Test

Bạn chỉ nên sử dụng Google PageSpeed ​​​​Insights để kiểm tra Core Web Vitals của mình. Tôi không khuyên bạn nên sử dụng GTMetrix cho điểm Core Web Vitals của bạn

Dưới đây là 5 lý do tại sao bạn nên ngừng sử dụng GTMetrix cho các chỉ số quan trọng về trang web

Đạt điểm cao như thế này rất dễ dàng bằng cách thực hiện bốn điều

  1. Sử dụng dịch vụ lưu trữ nhanh, đáng tin cậy (Xem trang lưu trữ)
  2. Sử dụng chủ đề WordPress nhẹ, có thể tùy chỉnh (Tôi thực sự khuyên dùng Chủ đề Kadence hoặc bạn có thể đọc bài Đánh giá chủ đề Kadence đầy đủ của tôi)
  3. Không sử dụng trình tạo trang của bên thứ ba và sử dụng trình chỉnh sửa WordPress tích hợp (Gutenberg) để tạo trang của bạn (Tham gia nhóm Facebook không có trình tạo trang WordPress của tôi)
  4. Sử dụng plugin bộ nhớ đệm hiệu suất cao (WP Rocket)

Vui lòng đọc toàn bộ Đánh giá về Cloudways của tôi hoặc nếu bạn muốn sử dụng cùng một dịch vụ lưu trữ hiệu suất cực cao đang cung cấp năng lượng cho trang web này

Nếu bạn muốn tìm hiểu chính xác cách làm cho trang web của mình nhanh như vậy và vượt qua Core Web Vitals, điều này sẽ giúp bạn tăng thứ hạng trên Google, thì hãy xem khóa học qua email 7 ngày để làm chủ tốc độ WordPress của tôi. Nó miễn phí 100% như một cách để nói lời cảm ơn vì đã đọc nội dung của tôi và ủng hộ tôi. 🙂

Tổng quan về cài đặt tên lửa WP tốt nhất

Ngay sau khi bạn cài đặt và kích hoạt WP Rocket, plugin sẽ áp dụng một số cài đặt mặc định “an toàn” phù hợp với đại đa số trang web

Tuy nhiên, vẫn còn nhiều cài đặt khác mà chúng tôi có thể định cấu hình để làm cho trang web của bạn nhanh hơn nữa

Nếu bạn không muốn đọc qua toàn bộ hướng dẫn này, tôi đã biên soạn tất cả các cài đặt WP Rocket được đề xuất của mình trong một tổng quan cô đọng, phù hợp với hầu hết các trang web WordPress

Cache Settings

  • Bật bộ nhớ đệm cho thiết bị di động – Đã bật
  • Tách các tệp bộ đệm cho thiết bị di động – Đã tắt
  • Bật bộ nhớ đệm cho người dùng WordPress đã đăng nhập – Đã tắt (trừ khi bạn sử dụng chủ đề hoặc plugin có người dùng đăng nhập vào trang web của bạn)
  • Tuổi thọ bộ nhớ đệm – 10 giờ. Bộ nhớ cache của bạn sẽ hết hạn và được xây dựng lại sau mỗi 10 giờ, phù hợp với đại đa số người dùng

File Optimization Settings

  • Thu nhỏ tệp CSS –  Đã bật
  • Kết hợp các tệp CSS –  Đã tắt
  • Tối ưu hóa phân phối CSS –  Đã bật – Chọn tùy chọn “Xóa CSS không sử dụng” để có hiệu suất tốt nhất nhưng có thể gây ra sự cố. Nếu bạn gặp sự cố, hãy chọn “Tải CSS không đồng bộ”, đây là tùy chọn an toàn nhất
  • Giảm thiểu tệp JavaScript –  Đã bật
  • Kết hợp các tệp JavaScript –  Đã tắt
  • Tải JavaScript bị trì hoãn –  Đã bật
  • Trì hoãn thực thi JavaScript –  Đã bật

Media Settings

  • Bật cho hình ảnh –  Đã bật
  • Bật cho iframe và video –  Đã bật
  • Thay thế iframe YouTube bằng hình ảnh xem trước –  Đã bật
  • Thêm kích thước hình ảnh bị thiếu –  Đã bật

Preload Settings

  • Kích hoạt Tải trước –  Đã bật
  • Tải trước bộ nhớ cache dựa trên sơ đồ trang web đang hoạt động – Đã bật
  • Sơ đồ trang web XML [Plugin SEO] – Đã bật
  • Bật tải trước liên kết –  Đã bật
  • Tìm nạp trước yêu cầu DNS – Nhập URL của bên thứ ba mà bạn muốn tìm nạp trước
  • Tải trước phông chữ – Nhập URL phông chữ để ưu tiên tải các phông chữ cần thiết để hiển thị

Advanced Rules Settings

  • Never Cache URL(s) – Nhập URL của các trang hoặc bài đăng không bao giờ được lưu vào bộ nhớ cache (mỗi URL một dòng)
  • Không bao giờ lưu trữ cookie – Nhập ID cookie đầy đủ hoặc một phần, khi được đặt trong trình duyệt của khách truy cập, sẽ ngăn không cho một trang được lưu vào bộ nhớ cache (một trên mỗi dòng)
  • Never Cache User Agent(s) – Nhập các chuỗi tác nhân người dùng sẽ không bao giờ nhìn thấy các trang được lưu trong bộ nhớ cache (một chuỗi trên mỗi dòng)
  • Luôn xóa (các) URL – Nhập các URL bạn luôn muốn xóa khỏi bộ nhớ cache bất cứ khi nào bạn cập nhật bất kỳ bài đăng hoặc trang nào (một URL trên mỗi dòng)
  • (Các) Chuỗi truy vấn bộ đệm – Nhập các chuỗi truy vấn để lưu vào bộ nhớ đệm (một chuỗi trên mỗi dòng)

Database Settings

  • Bản sửa đổi –  Đã tắt
  • Bản nháp tự động – Đã tắt
  • Bài đăng bị chuyển vào thùng rác – Đã bật
  • Nhận xét spam – Đã bật
  • Nhận xét đã chuyển vào thùng rác – Đã bật
  • Tất cả tạm thời – Đã bật
  • Tối ưu hóa bảng – Đã bật
  • Lên lịch dọn dẹp tự động – Hàng tuần

CDN Settings

  • Bật Mạng phân phối nội dung –  Đã bật  (nếu bạn đang sử dụng CDN với WP Rocket. Tôi khuyên dùng BunnyCDN với WP Rocket)
  • CDN CNAME(s) – Chỉ định CDN CNAME(s) sẽ được sử dụng để phân phối các tệp tĩnh
  • Loại tệp – Tất cả tệp

Heartbeat Settings

  • Kiểm soát nhịp tim – Đã bật
  • Hành vi trong chương trình phụ trợ – Giảm hoạt động
  • Hành vi trong trình chỉnh sửa bài đăng – Giảm hoạt động
  • Hành vi ở giao diện người dùng – Giảm hoạt động

1. bảng điều khiển

WP Rocket Dashboard

Bảng điều khiển WP Rocket khá cơ bản

Tại đây, bạn có thể xem bạn có giấy phép nào. Tôi hiện có giấy phép Vô hạn nên tôi có thể sử dụng nó trên bao nhiêu trang web tùy thích vì đó là plugin bộ nhớ đệm mà tôi khuyên dùng cho bất kỳ trang web nào về cơ bản

Bạn cũng có thể xem Ngày hết hạn khi giấy phép WP Rocket của bạn hết hạn

Sau khi giấy phép WP Rocket của bạn hết hạn, WP Rocket sẽ vẫn hoạt động, nhưng bạn sẽ không nhận được bất kỳ hỗ trợ hoặc cập nhật nào trong tương lai

Tôi rất khuyến khích việc gia hạn giấy phép của bạn mỗi năm nếu bạn đang sử dụng WP Rocket vì mỗi bản cập nhật đều rất quan trọng để đảm bảo trang web của bạn không bị hỏng

Trên bảng điều khiển, bạn cũng có thể nhận RocketCDN, CDN của riêng họ với một khoản phí bổ sung

Cá nhân tôi không khuyên dùng RocketCDN vì có những CDN khác tốt hơn tích hợp hoàn hảo với WP Rocket mà tôi thảo luận trong phần

2. Bộ nhớ cache

  • Bật bộ nhớ đệm cho thiết bị di động – Đã bật
    • Tách các tệp bộ đệm cho thiết bị di động – Đã tắt
  • Bật bộ nhớ đệm cho người dùng WordPress đã đăng nhập – Đã tắt (trừ khi bạn sử dụng chủ đề hoặc plugin có người dùng đăng nhập vào trang web của bạn)
  • Tuổi thọ bộ đệm – 10 giờ. Bộ nhớ cache của bạn sẽ hết hạn và được xây dựng lại sau mỗi 10 giờ, phù hợp với đại đa số người dùng

Best WP Rocket Cache Settings

Đây là các cài đặt WP Rocket tốt nhất cho phần bộ đệm giả định rằng bạn đang sử dụng chủ đề WordPress đáp ứng trên thiết bị di động (gần như tất cả chúng) và không cho phép người dùng đăng nhập vào trang web của bạn

Bộ nhớ cache trên thiết bị di động – Bạn nên bật bộ nhớ đệm cho thiết bị di động (hộp kiểm đầu tiên). Điều này sẽ tăng tốc trang web của bạn cho khách truy cập trên thiết bị di động của bạn. “Điện thoại di động” trong thuật ngữ WP Rocket chỉ người dùng điện thoại. Không bật "tệp bộ đệm riêng biệt cho thiết bị di động" trừ khi bạn có chủ đề hoặc plugin chuyên dụng chỉ dành cho thiết bị di động (có thể bạn không có). Ngoài ra, nếu WP Rocket phát hiện bất kỳ chủ đề/plugin cụ thể nào trong số này, nó sẽ bật tùy chọn đó theo mặc định cho bạn và chuyển sang màu xám. Khi tùy chọn “tệp bộ đệm riêng cho thiết bị di động” được bật, WP Rocket cung cấp tệp bộ đệm hoàn toàn khác cho điện thoại so với máy tính bảng hoặc thiết bị máy tính để bàn

Bộ đệm người dùng – Tùy chọn này tạo một bộ tệp bộ đệm dành riêng cho mỗi người dùng WordPress đã đăng nhập. Tắt tùy chọn này trừ khi bạn sử dụng thứ gì đó như chủ đề thành viên hoặc plugin nơi người dùng đăng nhập và mỗi người dùng có nội dung khác nhau mà họ nhìn thấy

Tuổi thọ bộ đệm – Đây là nơi bạn có thể chỉ định thời gian sau đó bộ đệm chung sẽ bị xóa. Mặc định là 10 giờ. Các tệp bộ đệm cũ hơn thời gian bạn đã chỉ định sẽ bị xóa. Nếu bạn đã bật tính năng “Tải trước” (được bật theo mặc định), thì bộ đệm của bạn sẽ được tải trước tự động, điều đó có nghĩa là bạn sẽ không phải làm gì cả. Bạn luôn có thể xóa thủ công bộ nhớ cache bất cứ khi nào bạn muốn. Nếu bạn nhận thấy rằng các vấn đề xuất hiện định kỳ, bạn có thể phải giảm tuổi thọ của mình xuống dưới 10 giờ

3. Tối ưu hóa tệp

  • Giảm thiểu tệp CSS – Đã bật
  • Kết hợp các tệp CSS – Đã tắt
  • Tối ưu hóa phân phối CSS – Đã bật – Chọn tùy chọn “Xóa CSS không sử dụng” để có hiệu suất tốt nhất nhưng có thể gây ra sự cố. Nếu bạn gặp sự cố, hãy chọn “Tải CSS không đồng bộ”, đây là tùy chọn an toàn nhất
  • Giảm thiểu tệp JavaScript – Đã bật
  • Kết hợp các tệp JavaScript – Đã tắt
  • Tải JavaScript bị trì hoãn – Đã bật
  • Trì hoãn thực thi JavaScript – Đã bật

Best WP Rocket File Optimization Settings

Đây là những cài đặt tốt nhất cho phần Tối ưu hóa tệp trong WP Rocket, nhưng bạn phải cẩn thận với một vài trong số chúng

Phần Tối ưu hóa tệp chứa một mỏ vàng tối ưu hóa sẽ giúp bạn vượt qua Core Web Vitals và sẽ xử lý rất nhiều đề xuất về tốc độ trong Google PageSpeed ​​​​Insights và GTMetrix

Đọc tiếp để được giải thích về từng cài đặt Tối ưu hóa tệp WP Rocket bên dưới

Giảm thiểu tệp CSS và JS

Bạn nên kích hoạt cả hai cài đặt. Thu nhỏ tệp CSS và Thu nhỏ tệp JavaScript. Làm điều này sẽ tăng tốc độ tải trang web của bạn bằng cách xóa tất cả các ký tự không cần thiết trong tệp CSS và JS của bạn, chẳng hạn như khoảng trống, dòng trống và nhận xét

Giảm thiểu các tệp CSS và JS của bạn nói chung là an toàn và không làm hỏng trang web của bạn

Tuy nhiên, bạn sẽ thấy cảnh báo khi bật các tùy chọn này có nội dung “Điều này có thể làm hỏng 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 hủy kích hoạt lại và trang web của bạn sẽ hoạt động bình thường trở lại. ”

WP Rocket Warning This Could Break Things Activate Minify CSS

Sau khi bật các tùy chọn này, hãy nhấp qua trang web của bạn và đảm bảo mọi thứ vẫn ổn

Kết hợp các tệp CSS và JS

Nếu bạn bật tùy chọn Thu nhỏ tệp CSS và Giảm thiểu tệp JS, thì tùy chọn Kết hợp tệp CSS và Kết hợp tệp JS sẽ sáng lên

Cá nhân tôi khuyên bạn nên tắt cả tệp Kết hợp CSS và tệp Kết hợp JS

Ngoài ra, nếu bạn bật tính năng “Trì hoãn thực thi JavaScript” mà tôi sẽ sớm giới thiệu, thì tính năng Kết hợp các tệp JS sẽ bị WP Rocket tự động vô hiệu hóa để đảm bảo các tập lệnh được tải theo đúng thứ tự

Nói chung, nếu dịch vụ lưu trữ của bạn hỗ trợ và sử dụng HTTP/2 (hầu hết tất cả chúng đều nên như vậy), bạn muốn tắt cả hai tùy chọn Kết hợp tệp CSS và Kết hợp tệp JS

Ngoài ra, với HTTP/3 sắp ra mắt, bạn sẽ có hiệu suất tốt hơn bằng cách không kết hợp các tệp của mình

Lý do cho điều này là vì HTTP/2 cho phép tất cả các tệp nhỏ tải xuống đồng thời, điều đó có nghĩa là tất cả chúng đều tải lên cùng một lúc mà tệp này không làm chậm tệp kia.

Nếu bạn kết hợp tất cả các tệp của mình thành một tệp lớn, máy chủ của bạn thường sẽ mất nhiều thời gian hơn để tải xuống tất cả các tệp đó so với việc chỉ để chúng riêng biệt

Ngoài ra, việc kết hợp tất cả các tệp đó có nghĩa là có thể xảy ra lỗi và hỏng trang web của bạn vì các tập lệnh không phải lúc nào cũng được tải theo đúng thứ tự

Loại trừ các tệp CSS hoặc JS

Nếu việc thu nhỏ hoặc kết hợp các tệp CSS hoặc JS của bạn gây ra sự cố, bạn có thể sử dụng phần “Tệp CSS bị loại trừ” hoặc “Tệp JavaScript bị loại trừ” để chỉ định URL của tệp CSS hoặc JS sẽ bị loại trừ khỏi quá trình thu nhỏ và nối

  • WP Rocket – Giải quyết các vấn đề với CSS Minify / Combine
  • WP Rocket – Tìm các tệp JavaScript phù hợp để loại trừ khỏi quá trình thu nhỏ

Tối ưu hóa phân phối CSS

Tùy chọn Phân phối CSS Tối ưu hóa WP Rocket giúp giải quyết đề xuất “Loại bỏ tài nguyên chặn hiển thị” trong Google PageSpeed ​​​​Insights cho các tệp CSS của bạn

Nó thực hiện điều này bằng cách tự động tạo CSS đường dẫn quan trọng cần thiết để hiển thị phần hiển thị trên trang web của bạn

Điều này có nghĩa là WP Rocket chỉ tìm ra CSS cần thiết tối thiểu cần thiết để tải tất cả nội dung của bạn trong màn hình đầu tiên cho từng loại bài đăng công khai (bài đăng, trang, sản phẩm, v.v. )

Bạn muốn bật tùy chọn “Tối ưu hóa phân phối CSS” trong WP Rocket

Sau khi bật tùy chọn “Tối ưu hóa phân phối CSS”, bạn sẽ có hai lựa chọn. “Xóa CSS không sử dụng” hoặc “Tải CSS không đồng bộ. ”

Để có hiệu suất tốt nhất, bạn nên chọn tùy chọn “Remove Unused CSS”

Việc chọn xóa CSS không sử dụng sẽ giải quyết đề xuất “Xóa CSS không sử dụng” trong Google PageSpeed ​​Insights

Hãy nhớ rằng tùy chọn này sẽ xóa và không tải một số CSS nhất định, vì vậy bạn sẽ muốn kiểm tra trang web của mình và đảm bảo rằng mọi thứ trông như bình thường

Nếu một cái gì đó bị hỏng với tùy chọn “Xóa CSS không sử dụng”, thì bạn nên chọn tùy chọn “Tải CSS không đồng bộ” thay vào đó là lựa chọn an toàn nhất

Tùy chọn này trước tiên sẽ tạo CSS đường dẫn quan trọng cần thiết

Sau đó, tất cả các tệp CSS còn lại được tải không đồng bộ, bị hoãn lại mà không chặn hiển thị, đó là lý do tại sao điều này giúp giải quyết đề xuất “Loại bỏ tài nguyên chặn hiển thị” trong Google PSI

Tải JavaScript bị trì hoãn

Tính năng trì hoãn tải JavaScript trong WP Rocket giải quyết đề xuất “Loại bỏ tài nguyên chặn hiển thị” trong Google PageSpeed ​​​​Insights cho các tệp JavaScript của bạn

Giống như tùy chọn Tối ưu hóa phân phối CSS giúp loại bỏ các tệp CSS chặn hiển thị, tùy chọn Tải JavaScript hoãn lại giúp loại bỏ các tệp JavaScript chặn hiển thị, thường là các tệp nặng nhất và sẽ giúp giảm đáng kể thời gian Trì hoãn đầu vào đầu tiên của bạn đối với Các chỉ số quan trọng chính về trang web (hoặc Tổng số

Bạn nên kích hoạt tùy chọn “Load JavaScript deferred. ”

Để có hiệu suất tốt nhất trên trang web của bạn, bạn nên tải các tệp JavaScript ở chân trang web của mình hoặc trì hoãn chúng để chúng không chặn việc tải xuống các nội dung khác trên trang web của bạn, điều này làm chậm trang web của bạn

Bật tùy chọn này sẽ tải từng tệp JavaScript trên trang web của bạn bằng thuộc tính defer

Nếu bạn thấy rằng việc bật tùy chọn này làm hỏng trang web của bạn do tập lệnh có vấn đề, bạn có thể chỉ định URL hoặc từ khóa của tệp JavaScript sẽ bị loại trừ khỏi trì hoãn

  • WP Rocket – Loại trừ các tệp khỏi Load JavaScript Deferred

Trì hoãn thực thi JavaScript

Tính năng Trì hoãn thực thi JavaScript trong WP Rocket là một tính năng đáng kinh ngạc có khả năng tăng thời gian tải trang web của bạn lên vài giây

Nó làm gì? . )

Nếu bạn đã quen với lazy loading cho hình ảnh, thì cách này hoạt động giống như lazy loading, nhưng đối với các tệp JavaScript

Tính năng Trì hoãn thực thi JavaScript cải thiện một số đề xuất về tốc độ trong Google PageSpeed ​​​​Insights, bao gồm các đề xuất sau

  • Xóa JavaScript không sử dụng
  • Giảm thiểu công việc luồng chính
  • Giảm thời gian thực thi JavaScript
  • Tổng thời gian chặn
  • Thời gian tương tác
  • Sơn hài lòng đầu tiên

Bạn nên bật tùy chọn “Trễ thực thi JavaScript” trong WP Rocket

Kích hoạt trì hoãn thực thi JavaScript cũng sẽ có khả năng cải thiện Màu nội dung lớn nhất và Độ trễ đầu vào đầu tiên cho các chỉ số quan trọng về trang web do trì hoãn JavaScript nặng sử dụng nhiều tài nguyên mà nhiều trang web chạy (chẳng hạn như tập lệnh của bên thứ ba như Google Analytics, AdSense, plugin trò chuyện trực tiếp,

Một lưu ý quan trọng, nếu bạn bật tùy chọn Trì hoãn thực thi JavaScript trong WP Rocket và bật tùy chọn Kết hợp các tệp JavaScript, nó sẽ tự động tắt tùy chọn kết hợp JS để đảm bảo rằng các tập lệnh được tải theo đúng thứ tự để trang web của bạn không bị hỏng

Đây là lý do tại sao tôi đặc biệt khuyến khích không kết hợp các tệp CSS và JS của bạn vì trang web của bạn có thể sẽ nhanh hơn (giả sử nó đang sử dụng HTTP/2) và trang web của bạn sẽ có ít khả năng bị hỏng hơn

Tính năng “Trì hoãn thực thi JavaScript” có thể rất hay xảy ra đối với các trang web tùy thuộc vào số lượng tập lệnh bạn đang chạy. Chạy một loạt tập lệnh của bên thứ ba trên trang của bạn có thể có nghĩa là việc kích hoạt tính năng này có thể làm hỏng chức năng

Nếu bạn thấy rằng tính năng này không hoạt động tốt như bạn mong đợi, thì tôi khuyên bạn nên dùng thử plugin bộ nhớ đệm FlyingPress do Gijo phát triển từ WP Speed ​​Matters. FlyingPress cung cấp giải pháp tốt hơn WP Rocket bằng cách trì hoãn JavaScript cho đến khi người dùng tương tác

Tôi đã chuyển từ WP Rocket sang FlyingPress vào năm 2021 và không nhìn lại. Vui lòng đọc hướng dẫn cài đặt tốt nhất FlyingPress của tôi bao gồm mọi thứ

4. Phương tiện truyền thông

  • Bật cho hình ảnh – Đã bật
  • Bật cho iframe và video – Đã bật
  • Thay thế khung nội tuyến YouTube bằng hình ảnh xem trước – Đã bật
  • Thêm kích thước hình ảnh bị thiếu – Đã bật

Phần WP Rocket Media sẽ tiết kiệm đáng kể tài nguyên máy chủ của bạn và thời gian tải đầy đủ của trang bằng cách lười tải hình ảnh, khung nội tuyến và video YouTube được nhúng

Cài đặt “Thêm kích thước hình ảnh bị thiếu” sẽ giúp giảm điểm số Thay đổi bố cục tích lũy (CLS) bằng cách thêm các kích thước bị thiếu vào hình ảnh của bạn (nếu cần)

Best WP Rocket Media Settings

Một lưu ý quan trọng là bản thân WP Rocket không tạo phiên bản WebP cho hình ảnh. Bạn sẽ cần sử dụng một plugin khác như ShortPixel để làm điều đó cho bạn. Tôi sẽ thảo luận về điều đó nhiều hơn trong phần

Lười tải

Phần LazyLoad trong WP Rocket sẽ sửa đề xuất “Defer offscreen images” trong Google PageSpeed ​​Insights

Lazy loading được sử dụng để trì hoãn việc tải hình ảnh, iframe và video cho đến khi người dùng cuộn xuống trên trang của bạn và thực sự cần xem chúng

Điều này giúp ích đáng kể cho trang web của bạn theo nhiều cách. Nó sẽ giúp giảm thời gian tải trang ban đầu, số lượng yêu cầu HTTP ban đầu và cũng tiết kiệm tài nguyên máy chủ vì hình ảnh sẽ chỉ được yêu cầu và tải xuống nếu người dùng cuộn đến chúng

Bạn nên kích hoạt cả ba hộp kiểm trong phần LazyLoad của WP Rocket

  • Kích hoạt cho hình ảnh
  • Bật cho iframe và video
  • Thay thế khung nội tuyến YouTube bằng hình ảnh xem trước

GHI CHÚ. WordPress đã giới thiệu tải chậm tự nhiên với phiên bản 5. 5. Tải chậm WordPress gốc này sẽ tự động bị vô hiệu hóa khi LazyLoad của WP Rocket hoạt động, vì vậy bạn không phải làm gì cả

Tính năng “Thay thế iframe YouTube bằng hình ảnh xem trước” sẽ giúp tăng đáng kể tốc độ trang và điểm số Core Web Vitals nếu bạn sử dụng video YouTube được nhúng trên trang web của mình

Tính năng này sẽ hiển thị hình ảnh xem trước thay cho video của bạn thay vì tải tất cả mã cồng kềnh đi kèm với video YouTube được nhúng

Sau đó, nếu người dùng nhấp vào phát, tất cả mã sẽ được chạy sau đó

Nếu bạn sử dụng bất kỳ loại video nào trên trang web WordPress của mình, cho dù đó là video YouTube hay video khóa học với LMS sử dụng thứ gì đó như Vimeo, thì bạn chắc chắn nên xem bài đánh giá plugin Presto Player của tôi

Presto Player là plugin trình phát video WordPress duy nhất bạn cần. Nó lấy bất kỳ loại video nào bạn cần trên trang web của mình và tăng tốc cho nó cùng với việc bao gồm các tùy chọn hiệu suất để tăng tốc đáng kể tốc độ trang web của bạn

Thêm kích thước hình ảnh bị thiếu

Tính năng “Thêm kích thước hình ảnh bị thiếu” trong WP Rocket giúp khắc phục đề xuất “Sử dụng chiều rộng và chiều cao rõ ràng trên các thành phần hình ảnh” trong Google PageSpeed ​​​​Insights và GTMetrix và điều này cũng sẽ giúp khắc phục đáng kể điểm số Thay đổi bố cục tích lũy (CLS) của bạn cho Core Web Vitals

Bạn nên bật cài đặt “Thêm kích thước hình ảnh bị thiếu” trong WP Rocket

Làm cách nào để thêm kích thước hình ảnh bị thiếu giúp khắc phục điểm số Thay đổi bố cục tích lũy (CLS) của bạn?

Khi một trang được tải, nếu không có chiều rộng và chiều cao rõ ràng được chỉ định cho một hình ảnh, thì sẽ không có khoảng trống dành riêng cho hình ảnh đó, điều này khiến tất cả nội dung bên dưới hình ảnh thay đổi khi hình ảnh cuối cùng được tải vào. Điều này làm tăng số CLS của bạn và dẫn đến trải nghiệm kém cho người dùng của bạn

Bằng cách bật cài đặt “Thêm kích thước hình ảnh bị thiếu”, WP Rocket sẽ xem xét và tự động áp dụng tất cả các chiều rộng và chiều cao hình ảnh chính xác cho các hình ảnh áp dụng

Đổi lại, điều này sẽ dành đúng dung lượng trên trang của bạn khi nó tải. Bây giờ, khi hình ảnh cuối cùng được tải vào, không có nội dung nào của bạn thay đổi vì đã có một hộp trống màu trắng dành cho hình ảnh

Điều này sẽ làm giảm số CLS của bạn và mang lại trải nghiệm tuyệt vời cho người dùng của bạn

Bật bộ nhớ đệm WebP

Bạn chỉ nên bật cài đặt “Enable WebP caching” trong WP Rocket nếu bạn đang sử dụng hình ảnh WebP trên trang web WordPress của mình

Hình ảnh WebP được hỗ trợ trên mọi trình duyệt chính, vì vậy bạn nên sử dụng chúng

Nếu bạn muốn tìm hiểu thêm, bạn nên đọc thêm về khả năng tương thích WebP của WP Rocket

GHI CHÚ. WP Rocket KHÔNG tạo hình ảnh WebP cho bạn (tôi ước điều đó xảy ra). Họ khuyên bạn nên sử dụng plugin Imagify để làm điều này vì nó được tạo bởi công ty mẹ của họ. Tôi không phải là một fan hâm mộ lớn của Imagify. Hầu hết mọi người thích sử dụng ShortPixel hơn. ShortPixel cũng bắt đầu cho phép chuyển đổi hình ảnh sang định dạng AVIF, thậm chí còn tốt hơn cả sử dụng WebP

Sử dụng một plugin nén hình ảnh tốt chẳng hạn như ShortPixel để tạo các phiên bản WebP hoặc AVIF cho hình ảnh của bạn sẽ khắc phục đề xuất “Phục vụ hình ảnh ở định dạng thế hệ tiếp theo” trong Google PageSpeed ​​​​Insights

WP Rocket tự động phát hiện một số plugin nén hình ảnh phổ biến và sẽ kích hoạt cài đặt bộ nhớ đệm WebP cho bạn nếu bạn đang sử dụng

  • Trình tối ưu hóa hình ảnh ShortPixel
  • tưởng tượng
  • tối ưu
  • EWWW

Một tùy chọn khác để phân phối hình ảnh ở các định dạng thế hệ tiếp theo như WebP là sử dụng CDN tuyệt vời như Bunny. net để phục vụ nội dung của bạn và kết nối nó thông qua WP Rocket. Thêm về điều đó trong phần

Ngoài ra, hình ảnh WebP sẽ được hỗ trợ nguyên bản trong WordPress 5. 8 có nghĩa là bạn sẽ có thể tải trực tiếp các tệp WebP lên Thư viện phương tiện WordPress của mình. Tốt hơn nữa, nhóm thành phần phương tiện đang xem xét WordPress thực hiện chuyển đổi sang WebP trên các hình ảnh đã tải lên để WebP sẽ được sử dụng làm định dạng mặc định cho các hình ảnh có kích thước phụ. Bây giờ nó sẽ được mát mẻ

Cho đến khi WordPress (hy vọng) thêm tính năng đó, bạn có thể chuyển đổi hình ảnh của mình sang WebP theo cách thủ công bằng các công cụ dựa trên web tuyệt vời như Squoosh hoặc xuất hình ảnh của bạn ra dưới dạng WebP bằng các công cụ chỉnh sửa hình ảnh

5. tải trước

  • Kích hoạt tải trước – Đã bật
  • Kích hoạt tính năng tải trước bộ nhớ cache dựa trên sơ đồ trang web – Đã bật
  • Sơ đồ trang web XML [Plugin SEO] – Đã bật
  • Bật tải trước liên kết – Đã bật
  • Tìm nạp trước các yêu cầu DNS – Yêu cầu trình duyệt thực hiện phân giải DNS của các trang web bên thứ ba trước khi cần
  • Tải trước phông chữ – Nhập phông chữ trên trang web của bạn sẽ được tải trước

Bạn có thể nghĩ đến việc tải trước trong WP Rocket khi bạn nói với trình duyệt rằng sẽ cần một số tài nguyên nhất định trước thời hạn, điều này có thể giúp cải thiện tốc độ trang web của bạn và khắc phục một số đề xuất tải trước trong Thông tin chi tiết về tốc độ trang của Google. (Xem “Bộ đệm WP Rocket được tải trước như thế nào?”)

Ví dụ: giả sử chúng tôi biết rằng Google Fonts sẽ được tải trên trang web của chúng tôi. Chúng tôi có thể tải trước yêu cầu tới Google Fonts, điều này sẽ cho trình duyệt biết rằng chúng tôi sẽ cần Google Fonts trước khi trình duyệt nhận được yêu cầu

Điều này giúp tăng tốc trang web WordPress của bạn. Nó gần giống như trao cho trang web của bạn sức mạnh bói toán. 🔮

Best WP Rocket Preload Settings

Đây là những cài đặt tốt nhất cho phần Preload của WP Rocket. Tôi sẽ thảo luận từng phần chi tiết hơn bên dưới

Tải trước bộ đệm

Khi bạn cài đặt WP Rocket lần đầu tiên, cài đặt “Kích hoạt tải trước” sẽ được bật theo mặc định và trang chủ của trang web của bạn cũng như các liên kết được tìm thấy trên đó sẽ được tải trước ngay lập tức để đảm bảo rằng trang web của bạn nhanh chóng ngay lập tức

Bạn nên kích hoạt tất cả các hộp kiểm trong phần “Tải trước bộ nhớ cache” của WP Rocket

  • Kích hoạt tải trước
  • Kích hoạt tải trước bộ đệm dựa trên sơ đồ trang web
  • [SEO Plugin] Sơ đồ trang web XML (nếu sử dụng plugin SEO)

Nếu bạn sử dụng plugin SEO như Xếp hạng toán học, SEOPress, Khung SEO, SEO tất cả trong một hoặc Yoast SEO, thì các sơ đồ trang web được tạo bởi các plugin đó sẽ được phát hiện và kiểm tra tùy chọn “Kích hoạt tải trước bộ đệm ẩn dựa trên sơ đồ trang web

Nếu bạn không sử dụng một trong những plugin đó hoặc bạn muốn chỉ định sơ đồ trang web để tải trước, bạn có thể nhập URL vào phần “Sơ đồ trang web để tải trước”

Bật tải trước liên kết

Bạn nên kích hoạt cài đặt “Enable link preloading” trong WP Rocket

Bật tùy chọn này sẽ cải thiện thời gian tải trang được cảm nhận cho người dùng đang điều hướng trên trang web của bạn

Kích hoạt tính năng tải trước liên kết hoạt động như thế nào? . Theo cách đó, khi người dùng thực sự nhấp hoặc nhấn vào liên kết, trang sẽ xuất hiện để tải ngay lập tức

Khá gọn gàng, phải không?

Hãy nhớ rằng cài đặt này chỉ cải thiện trải nghiệm người dùng và KHÔNG cải thiện bất kỳ đề xuất tốc độ trang nào trong Google PageSpeed ​​​​Insights hoặc GTMetrix

Nói như vậy, đây là một tính năng cực kỳ hay để mang đến cho người dùng trải nghiệm tích cực trên trang web của bạn, đây luôn là một điều tuyệt vời

Tìm nạp trước yêu cầu DNS

Nếu bạn sử dụng nội dung của bên thứ ba trên trang web của mình (ví dụ: Google Fonts, Google Analytics, AdSense, Google Tag Manager, YouTube, Gravatars, v.v. ), bạn có thể muốn thêm miền gốc vào hộp “URL để tìm nạp trước”

Việc tìm nạp trước các yêu cầu DNS trong WP Rocket thực hiện là nó yêu cầu trình duyệt thực hiện kết nối DNS trước khi cần tệp, điều này có thể tăng một chút thời gian tải trang của bạn

Làm thế nào để bạn sử dụng tính năng tìm nạp trước DNS trong WP Rocket?

  1. Tìm tên miền của bên thứ ba mà bạn đang tải trên trang web của mình
  2. Xóa http hoặc https và giữ dấu gạch chéo kép //
  3. Chỉ nhập tên miền cấp cao nhất của trang web bên thứ ba

Vì vậy, ví dụ: nếu bạn có yêu cầu Google Fonts giống như thế này

https://fonts.googleapis.com/css?family=Roboto:900%2C400%2C500%2C300%7CRaleway:700%2C300%7COpen+Sans:300%2C800

Bạn sẽ nhập nó vào hộp “URL để tìm nạp trước”, như thế này

//fonts.googleapis.com

Nó đơn giản mà

Tải trước phông chữ

Tính năng Preload Fonts trong WP Rocket cho phép bạn yêu cầu trình duyệt bắt đầu tải xuống các phông chữ mà mãi sau này nó mới nhận ra, thường là do phông chữ được tham chiếu trong tệp CSS. (Xem Tải trước Phông chữ WP Tài liệu tên lửa)

GHI CHÚ. Để cải thiện số liệu Paint có nội dung lớn nhất cho Core Web Vitals, Phông chữ tải trước sẽ bị WP Rocket tự động vô hiệu hóa trên các trang mà Tối ưu hóa phân phối CSS đang hoạt động

Tôi nên tải trước những phông chữ nào? . ”

Nếu bạn mở cái này lên, bạn sẽ thấy bất kỳ tệp phông chữ nào cần tải trước. Chúng có thể giống như “…phông chữ/phông chữ tùy chỉnh. woff2“

  1. Nhấp chuột phải vào phông chữ được đề xuất trong Google PSI và sao chép URL
  2. Dán URL vào ô “Phông chữ để tải trước” trong WP Rocket

Hãy nhớ rằng phông chữ PHẢI được lưu trữ trên miền của riêng bạn hoặc miền của CDN của bạn

Bạn không thể nhập các phông chữ được lưu trữ bên ngoài như Google Fonts tại đây. Kể từ phiên bản WP Rocket 3. 7, Google Fonts được tự động tối ưu hóa nên bạn không cần phải làm gì

Nếu bạn chỉ sử dụng Phông chữ của Google (không được lưu trữ cục bộ) hoặc bạn sử dụng phông chữ hệ thống, bạn không phải làm gì với phần Phông chữ Tải trước

Ngoài ra, KHÔNG TẢI TRƯỚC MỌI FONT. Chỉ tải trước các phông chữ sẽ làm chậm quá trình hiển thị các trang của bạn. Nếu bạn tải trước một loạt phông chữ không cần thiết cho việc hiển thị trang của mình, bạn thực sự sẽ làm chậm trang web của mình nhiều hơn. Vì vậy, hãy cẩn thận

6. Quy tắc nâng cao

WP Rocket Best Settings Advanced Rules

Nếu bạn sử dụng plugin Thương mại điện tử trên trang web WordPress của mình không được WP Rocket hỗ trợ, bạn có thể sử dụng phần Quy tắc nâng cao của WP Rocket để giúp bỏ qua bộ nhớ đệm dựa trên trang, cookie hoặc tác nhân người dùng

Nói như vậy, nếu bạn sử dụng bất kỳ plugin Thương mại điện tử WordPress chính nào như WooC Commerce hoặc BigC Commerce, thì WP Rocket đã tương thích với tất cả các plugin đó.

WP Rocket tự động loại trừ các trang “Giỏ hàng”, “Thanh toán” và “Tài khoản của tôi” khỏi bộ đệm cho các plugin này

  • WooC Commerce
  • Thương mại lớn
  • Tải xuống kỹ thuật số dễ dàng
  • Trao đổi iTheme
  • Jigoshop
  • Cửa hàng WP

Do đó, nếu bạn sử dụng bất kỳ plugin Thương mại điện tử nào được liệt kê ở trên trên trang web WordPress của mình, thì bạn không phải thêm bất kỳ thứ gì vào Quy tắc nâng cao của mình trong WP Rocket vì nó đã hoạt động như mong đợi

Nếu bạn gặp bất kỳ sự cố nào với tiện ích giỏ hàng, bộ nhớ đệm hoặc các vấn đề khác liên quan đến Thương mại điện tử, hãy xem tài liệu Sử dụng WP Rocket trên trang web thương mại điện tử của bạn

Never Cache URLs – Đây là nơi bạn có thể chỉ định URL của các trang hoặc bài đăng không bao giờ được lưu vào bộ đệm (nhập một URL trên mỗi dòng). Một số trang như URL đăng nhập hoặc đăng xuất tùy chỉnh phải được loại trừ khỏi bộ đệm. Nếu bạn đang sử dụng một trong các plugin Thương mại điện tử không được WP Rocket hỗ trợ, thì đây là nơi bạn thêm các trang thanh toán và giỏ hàng của mình

Never Cache Cookies – Tùy chọn này sẽ ngăn bộ nhớ đệm và tối ưu hóa dựa trên sự hiện diện của cookie được chỉ định. Điều này tương tự như tùy chọn trên, nhưng sử dụng cookie thay vì URL. Bạn có thể chỉ định ID cookie đầy đủ hoặc một phần, 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 (nhập một ID trên mỗi dòng)

Never Cache User Agents – Tùy chọn này được sử dụng để ngăn không cho các trang được lưu trong bộ nhớ cache và được tối ưu hóa xuất hiện trên một số thiết bị và trong một số trình duyệt nhất định. Bạn có thể chỉ định các 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 (nhập một chuỗi trên mỗi dòng)

Luôn lọc URL – Khi một bài đăng hoặc trang được cập nhật trên trang web của bạn, WP Rocket sẽ xóa một phần bộ đệm bao gồm bộ đệm cho bài đăng hoặc trang đó, trang chủ của bạn và nội dung liên quan. Vì vậy, tất cả các trường hợp sử dụng phổ biến đã được đề cập. Tuy nhiên, bạn có thể chỉ định các URL mà bạn luôn muốn xóa khỏi bộ nhớ cache bất cứ khi nào bạn cập nhật bất kỳ bài đăng hoặc trang nào (nhập một URL trên mỗi dòng)

Chuỗi truy vấn bộ đệm – Bộ đệm cho chuỗi truy vấn cho phép bạn buộc lưu vào bộ đệm cho các tham số GET cụ thể. Điều này chỉ được sử dụng trong một số trường hợp rất cụ thể

7. cơ sở dữ liệu

  • Bản sửa đổi – Đã tắt
  • Bản nháp tự động – Đã tắt
  • Bài đăng bị chuyển vào thùng rác – Đã bật
  • Nhận xét spam – Đã bật
  • Nhận xét đã chuyển vào thùng rác – Đã bật
  • Tất cả tạm thời – Đã bật
  • Tối ưu hóa bảng – Đã bật
  • Lên lịch dọn dẹp tự động – Hàng tuần

Phần Cơ sở dữ liệu WP Rocket cho phép bạn dọn dẹp cơ sở dữ liệu của mình và cũng có thể lên lịch dọn dẹp cơ sở dữ liệu tự động, điều này sẽ tối ưu hóa trang web của bạn để tải nhanh và giảm sự phình to của cơ sở dữ liệu

Điều đó đang được nói, bạn muốn biết mỗi tùy chọn dọn dẹp cơ sở dữ liệu này làm gì và liệu bạn có muốn dọn dẹp chúng hay không

Best WP Rocket Database Cleanup Optimization Settings

Đây là những cài đặt WP Rocket tốt nhất cho phần Dọn dẹp và tối ưu hóa cơ sở dữ liệu. Nếu bạn giống tôi và sử dụng các bản sửa đổi bài đăng và bản nháp tự động, thì bạn nên tắt cả hai tùy chọn “Bản sửa đổi” và “Bản nháp tự động” để chúng không vô tình bị xóa. Mặt khác, vui lòng bật các tùy chọn đó để dọn dẹp chúng nếu bạn không sử dụng chúng

Hãy đi qua từng tùy chọn tối ưu hóa cơ sở dữ liệu WP Rocket chi tiết hơn

  • bài Dọn dẹp
    • Bản sửa đổi – Sau khi bài đăng hoặc trang của bạn được xuất bản chính thức, bản sửa đổi là phiên bản cũ hơn của bài đăng hoặc trang của bạn được lưu
    • Bản nháp tự động – Khi bạn đang tạo hoặc chỉnh sửa bài đăng hoặc trang, bản nháp tự động sẽ được lưu nội dung của bạn trong quá trình thực hiện để bạn không bị mất công việc
    • Trashed Posts – Đây là những bài viết mà bạn đã xóa và cho vào thùng rác
  • Dọn dẹp bình luận
    • Nhận xét Spam – Đây là những nhận xét đã bị đánh dấu là spam, do plugin hoặc do chính bạn
    • Trashed Comments – Đây là những bình luận đã bị xóa và cho vào thùng rác
  • Dọn dẹp tạm thời
    • Tất cả phần tạm thời – Phần tạm thời là các tùy chọn tạm thời được tạo bởi plugin và có thể xóa an toàn. Quá độ thường được tạo lại bởi các plugin, do đó bạn có thể không thấy số về 0 ngay cả sau khi xóa
  • Dọn dẹp cơ sở dữ liệu
    • Tối ưu hóa bảng – Điều này sẽ tối ưu hóa các bảng trong cơ sở dữ liệu của bạn để chúng chạy hiệu quả mà không bị phình to
  • Dọn dẹp tự động hóa
    • Lên lịch dọn dẹp tự động – Tại đây, bạn có thể chọn tần suất bạn muốn cơ sở dữ liệu của mình được dọn dẹp và tối ưu hóa bởi WP Rocket. Bạn có thể chọn “Hàng ngày”, “Hàng tuần” hoặc “Hàng tháng. ” Tôi khuyên bạn nên chọn “Hàng tuần” để cơ sở dữ liệu của bạn luôn được tối ưu hóa hàng tuần

Sau khi bạn chạy dọn dẹp cơ sở dữ liệu, nó không thể được hoàn tác. Vì vậy, trước khi bạn dọn dẹp cơ sở dữ liệu của mình, đặc biệt nếu bạn đang xóa các bản sửa đổi bài đăng, bạn nên đảm bảo rằng bạn có bản sao lưu trang web của mình trong trường hợp bạn xóa bất kỳ thứ gì mà bạn không cố ý.

Hầu hết các máy chủ WordPress tốt sẽ tự động thực hiện sao lưu hàng ngày cho trang web của bạn, vì vậy bạn nên làm tốt, nhưng bạn luôn có thể cài đặt một plugin sao lưu như UpdraftPlus để sao lưu tách biệt với máy chủ của bạn

8. CDN

  • Bật Mạng phân phối nội dung – Đã bật (nếu bạn đang sử dụng CDN với WP Rocket. Tôi khuyên bạn nên sử dụng BunnyCDN với WP Rocket)
  • CDN CNAME(s) – Chỉ định CDN CNAME(s) sẽ được sử dụng để phân phối các tệp tĩnh
  • Loại tệp – Tất cả tệp

CDN là mạng phân phối nội dung. Nói cách khác, về cơ bản, đó là một số máy chủ trải rộng khắp thế giới hoạt động cùng nhau để cung cấp nội dung nhanh chóng cho người dùng bất kể họ ở đâu

Tôi có cần CDN không?

Phần lớn lưu lượng truy cập trang web của bạn có ở cùng lục địa với máy chủ lưu trữ của bạn không?

Tuy nhiên, nếu bạn có một lượng lớn lưu lượng truy cập đến từ khắp nơi trên thế giới, thì có lẽ nên sử dụng CDN

CDN sẽ lưu trữ nội dung trang web của bạn trên một số máy chủ trên khắp thế giới và sau đó khi ai đó truy cập trang web của bạn, nó sẽ lấy dữ liệu từ máy chủ CDN gần người dùng nhất, điều này sẽ tăng tốc đáng kể thời gian cho

Tôi nên sử dụng CDN nào với WP Rocket? . Cloudflare cung cấp các tùy chọn bảo mật và hiệu suất tuyệt vời miễn phí trong khi BunnyCDN cung cấp hiệu suất cao nhất mà bạn có thể sử dụng để phân phối các tệp tĩnh trên trang web của mình với chi phí tối thiểu. Bạn thậm chí có thể sử dụng cả Cloudflare và BunnyCDN cùng nhau nếu muốn

Hãy xem qua từng tùy chọn WP Rocket CDN bên dưới và liệt kê các lợi ích của từng tùy chọn

  • đám mây
    • Cung cấp gói miễn phí với vô số tính năng về tốc độ và bảo mật
    • Phổ biến nhất
    • Không cho phép bạn phân phối nội dung của mình thông qua URL CDN như BunnyCDN
    • Cung cấp dịch vụ có tên APO (Tối ưu hóa nền tảng tự động) với giá $5/tháng, đây là một tính năng đáng kinh ngạc để nâng cao hiệu suất cho các trang web WordPress và có thể giảm đáng kể TTFB của bạn cho tất cả khách truy cập toàn cầu. Trang web này đang sử dụng Cloudflare APO để phục vụ các trang HTML
    • Có thể được sử dụng song song với BunnyCDN nơi BunnyCDN phục vụ nội dung của bạn (tệp CSS, tệp JS và hình ảnh)
    • Nếu bạn quyết định , bạn sẽ thiết lập nó trong phần Tiện ích bổ sung, KHÔNG phải ở đây trong phần CDN
  • chú thỏCDN
    • Tùy chọn hiệu suất cao nhất và được khuyên dùng nhất
    • Dịch vụ trả phí, nhưng chỉ tốn vài xu cho mỗi GB dữ liệu được cung cấp, vì vậy nó rất phải chăng
    • Cho phép bạn phân phát các tệp tĩnh (JS, CSS, hình ảnh) thông qua URL CDN để nội dung của bạn có thể đến từ một URL chẳng hạn như “cdn. bắt đầu viết blog101. com“
    • Trang web này đang sử dụng Cloudflare APO để phục vụ các trang HTML và BunnyCDN để phục vụ các nội dung tĩnh (JS, CSS và hình ảnh) để có hiệu suất tối đa
    • Cung cấp dịch vụ “Tối ưu hóa hình ảnh” có thể tự động nén hình ảnh của bạn và phân phối chúng ở các định dạng thế hệ tiếp theo như WebP cho bạn. Không cần plugin
    • Tôi đã viết rất dễ dàng để làm theo hướng dẫn để dạy cho bạn chính xác dưới đây

Tôi có nên sử dụng RocketCDN với WP Rocket không? . RocketCDN có thể được bật rất dễ dàng trực tiếp trong WP Rocket và bạn chắc chắn có thể dùng thử nếu muốn. Tuy nhiên, với $7. 99/tháng, cá nhân tôi tin rằng sử dụng BunnyCDN hoặc Cloudflare miễn phí là lựa chọn tốt hơn nhiều sẽ mang lại cho bạn hiệu suất tốt hơn với ít tiền hơn. RocketCDN được cung cấp bởi StackPath

Cách thiết lập BunnyCDN với WP Rocket

Đối với phần này, tôi sẽ chỉ cho bạn cách dễ dàng thiết lập CDN với WP Rocket. Cá nhân tôi sử dụng và khuyên dùng BunnyCDN và hàng ngàn người khác cũng vậy

Bước 1 – Đăng ký BunnyCDN

Bước 2 – Thêm pull zone, điền Name, Origin URL và chọn Pricing Zones

Bunny.net Add Pull Zone Tutorial

  1. Chuyển đến tab “Pull Zones” và nhấp vào nút “Add Pull Zone”
  2. Nhập “Tên” của Vùng kéo nơi các tệp của bạn sẽ có thể truy cập được. Đây sẽ là trang web của bạn. Ví dụ: “bắt đầu viết blog101“
  3. Nhập “URL gốc” của trang web mà bạn muốn tăng tốc. Trong trường hợp của tôi, “https. //bắt đầu viết blog101. com/“
  4. Chọn “Khu vực định giá” nơi bạn muốn dữ liệu của mình được phục vụ. Một số khu vực địa lý có chi phí khác nhau. Tôi khuyên bạn nên để tất cả các vị trí được kiểm tra
  5. Cuối cùng, nhấp vào “Add Pull Zone” để thêm Pull Zone mới của bạn

Bước 3 – Sao chép “Tên miền CDN” được cung cấp của bạn trong phần “Cài đặt với plugin của bên thứ ba”

Bunny.net CDN Installation With Third-Party Plugins WP Rocket

  1. Trong phần “Chọn nền tảng của bạn”, hãy chọn “WordPress. ”
  2. Trong phần “Cài đặt với Plugin của bên thứ ba”, sao chép giá trị bên cạnh “Miền CDN. ”

Bước 4 – Dán “Miền CDN” của bạn vào trường CDN CNAME(s) trong WP Rocket

WP Rocket CDN Settings

Bước 5 – Nhấn “Lưu thay đổi. ” Bây giờ, URL của tất cả các tệp tĩnh của bạn (hình ảnh, CSS, JavaScript) sẽ được ghi lại thành (các) CNAME mà bạn đã cung cấp. Xin chúc mừng. Bạn đã thiết lập thành công BunnyCDN với WP Rocket

Loại trừ tệp khỏi CDN

Tại đây, bạn có thể chỉ định URL của các tệp không được phân phát qua CDN nếu bạn đang sử dụng CDN với WP Rocket (nhập một URL trên mỗi dòng)

9. Nhịp tim

API Heartbeat của WordPress cung cấp kết nối để truyền và đồng bộ hóa dữ liệu theo thời gian thực giữa máy chủ và trình duyệt

WP Rocket Heartbeat Settings

Dưới đây là một số ví dụ về nơi sử dụng API Heartbeat của WordPress

  • Tự động lưu và sửa đổi trong trình chỉnh sửa bài đăng
  • Thông báo trong bảng điều khiển quản trị viên WordPress
  • Thông báo cho bạn biết một bài đăng bị khóa khi một biên tập viên khác đang làm việc trên một bài đăng
  • Dữ liệu thời gian thực được hiển thị trên bảng điều khiển bằng các plugin Thương mại điện tử

API Heartbeat chạy một nhóm tác vụ cứ sau 15-60 giây, điều này tiêu tốn tài nguyên máy chủ và có thể gây ra mức sử dụng CPU cao

Do đó, WP Rocket cung cấp tùy chọn giảm hoặc tắt hoạt động của Heartbeat API để giúp tiết kiệm một số tài nguyên máy chủ của bạn

Bạn nên bật tùy chọn “Kiểm soát nhịp tim” trong WP Rocket

Giảm hoặc vô hiệu hóa hoạt động nhịp tim

Trong phần này, bạn có ba tùy chọn cho các khu vực khác nhau trên trang web của mình. không giới hạn hoạt động, giảm hoạt động hoặc tắt hoàn toàn tất cả hoạt động

Việc giảm hoạt động sẽ thay đổi tần số Nhịp tim từ một lần đánh mỗi phút thành một lần đánh sau mỗi 2 phút

Hãy nhớ rằng việc tắt hoàn toàn Heartbeat có thể làm hỏng plugin và chủ đề dựa vào việc sử dụng API Heartbeat

Dưới đây là các cài đặt được đề xuất của tôi để giảm hoạt động API Heartbeat trong WP Rocket

  • Hành vi trong phụ trợ – Giảm hoạt động
  • Hành vi trong trình chỉnh sửa bài đăng – Giảm hoạt động
  • Hành vi ở giao diện người dùng – Giảm hoạt động

Nếu bạn biết chắc chắn rằng bạn không sử dụng API Heartbeat ở một trong những khu vực này, thì bạn có thể chọn “Tắt” cho khu vực đó

Tuy nhiên, chỉ cần giảm hoạt động trong từng khu vực này sẽ tiết kiệm khá nhiều tài nguyên máy chủ của bạn trong khi vẫn cho phép mọi thứ hoạt động bình thường, đây luôn là một điều tốt

10. Tiện ích bổ sung

Với phiên bản 3. 9, WP Rocket đã loại bỏ các tiện ích bổ sung cho “Google Tracking” và “Facebook Pixel. ”

Cả hai tiện ích bổ sung này đều được sử dụng để giúp khắc phục đề xuất "tận dụng bộ nhớ đệm của trình duyệt" trong Google PageSpeed ​​Insights nếu bạn đang sử dụng Google Analytics hoặc Facebook Pixel trên trang web của mình

Thay vào đó, giờ đây tất cả các tệp JavaScript bị trì hoãn theo mặc định kể từ WP Rocket phiên bản 3. 9 cho đến khi tương tác của người dùng (mà tôi đã thảo luận trong phần này)

Vẫn còn một số tiện ích bổ sung WP Rocket được cung cấp mà tôi sẽ đề cập

Sơn dầu

Nếu trang web của bạn được lưu trữ bằng Cloudways, WP Engine hoặc Flywheel, thì trang web của bạn sẽ sử dụng Varnish cho bộ nhớ đệm phía máy chủ

WP Rocket sẽ tự động phát hiện môi trường và kích hoạt tiện ích bổ sung Varnish cho bạn

WP Rocket Varnish Add-On Hosted With Cloudways

Ví dụ: tôi đang sử dụng Cloudways để lưu trữ trang web này và bạn có thể thấy rằng WP Rocket đã phát hiện ra dịch vụ lưu trữ của tôi và tự động bật tiện ích bổ sung Varnish

Nếu trang web của bạn được lưu trữ bằng SiteGround, Kinsta hoặc Pressable, thì bạn không cần bật tùy chọn này vì bộ đệm WP Rocket đã được đồng bộ hóa với bộ đệm máy chủ của họ

Cách thiết lập Cloudflare với WP Rocket

Trong phần Rocket Add-ons của WP Rocket, có một tùy chọn để tích hợp tài khoản Cloudflare của bạn với WP Rocket

GHI CHÚ. Bạn không cần sử dụng tiện ích bổ sung WP Rocket Cloudflare để trang web của bạn hoạt động thông qua Cloudflare – đó chỉ là một tiện ích bổ sung. Nếu bạn đã có trang web của mình hoạt động thông qua Cloudflare, thì Cloudflare sẽ hoạt động trên trang web của bạn cho dù bạn có bật tiện ích bổ sung Cloudflare hay không. Sử dụng tiện ích bổ sung Cloudflare với WP Rocket chỉ đơn giản là cung cấp cho bạn khả năng dễ dàng truy cập một số cài đặt trực tiếp trong WP Rocket

Bước 1 – Chuyển trạng thái Tiện ích bổ sung Cloudflare sang “BẬT” và sau đó nhấp vào nút “Sửa đổi cài đặt”

WP Rocket Cloudflare Add-On Enabled

Bước 2 – Nhận Khóa API Toàn cầu của bạn từ Cloudflare và dán vào WP Rocket

  1. Trong Cloudflare, nhấp vào biểu tượng tài khoản của bạn ở phía trên bên phải và chọn “ Hồ sơ của tôi . ”
  2. Sau đó, nhấp vào tab “API Tokens”
  3. Trong phần “Khóa API”, nhấp vào nút “Xem” trên dòng “Khóa API toàn cầu”
  4. Nhập mật khẩu tài khoản của bạn và bạn sẽ nhận được Khóa API toàn cầu của mình. Sao chép và dán vào phần “Khóa API toàn cầu” trong phần WP Rocket Cloudflare

How to Get Cloudflare Global API Key

Bước 3 – Điền “Email tài khoản” mà bạn sử dụng cho Cloudflare vào ô thích hợp trong phần bổ trợ Cloudflare

Bước 4 – Lấy ID vùng của bạn từ Cloudflare và dán nó vào WP Rocket

  1. Trên trang chủ Cloudflare của bạn, chọn trang web của bạn
  2. Bạn sẽ ở trên tab “Tổng quan” cho trang web của mình. Cuộn xuống cho đến khi bạn thấy “ID khu vực” ở thanh bên bên phải
  3. Sao chép ID khu vực của trang web của bạn và dán nó vào phần “ID khu vực” của phần bổ trợ WP Rocket Cloudflare

Cloudflare Zone ID and Account ID

Bước 5 – Trong phần “Cài đặt Cloudflare” trong WP Rocket, lật nút “Cài đặt tối ưu” sang “BẬT” và để “Chế độ phát triển” và “Giao thức tương đối” được đặt thành “TẮT. ”

Best WP Rocket Cloudflare Add-On Settings

Bước 6 – Sau khi bạn đã điền tất cả các trường bổ trợ Cloudflare của mình trong WP Rocket và cài đặt cài đặt WP Rocket Cloudflare lý tưởng, hãy nhấn “Lưu thay đổi. " Xin chúc mừng. Bạn đã thiết lập thành công Cloudflare với WP Rocket

Dưới đây là danh sách tất cả các cài đặt Tiện ích bổ sung WP Rocket Cloudflare được giải thích

  • Development Mode – Tạm thời kích hoạt chế độ phát triển cho trang web của bạn. Chế độ phát triển cho phép bạn tạm thời tạm dừng các tính năng thu nhỏ và bộ đệm biên của Cloudflare. Điều này sẽ tự động tắt sau 3 giờ
  • Cài đặt tối ưu – Bạn nên bật cài đặt này. WP Rocket sẽ tự động đặt cấu hình Cloudflare của bạn để có tốc độ, mức hiệu suất và khả năng tương thích tốt nhất. Tùy chọn này sẽ thực hiện một số việc bao gồm
    • Đặt mức bộ nhớ đệm của Cloudflare thành Tiêu chuẩn
    • Kích hoạt tính năng thu nhỏ của Cloudflare
    • Tắt Trình tải tên lửa (Trình tải tên lửa thường gây ra nhiều sự cố hơn là giải quyết)
    • Đặt bộ đệm trình duyệt của Cloudflare thành 1 năm
  • Giao thức tương đối – Cài đặt này ghi lại URL của các tệp tĩnh (CSS, JavaScript, hình ảnh) để sử dụng một giao thức tương đối (_______3 thay vì http:// hoặc https://). Cài đặt này chỉ nên được kích hoạt nếu bạn sử dụng tính năng “SSL linh hoạt” của Cloudflare. Nếu trang web của bạn chạy trên SSL đầy đủ (hầu hết trong số họ nên như vậy), thì bạn KHÔNG muốn sử dụng tính năng này
  • Clear All Cloudflare Cache Files – Thao tác này sẽ xóa bộ đệm Cloudflare. Điều này chỉ cần thiết để khắc phục sự cố hoặc nếu bạn cho rằng Cloudflare đang cung cấp các tệp lỗi thời

GHI CHÚ. Nếu bạn quyết định sử dụng Cloudflare APO với trang web của mình bằng WP Rocket, bạn sẽ KHÔNG sử dụng tiện ích bổ sung Cloudflare thông qua WP Rocket. Bạn sẽ phải sử dụng plugin Cloudflare chính thức để xử lý việc đó cho bạn như được mô tả trong “Bắt đầu với Cloudflare APO. ”

sucuri

Nếu bạn sử dụng Tường lửa trang web Sucuri (WAF) và đã bật bộ nhớ đệm của chúng, thì bạn sẽ muốn bật Tiện ích bổ sung Sucuri trong WP Rocket

Mỗi lần xóa bộ đệm WP Rocket, nó cũng sẽ tự động xóa bộ đệm Sucuri

Điều này sẽ đồng bộ hóa cả bộ đệm WP Rocket và Sucuri để trang web của bạn luôn cập nhật nội dung mới nhất

Để nhận khóa API Tường lửa Sucuri của bạn (cho plugin), trước tiên hãy đăng nhập vào Sucuri

Tiếp theo, nhấp vào trang web của bạn và chuyển đến tab API

Sao chép trường khóa API (cho plugin), sau đó dán khóa API Sucuri của bạn vào hộp “Khóa API tường lửa (cho plugin)” trong WP Rocket

Khóa API tường lửa Sucuri phải ở định dạng. 32 ký tự / 32 ký tự

Cuối cùng, nhấp vào “Lưu thay đổi” và Tiện ích bổ sung Sucuri của bạn sẽ được thiết lập thành công trong WP Rocket

11. Tối ưu hóa hình ảnh

WP Rocket khuyên bạn nên sử dụng plugin Imagify để nén ảnh vì nó là plugin của riêng họ

WP Rocket Image Optimization

Tôi đã sử dụng Imagify với WP Rocket trong nhiều tháng, nhưng đó không phải là plugin yêu thích của tôi vì sẽ mất nhiều thời gian để nén hình ảnh một cách nhanh chóng

Bạn chắc chắn có thể thử Imagify nếu muốn, nhưng có hai lựa chọn khác để thử mà tôi nghĩ là những lựa chọn thay thế tốt hơn

  1. Sử dụng plugin ShortPixel thay vì Imagify. ShortPixel thực hiện nén hình ảnh một cách nhanh chóng cùng với việc chuyển đổi hình ảnh sang các định dạng thế hệ tiếp theo như WebP. ShortPixel thậm chí còn đi trước một bước vì họ đã bắt đầu cung cấp định dạng AVIF, cung cấp khả năng nén hình ảnh thậm chí còn tốt hơn với hình ảnh chất lượng cao hơn WebP
  2. Sử dụng BunnyCDN như được mô tả trong phần này để BunnyCDN nén hình ảnh của bạn và phân phát chúng ở định dạng thế hệ tiếp theo bằng cách sử dụng tính năng “Tối ưu hóa hình ảnh” của họ. Không cần thêm plugin

12. Công cụ

Trong phần Công cụ của WP Rocket, bạn có một số tùy chọn xuất cài đặt, nhập cài đặt hoặc thực hiện khôi phục về phiên bản trước

WP Rocket Tools Export Import Settings and Rollback

Xuất cài đặt – Tải xuống bản sao lưu cài đặt của bạn để bạn có thể nhập chúng trên một trang web khác hoặc đưa chúng cho người khác

Nhập cài đặt – Chọn tệp cài đặt WP Rocket từ máy tính của bạn, sau đó nhấp vào nút “Tải tệp lên và nhập cài đặt” để WP Rocket nhập tất cả cài đặt cho bạn

Phục hồi – Nếu phiên bản mới nhất của WP Rocket gây ra sự cố trên trang web của bạn (ví dụ: trang web của bạn trông không ổn, đã xảy ra sự cố, v.v. ) và việc tắt một số cài đặt nhất định không phù hợp với bạn, bạn luôn có thể khôi phục WP Rocket của mình về phiên bản trước đang hoạt động trong trường hợp khẩn cấp

13. hướng dẫn

WP Rocket cung cấp cho bạn tab Hướng dẫn thuận tiện trong plugin của họ với các video hướng dẫn WP Rocket được nhúng trực tiếp trong chính plugin đó

WP Rocket Tutorial Videos

Điều này cho phép bạn xem hướng dẫn trực tiếp từ WP Rocket trên các khu vực nhất định trong plugin để bạn có thể được thông báo tốt hơn về những cài đặt tốt nhất của WP Rocket dành cho trang web của bạn để tăng tốc trang web

14. Tài liệu

Một trong những lợi ích lớn nhất khi sử dụng WP Rocket là tài liệu họ cung cấp. Thật tuyệt vơi

Nếu bạn từng thắc mắc cài đặt WP Rocket nào tốt nhất cho trang web của mình, bạn chỉ cần nhấp vào “Cần trợ giúp?”

WP Rocket Documentation Need Help

Nếu không, vui lòng xem Cơ sở kiến ​​thức WP Rocket, đây là phiên bản bên ngoài của tất cả tài liệu của họ, được tải với thông tin về cài đặt WP Rocket lý tưởng để chọn cho thiết lập trang web của bạn

Lựa chọn thay thế tên lửa WP

Nếu bạn đang tìm kiếm các lựa chọn thay thế cho WP Rocket (miễn phí hoặc trả phí), tôi có một vài đề xuất

báo bay

Tôi đã chuyển từ sử dụng WP Rocket sang FlyingPress vào năm 2021 và tôi đã không nhìn lại. FlyingPress thậm chí còn dễ cấu hình hơn WP Rocket, tôi thậm chí còn nhận được tốc độ nhanh hơn và FlyingPress rẻ hơn WP Rocket về lâu dài vì WP Rocket không còn giảm giá gia hạn

FlyingPress được tạo bởi Gijo tại WP Speed ​​Matters và anh ấy cũng tình cờ là thành viên của Cộng đồng Facebook Bắt đầu viết blog 101

Gijo là một nhà phát triển WordPress cực kỳ tài năng và được kính trọng, người quan tâm sâu sắc đến tốc độ trang web WordPress

FlyingPress là một trong những plugin tạo bộ nhớ đệm đơn giản nhất mà tôi từng thiết lập. Nó rất gần với loại plugin “cài đặt và quên nó đi”, loại plugin tốt nhất cho những ai không muốn gây rối với một loạt cài đặt có khả năng phá vỡ trang web của bạn

FlyingPress là một plugin cao cấp cung cấp nhiều tính năng tốc độ hơn cả WP Rocket, chẳng hạn như khả năng lười kết xuất toàn bộ phần tử HTML

FlyingPress tích hợp hoàn hảo với Cloudflare APO, đó là một trong những lý do chính khiến tôi rời khỏi WP Rocket

Trình tối ưu hóa trang web

SiteGround Optimizer là một giải pháp thay thế miễn phí tuyệt vời cho WP Rocket có thể được sử dụng với bất kỳ dịch vụ lưu trữ nào kể từ khi phát hành v7

Nếu bạn được lưu trữ bằng SiteGround thì bạn hoàn toàn nên sử dụng plugin Trình tối ưu hóa SG. Bạn không cần WP Rocket trên trang web của mình và SiteGround thực sự khuyên bạn chỉ nên sử dụng plugin Trình tối ưu hóa SG của họ trên trang web của mình do có thể tích hợp trực tiếp với máy chủ của họ

Kiểm tra cài đặt tốt nhất Trình tối ưu hóa SiteGround của tôi để định cấu hình đúng Trình tối ưu hóa SG trên trang web của bạn và vượt qua Core Web Vitals

LiteSpeed ​​Cache

Nếu bạn đang sử dụng dịch vụ lưu trữ WordPress sử dụng máy chủ LiteSpeed ​​(máy chủ LiteSpeed ​​phổ biến với ngân sách là NameHero hoặc A2 Hosting), thì bạn có thể dùng thử plugin LiteSpeed ​​Cache miễn phí

Mặc dù plugin này hoạt động với nhiều máy chủ web khác nhau, nhưng bạn chỉ nên sử dụng plugin này khi sử dụng máy chủ LiteSpeed ​​để có kết quả tốt nhất

Ngay cả khi bạn được lưu trữ trên các máy chủ LiteSpeed, FlyingPress vẫn có thể cung cấp kết quả tốc độ tốt hơn so với plugin LiteSpeed ​​Cache. Đó là vấn đề thử từng cái và xem cái nào hoạt động tốt hơn

WP Cache nhanh nhất

Một giải pháp thay thế miễn phí tuyệt vời cho WP Rocket là plugin WP Fastest Cache

WP Fastest Cache là một trong những plugin bộ đệm miễn phí đầu tiên tôi từng sử dụng khi bắt đầu viết blog và nó thực hiện công việc tuyệt vời trong việc tăng tốc độ trang web của bạn miễn phí

Mặc dù họ cũng cung cấp phiên bản cao cấp của nó, nhưng phiên bản miễn phí vẫn có nhiều tối ưu hóa sẽ giúp trang web của bạn hoạt động tốt hơn.


Và đó là một bọc. Tôi hy vọng hướng dẫn rất chi tiết này về cài đặt tốt nhất của WP Rocket sẽ giúp bạn tăng tốc trang web WordPress chậm chạp của mình và vượt qua Google’s Core Web Vitals, điều này sẽ giúp bạn tăng thứ hạng đáng thèm muốn

Hướng dẫn WP Rocket này có giúp bạn vượt qua điểm Core Web Vital của mình không?

Hãy tăng tốc các trang web đó,
Jake ✌️

Tham gia vào cộng đồng

Tham gia WordPress Không có Trình tạo Trang hoàn toàn miễn phí của Nhóm Facebook StartBlogging101 và kết nối với một cộng đồng tuyệt vời gồm những cá nhân ngôi sao nhạc rock, những người đam mê xây dựng các trang web WordPress nhanh, có lợi nhuận để phát triển doanh nghiệp của họ. Hãy nói xin chào. 👋

Làm cách nào để bật và tạo đường dẫn quan trọng CSS trong Magento 2?

Cách bật và tạo Đường dẫn quan trọng CSS trong Magento 2 .
php bin/cấu hình magento. đặt dev/css/use_css_critical_path 1. .
npm cài đặt grunt-criticalcss --save-dev. .
tiếng càu nhàu. initConfig({.
tiếng càu nhàu. Trang Chủ. .
npm tôi quan trọng-css-trình tạo. .
const quan trọng = yêu cầu ('critical-css-generator');

Làm cách nào để triển khai CSS quan trọng?

Identify and mark your Critical CSS in your main stylesheet. Include a task in your deploy routine to split the base CSS into two files. Include the extra JavaScript code to load your main stylesheet asynchronously. Implement a server side include feature to add your Critical CSS contents to each pages .

CSS quan trọng hoạt động như thế nào?

CSS quan trọng là kỹ thuật trích xuất CSS trong màn hình đầu tiên để hiển thị trang nhanh nhất có thể . Nó giống như sử dụng CSS tối thiểu để hiển thị nội dung đang được khách truy cập xem. 💡 CSS quan trọng khiến bạn phải suy nghĩ lại về cách trình duyệt tải CSS. bạn cần ưu tiên CSS cho nội dung trong màn hình đầu tiên.