Review WP Rocket: Delaying JS Execution, Preloading Link rất nhiều tính năng mới [NEW]

Tên lửa WP là một trong những plugin bộ nhớ đệm được sử dụng nhiều nhất hiện nay

Tại sao? Nó chỉ đơn giản là hiệu quả, dễ cài đặt.

Trang web của bạn sẽ được tăng tốc, chỉ với một vài cú nhấp chuột.

Plugin này hiện đã được 7 năm tuổi, nhưng nó vẫn không ngừng được cải tiến.

Đặc biệt là trong phiên bản Tên lửa WP 3.7 có nhiều tính năng mới.

Chúng ta hãy nhìn vào plugin này để xem plugin này có những gì.

wp-rocket-3-7

WP-Rocket đầy đủ chức năng, trang web không giới hạn
Mua ngay

Plugin WP Rocket để tăng tốc trang web hiệu quả

WP Rocket được biết đến với plugin bộ nhớ đệm của nó, nhưng nó có thể làm được nhiều hơn thế.

Nó giúp bạn tối ưu hóa một vài thứ đơn giản, nhưng mang lại hiệu quả bất ngờ.

Đặc biệt bạn chỉ cần click và tích vào là có thể thiết lập mọi thứ rất đơn giản.

Chúng ta hãy xem xét các tính năng của WP Rocket:

  • Lưu vào bộ nhớ đệm tất cả các trang và bài viết trên trang web
  • Bật bộ nhớ đệm của trình duyệt
  • Giảm mức sử dụng băng thông với công cụ nén Gzip
  • Tối ưu hóa tải phông chữ
  • Hỗ trợ plugin. chủ đề, lưu trữ

Ngoài ra, bạn cũng có thể thiết lập các tính năng bổ sung như:

  • Tải trước bộ nhớ đệm – điều này giúp bạn xây dựng một bộ nhớ cache luôn sẵn sàng
  • Thu nhỏ / Kết hợp – Thu gọn và kết hợp các tệp CSS / JS của bạn.
  • Xóa truy vấn khỏi tài nguyên tĩnh
  • Lười tải – Trì hoãn quá trình tải hình ảnh, cuộn video đến nơi tải
  • Trì hoãn tải JS
  • Tắt biểu tượng cảm xúc / nhúng
  • Kết hợp các tệp Google Fonts

WP Rocket 3.7 rất nhiều cải tiến

WP Rocket 3.7 được chính thức ra mắt vào ngày 9 tháng 9 năm 2020, chỉ vài ngày sau lễ kỷ niệm 7 năm thành lập.

Phiên bản này cũng có số 7 trùng với kỷ niệm 7 năm của họ (Có vẻ là con số may mắn của họ: D)

Có hai tính năng mới hứa hẹn sẽ giúp cải thiện điểm số Tốc độ trang của Google:

  • Độ trễ của việc thực thi JavaScript
  • Liên kết tải trước

Vậy nó là gì thì mình sẽ giải thích cho mọi người dễ hiểu hơn.

Độ trễ của việc thực thi JavaScript

Bạn có thể đã nghe nói về tính năng lazy-loading (Chỉ tải hình ảnh khi cuộn đến).

Trước đây WP Rocket 3.3 đã bao gồm tính năng này cách đây khá lâu.

Nhưng với bản phát hành của WordPress 5.5, tính năng tải lười biếng đã được tích hợp sẵn.

Họ cũng áp dụng nguyên tắc tương tự cho JavaScript.

Các tệp tập lệnh không phải lúc nào cũng cần chạy ngay khi trang web tải.

Vì vậy, bạn có thể trì hoãn chúng để tăng tốc độ.

Vậy sử dụng nó như thế nào?

Khi cài đặt thành công WP Rocket 3.7 trong tab Tối ưu hóa tệp ở dưới cùng, bạn sẽ thấy Trì hoãn thực thi JavaScript

Sẽ có một bảng để nhập các đoạn script mà bạn muốn trì hoãn.

Bạn có thể nhập nội dòng hoặc tên của tệp JavaScript.

Đây là danh sách các tập lệnh của bên thứ 3 thường được sử dụng

Trì hoãn-thực thi JavaScript

  • Google Analytics
  • Facebook Pixel
  • Google Recaptcha
  • Trình quản lý thẻ của Google
Nếu các tập lệnh được liệt kê ở trên không thành công trong quá trình hoạt động, bạn có thể xóa chúng.

Hiệu ứng mạng lại thực sự là gì?

Nó sẽ giúp bạn đạt điểm cao hơn trên Google PageSpeed ​​và giảm thời gian tải trang.

Trên trang chủ wp-rocket.me, họ thông báo đã bỏ 65% thời gian tải (từ 2,6 giây đến 0,9 giây)

Và tăng từ 46 điểm đến 86 điểm trên PageSpeed ​​Score Mobile.

psi-before-mobile-1024x509

Trước khi thực hiện độ trễ Độ trễ của việc thực thi JavaScript

psi-sau-di động-1024x512

Sau khi thực hiện trì hoãn Độ trễ thực thi JavaScript

