Đánh giá NitroPack – Tối ưu tốc độ web theo phương pháp mũ đen

Đánh giá bài viết!
[3.7/5 - (3 Votes)]

Để gây nhiễu cho công cụ kiểm tra tốc độ , NitroPack đang hoãn tất cả quá trình thực thi JavaScript lại. Có nghĩa NitroPack sẽ phá hủy sự trực quan của website có nội dung động mà hiển thị nội dung tĩnh làm cho người dùng không thể tương tác tức thì với website được. Bạn sẽ mất thêm hai giây sau lần nhấp đầu tiên vào menu nếu lướt trên di động, sau 2 giây thì JavaScript mới bắt đầu phân tích và thực thi. Như vậy nếu lúc đó bạn tương tác với menu thì menu sẽ không hoạt động hoặc hoạt động chệch choạc ngay.

Ngoài menu còn nhiều thành phần khác trên website nếu cần javascript để hoạt động nhưng bị delay lại sẽ gây cho website trờ nên đơ hoặc treo…

Các công cụ như Page Speed Insights (PSI) chỉ để thử nghiệm và gỡ lỗi cho các nhà phát triển trang web. PSI không được sử dụng để xếp hạng trải nghiệm trang. Để tính toán Core Web Vitals cho trang web của bạn, Google thu thập dữ liệu từ trình duyệt Chrome của khách truy cập trang web của bạn và gửi nó đến máy chủ của Google dưới dạng báo cáo CrUX.

PSI có thể dễ dàng đánh lừa bằng cách tìm nạp trước các tệp JavaScript, CSS nhưng không phản hồi ngay tức thì mà trì hoãn chúng lại. PSI bỏ qua các tài nguyên bị trì hoãn mà không phản hồi ngay tức thì như vậy. Nhiều người hiểu nguyên tắc này và lạm dụng nó để tăng điểm Page Speed Insights, nhưng hầu hết đều thất bại trong một bài kiểm tra cục bộ với Lighthouse thông qua trình duyệt Chrome (chuyển sang chế độ Ẩn danh, sử dụng Kiểm tra – Lighthouse).

Plugin NitroPack tìm nạp tất cả các tệp tập lệnh và trì hoãn tất cả các tài nguyên thực thi JavaScript cho đến khi người dùng tương tác đầu tiên (ví dụ như lượt nhấp, click vào màn hình, kéo vuốt…). NitroPack đang sử dụng một chiến lược gian lận mà chưa bị các công cụ kiểm tra của Google phát hiện ra. Tôi tin rằng trò lừa đảo NitroPack sẽ bị bại lộ và mất hết tác dụng vào năm 2022.

NitroPack che giấu các vấn đề với chỉ số Dịch chuyển bố cục tích lũy (CLS) bằng cách gian lận PSI. Nếu check các trang sử dụng NitroPack với Web Vitals sẽ không đạt yêu cầu về điểm CLS.

NitroPack đang nỗ lực cải thiện hiệu suất của plugin để duy trì tính cạnh tranh ngay cả sau khi Google cập nhật Lighthouse trong tương lai, điều này có thể loại bỏ hành vi gian lận của họ. Plugin NitroPack đã cải thiện rất nhiều trong 12 tháng qua, nhưng nó vẫn không cạnh tranh được với hoàn toàn miễn phí được tích hợp với QUIC.cloud CDN và được cung cấp miễn phí bởi tất cả các nhà cung cấp lưu trữ máy chủ web LiteSpeed .

Người dùng NitroPack lo ngại về sự sụt giảm lưu lượng truy cập khi được Google Analytics. NitroPack đã quyết định loại bỏ sự chậm trễ trong việc đánh giá và thực thi tất cả JavaScript liên quan đến Google Analytics. Do đó, thời gian LCP cho hầu hết các trang web sử dụng NitroPack hiện là 3 giây trên thiết bị di động – chậm hơn giới hạn 2,5 giây do Web Vital đặt ra. Trớ trêu thay, hầu hết người dùng chuyên nghiệp sẽ không ngần ngại trì hoãn Google Analytics hoặc phân phối nó cục bộ với các plugin như Flying Analytics , CAOS , WP Rocket hoặc Perfmatters để có điểm số của Web Vital tốt hơn.