Tất nhiên, đây chỉ là điểm tham khảo của bạn, mỗi trang web là khác nhau.

Nếu bạn đang sử dụng WP Rocket, hãy thử ngay tính năng mới này.

Nếu điểm của bạn tăng lên, hãy comment bên dưới để mọi người cùng biết nhé.

Liên kết tải trước

Ngoài việc tối ưu hóa để có điểm số cao hơn, có một điều quan trọng hơn.

Đó là trải nghiệm người dùng thực sự giống như trên trang web của bạn.

Cho dù điểm cao đến đâu, nếu nó không tải trơn tru, nó sẽ không thành công.

Yếu tố này thường được đo bằng cảm giác, hoặc cảm nhận của người dùng.

WP Rocket đã phát triển một tính năng có tên là Liên kết tải trước để cải thiện điều này.

Làm thế nào nó hoạt động?

Liên kết tải trước về mặt kỹ thuật có thể được gọi là liên kết tìm nạp trước (tìm nạp trước liên kết)

Vẫn hơi khó hiểu đúng không?

Dưới đây là định nghĩa từ Mozilla

Tìm nạp trước liên kết là một cơ chế trình duyệt sử dụng thời gian nhàn rỗi của trình duyệt để tải xuống hoặc tìm nạp trước các tài liệu mà người dùng có thể truy cập trong tương lai gần. Trang web cung cấp một tập hợp các đề xuất tìm nạp trước cho trình duyệt và sau khi trình duyệt tải xong trang, nó sẽ âm thầm bắt đầu tìm nạp trước các tài liệu được chỉ định và lưu trữ chúng trong bộ nhớ. bộ nhớ cache của nó. Khi người dùng truy cập một trong các tài liệu được tải trước, tài liệu đó có thể nhanh chóng được cung cấp ra khỏi bộ nhớ cache của trình duyệt.

tìm nạp trước-liên kết-1024x529

Cách tìm nạp trước hoạt động – nguồn web.dev

Ồ nghe có vẻ thú vị, nghe có vẻ như là một chức năng Tải trước bộ nhớ cache?

WP Rocket 3.7 sẽ dự đoán và tìm nạp trước các liên kết người dùng có thể điều hướng tiếp theo.

Kết quả là khi người dùng nhấp vào liên kết đó, nó sẽ được tải ngay lập tức.

Trong tab Tải trước bạn sẽ thấy có một tùy chọn Liên kết tải trước

Liên kết tải trước

Đánh dấu để bật tính năng này

Ngoài ra, họ cũng tính đến các trường hợp không mong muốn, tự động loại trừ hành vi này:

  • Mọi URL quản trị viên wp hoặc các trang đăng nhập / đăng xuất
  • Các URL đã bị loại trừ khỏi bộ nhớ cache theo cấu hình WP Rocket của bạn
  • Liên kết đến tệp hình ảnh
  • Các liên kết bao gồm một chuỗi truy vấn hoặc một liên kết
  • URL bên ngoài
Ghi chú: Hiện tại tính năng này chỉ hoạt động trên Trình duyệt Chrome. Safari, Opera, IE và Edge hiện không hỗ trợ tìm nạp trước liên kết. Firefox có một lỗi khiến trang tìm nạp trước không được phân phát từ bộ nhớ đệm.

Tối ưu hóa Google Fonts

Tính năng này sẽ được bật theo mặc định khi bạn cài đặt WP Rocket

Theo thống kê, có 94% người dùng đang sử dụng tốt tính năng này.

Nếu bạn không bật tùy chọn này trước đó, bạn sẽ không thể bật tùy chọn này khi cập nhật lên Verion 3.7.

Để kích hoạt nó, bạn có thể chuyển đến tab Công cụ và sử dụng nút “Tối ưu hóa Google Fonts“:

google-phông chữ-tối ưu hóa-1024x364

Giảm thiểu HTML

WP Rocket đã loại bỏ hoàn toàn tính năng này khỏi trong Cài đặt cơ bản

GTMetrix cuối cùng đã không còn sử dụng Minify HTML nữa (lợi ích quá nhỏ)

Các công cụ hiệu suất như PageSpeed ​​Insight và Pingdom Tools đã bỏ qua khuyến nghị này trong một thời gian.

Vì vậy, bây giờ Minify HTML sẽ không còn cần thiết nữa.

tối ưu hóa-google-phông chữ-1024x524

Tạm biệt Giảm thiểu HTML

Bản tóm tắt

Có thể nói, bất kỳ ai đang sử dụng WP Rocket sẽ nhận được một bản cập nhật vô cùng đáng mong đợi.

Nó không chỉ giúp bạn cải thiện điểm số của mình trên Google PageSpeed ​​với Trì hoãn thực thi JavaScript.

Nhưng mà Liên kết tải trước Nó cũng cung cấp trải nghiệm người dùng tốt hơn.

Các bạn nghĩ gì về bản cập nhật này?

Nếu bạn có bất kỳ câu hỏi hoặc góp ý, xin vui lòng bình luận bên dưới.