Nhiều nhà phát triển plugin bộ nhớ đệm khác đã thất vọng trước các chiến lược gian lận của NitroPack. Tuy nhiên, vì cho đến nay Google vẫn không phạt người dùng NitroPack nên các công ty khác đã quyết định triển khai các tính năng tương tự. Ví dụ: plugin bộ nhớ đệm LiteSpeed ​​đã cung cấp chức năng tương tự kể từ phiên bản 4.0. Không giống như NitroPack, LiteSpeed ​​không tiếp thị một cách toàn diện tính năng này mà cung cấp cho người dùng với lưu ý rằng nó có thể khiến nhiều trang web có thể gặp sự cố.

Theo hiểu tôi, các tệp JavaScript và tệp CSS được tìm nạp trước bởi plugin NitroPack trên trình duyệt cục bộ. Các tệp CSS được xử lý ngay lập tức trong trình duyệt, tất cả các tệp JavaScript sẽ bị trì hoãn nếu không phát hiện thấy chuyển động của chuột trong cửa sổ trình duyệt.

Kết quả trong bài kiểm tra của Google PageSpeed ​​Insights và GTMetrix hoàn toàn dựa trên CSS và JS nội tuyến trong HTML mà không tính đến CSS và JS được tải trên trang.

Quá trình hoàn tất phân tích cú pháp JavaScript trong trình duyệt của bạn cho trang web cụ thể này mất hơn sáu (!) giây trên máy tính để bàn (!). Chỉ có thể đo thời gian chính xác bằng cách di chuyển chuột trong cửa sổ trình duyệt khi trang web đang tải. Nếu không, quá trình tải, đánh giá và phân tích cú pháp sẽ bị đình trệ và tiếp tục lại khi bạn bắt đầu di chuyển chuột. Cùng một trang web sẽ hoàn tất quá trình phân tích cú pháp JavaScript trong vòng chưa đầy hai giây trên máy tính để bàn trước khi cài đặt plugin NitroPack.

Một thủ thuật từ plugin NitroPack hoàn toàn loại trừ thời gian xử lý CSS và JS khỏi các phép đo do Google PageSpeed ​​Insights hoặc GTMetrix. Giải pháp từ NitroPack để tải JS và CSS trong một chuỗi riêng biệt có lẽ là một bước đột phá khi ẩn các tệp này khỏi các thuật toán hiện có của Công cụ kiểm tra.

Sự khác biệt trong việc đánh giá dữ liệu bằng Công cụ kiểm tra số liệu trang so với đánh giá dữ liệu bằng trình duyệt của khách truy cập trực tiếp giúp người dùng của NitroPack lừa Google để báo cáo các cải tiến về Thời gian tương tác và Chỉ số tốc độ.

Hầu hết JS được tạo trong bởi các công cụ tạo trang như Elementor đều dựa vào thư viện jQuery và không hoạt động nếu không có tệp jquery.min.js được tải, đánh giá và phân tích cú pháp trên các trang web được điều khiển bởi NitroPack. Kadence Theme và Kadence Blocks là một số ví dụ tốt nhất về các công cụ phát triển WordPress được sử dụng để cung cấp các trang web với JavaScript thuần túy mà không cần dựa vào jQuery.

Nhiều nhà thiết kế báo cáo điểm tốc độ trang trên thiết bị di động trên 90 bằng cách sử dụng Kadence Blocks mà không cần phải gian lận trên các công cụ Tốc độ trang. Như họ đã nói: “No jQuery, No Font Awesome, No JS jank = Fast Sites!”

Tóm lại, bạn không nên sử dụng NitroPack hãy theo chuẩn cấu trúc, đừng cố gắng qua mặt các công cụ kiểm tra điểm số hoặc qua mặt Google.

Một số phương pháp tối ưu bạn có thể đọc tại bài viết

Chúc bạn thành công!

Đánh giá bài viết!
[3.7/5 - (3 Votes)]