Bạn có cần tốc độ không? Không, tôi không nói về việc thử vai cho Fast & Phim kinh dị – Tôi đang nói về việc luôn tìm cách tăng tốc trang web của bạn.

Nếu bạn có một trang web, bất kể đó là về chủ đề gì, thì tốc độ tải của trang web đó sẽ đóng một vai trò quan trọng nó thành công như thế nào. Trang web tải chậm sẽ khiến khách truy cập không hài lòng, giảm tỷ lệ chuyển đổi của bạn và khiến bạn bị Google coi thường.

Có lẽ những sự thật đó là nguyên nhân dẫn bạn đến với bài đánh giá NitroPack của chúng tôi – NitroPack là một giải pháp tổng hợp -một công cụ hiệu suất trang web, theo cách nói của trang đích, là “dịch vụ duy nhất bạn cần để có một trang web nhanh”.

Nếu bạn muốn một cách đơn giản để tăng tốc trang web của mình, thì tôi không chắc chắn rằng bạn sẽ tìm thấy một cách thuận tiện hơn để cải thiện đáng kể thời gian tải của mình.

Chắc chắn rồi, như thường lệ, bạn sẽ trả tiền cho sự thuận tiện đó. Tuy nhiên, tùy thuộc vào tình huống của bạn, số tiền bỏ ra có thể xứng đáng.

Trong bài đánh giá này, tôi sẽ thử nghiệm NitroPack bằng cách…

• Chạy một số hoạt động trước/sau khi thực hiện kiểm tra xem NitroPack có thể tăng tốc trang web của tôi đến mức nào.
• Tìm hiểu các tính năng khác nhau mà NitroPack cung cấp.
• Hiển thị cho bạn cách thiết lập và định cấu hình NitroPack với trang web WordPress ( mặc dù NitroPack cũng hoạt động với các trang web không phải WordPress ).

Cuối cùng, bạn nên biết liệu đây có phải là công cụ phù hợp chohầu hết trong số đó liên quan đến việc bao gồm/loại trừ nội dung cụ thể khỏi quá trình tối ưu hóa.

Ví dụ: bạn có thể loại trừ một số hình ảnh hoặc tài nguyên, cookie, URL, v.v. Điều này có thể hữu ích nếu bạn là một nhiếp ảnh gia chẳng hạn và bạn muốn loại trừ hình ảnh danh mục đầu tư có độ phân giải cao của mình khỏi bị nén hoặc nếu bạn có một trang web dành cho thành viên và bạn không muốn các thành viên đã đăng nhập được cung cấp nội dung được lưu trong bộ nhớ cache:

The Tab Tích hợp cũng giúp bạn tích hợp với một số công cụ khác:

• Proxy ngược – nhiều máy chủ WordPress được quản lý sử dụng Varnish hoặc Nginx làm proxy ngược cho bộ nhớ đệm cấp máy chủ, vì vậy, tính năng này cho phép bạn tiếp tục hưởng lợi từ những tối ưu hóa đó.
• Cloudflare
• Sucuri

NitroPack cung cấp cho bạn một vài khu vực bảng điều khiển khác để theo dõi việc sử dụng và xem những trang nào đã được tối ưu hóa, nhưng đó là phần lớn cấu hình.

Dễ dàng, phải không?

Suy nghĩ cuối cùng: Có nên bạn sử dụng NitroPack?

Tại thời điểm này trong bài đánh giá NitroPack của chúng tôi, tôi cảm thấy khá tự tin khi nói rằng NitroPack thực sự có thể tăng tốc trang web của bạn – những con số đã nói lên tất cả.

Ngoài ra, nó cực kỳ dễ dàng để sử dụng – quy trình thiết lập WordPress cực kỳ đơn giản và hoàn toàn dễ dàng thực hiện sau khi bạn vượt qua khó khăn ban đầu đó.

Yếu tố gây nhiễu duy nhất là giá cả.

Thấy chưa, câu hỏi không phải là' không chỉ là “NitroPack có tăng tốc trang web của bạn không?”.Câu trả lời đó là một tiếng vang có.

Thay vào đó, câu hỏi đặt ra là “Liệu NitroPack có tăng tốc trang web của bạn đủ để đảm bảo trả ít nhất $X mỗi tháng không?”

Ở đây, câu trả lời là có…đôi khi và không…đôi khi.

Khi NitroPack có thể không phù hợp

Nếu bạn đang sử dụng WordPress và có ngân sách eo hẹp, bạn có thể tìm các công cụ khác có thể cải thiện đáng kể thời gian tải trang web của bạn ít tiền hơn. Tùy chọn tốt nhất ở đây có lẽ là WP Rocket, theo đánh giá thực hành của chúng tôi về WP Rocket, đã giảm đáng kể thời gian tải trang web thử nghiệm của tôi.

Bây giờ, trang web thử nghiệm này nằm trong một môi trường lưu trữ khác, vì vậy thật không công bằng khi so sánh con số đó với NitroPack (trang web thử nghiệm NitroPack của tôi bắt đầu từ dịch vụ lưu trữ cơ bản nhanh hơn nhiều). Tuy nhiên, vấn đề là, với mức phí $49/năm, WP Rocket có thể cải thiện đáng kể thời gian tải trang web của bạn.

Đối với nhiều trang web, điều này là “đủ tốt” và sẽ giúp bạn tiết kiệm rất nhiều tiền . Tuy nhiên, nó không bao gồm CDN hoặc tối ưu hóa hình ảnh.

Hãy nhớ rằng: NitroPack cung cấp gói miễn phí cho tối đa 5.000 khách truy cập hàng tháng nếu bạn không ngại hiển thị huy hiệu ở chân trang của mình. Kết quả cuối cùng là gói này vẫn bao gồm CDN và nhiều cải tiến về hiệu suất.

Khi nào bạn nên sử dụng NitroPack

Nếu bạn sẵn sàng trả tiền để có hiệu suất cao nhất, NitroPack có một rất nhiều điều sẽ xảy ra:

Trước hết, hiệu suất được cải thiện trong các thử nghiệm của tôilà… tốt, khá ấn tượng. Nó thực sự hoạt động tốt hơn rất nhiều so với tôi mong đợi. Trang web thử nghiệm của tôi đã hoạt động khá nhanh với giọt DigitalOcean, nhưng NitroPack vẫn cắt giảm hơn 50% thời gian tải trang trên trang web của tôi cho cả thử nghiệm Chicago và Mumbai.

Thứ hai, ngoài việc cải thiện dòng trên cùng số thời gian tải trang, NitroPack cũng đã thực hiện những cải tiến lớn đối với chỉ số hiệu suất “trải nghiệm người dùng” nhiều hơn trong Core Web Vitals của Google. Ví dụ: trong thử nghiệm ở Chicago, nó đã giảm thời gian Vẽ nội dung lớn nhất (LCP) của tôi từ 2,319 giây xuống 0,958 giây.

Vì Google sẽ bắt đầu sử dụng Các chỉ số quan trọng về trang web làm yếu tố xếp hạng SEO vào năm 2021 nên đây là một yếu tố khác cách mà NitroPack kiếm được lợi nhuận.

Hãy nhớ rằng có rất nhiều dữ liệu liên quan đến thời gian tải với các số liệu quan trọng như tỷ lệ chuyển đổi và tỷ lệ thoát. Vì vậy, nếu bạn có một trang web "nghiêm túc", chẳng hạn như trang web thành viên hoặc cửa hàng thương mại điện tử, NitroPack có thể tự trả tiền bằng cách giúp bạn bán nhiều sản phẩm hơn và tạo ra những khách hàng hài lòng hơn.

Phán quyết cuối cùng? Nếu bạn sẵn sàng đầu tư vào hiệu suất trang web của mình, bạn chắc chắn nên xem xét NitroPack. Nếu bạn có ngân sách eo hẹp, họ có gói miễn phí hạn chế, đủ cho các trang web nhỏ.

Dữ liệu kiểm tra hiệu suất NitroPack

Rõ ràng, yếu tố lớn nhất trong việc xác định có nên sử dụng NitroPack hay không là liệu nó có thể tạo ra sự khác biệt đáng kể trong hiệu suất trang web của bạn hay không. Vì lý do đó, tôi nghĩ tốt nhất là nên bắt đầu đánh giá NitroPack của chúng tôi bằng một số bài kiểm tra hiệu suất thực tế, ngay cả trước khi nói về bất kỳ tính năng nào của nó.

Về cơ bản, các tính năng nghe có vẻ hay trong nội dung tiếp thị, nhưng thời gian tải trang thì rất khó có vấn đề gì đâu.

Để kiểm tra hiệu suất của NitroPack, tôi đã lấy trang web thử nghiệm WordPress đáng tin cậy của mình và sử dụng nó để chạy một số thử nghiệm trước/sau từ các địa điểm khác nhau.

Trang web thử nghiệm của tôi được lưu trữ trên DigitalOcean rẻ nhất giọt và sử dụng chủ đề Astra (đánh giá của chúng tôi). Để thêm một số “trọng lượng” và làm cho thử nghiệm thực tế hơn, tôi cũng đã nhập phiên bản Elementor đầy đủ của mẫu Cửa hàng hữu cơ bao gồm plugin WooC Commerce (cùng với nội dung demo được tạo bằng Elementor, plugin trình tạo trang WordPress phổ biến).

Để thu thập dữ liệu thử nghiệm, tôi đã sử dụng WebPageTest, đây là công cụ kiểm tra hiệu suất tốt nhất theo ý kiến ​​của tôi. Ngoài việc cung cấp các chỉ số khác nhau cho “thời gian tải”, nó còn bao gồm dữ liệu cho sáng kiến ​​Các chỉ số quan trọng về trang web mới của Google, sáng kiến ​​này sẽ trở thành một yếu tố xếp hạng vào năm 2021.

Các chỉ số Các chỉ số quan trọng về trang web đo lường thời gian tải khi áp dụng đến trải nghiệm người dùng, không chỉ là một số liệu "thời gian tải" đơn lẻ. Bởi vì rất nhiều NitroPacktối ưu hóa tập trung vào việc cải thiện các chỉ số này (ví dụ: bằng cách thêm CSS quan trọng vào nội tuyến), tôi nghĩ chúng là một phần quan trọng khác cần chú ý.

Đối với cấu hình thử nghiệm của mình, tôi đã sử dụng như sau:

• Địa điểm kiểm tra . Chicago, Illinois VÀ Mumbai, Ấn Độ ( để xem CDN hoạt động như thế nào )
• Trình duyệt : Chrome.
• Kết nối : FIOS (20/5 Mb/giây). Điều này sẽ nhận được kết quả chậm hơn so với một công cụ như Pingdom, nhưng nó chính xác hơn về cách khách truy cập thực tế sẽ trải nghiệm trang web của bạn vì nó gần với tốc độ Internet trung bình của Hoa Kỳ nói chung.
• Số số bài kiểm tra cần chạy: “9”. WebPageTest sẽ chạy chín thử nghiệm riêng biệt và lấy giá trị trung bình, giúp loại bỏ tính biến thiên của một thử nghiệm.

Tôi cũng sẽ chạy trang web thử nghiệm của mình thông qua Thông tin chi tiết về tốc độ trang vì tôi biết rằng nhiều người quan tâm đến điểm số Thông tin chi tiết về tốc độ trang. Tuy nhiên, đừng quá ám ảnh về điểm số. Điều thực sự quan trọng là cách khách truy cập con người trải nghiệm trang web của bạn.

Đây là cách nó hoạt động – Tôi sẽ bắt đầu với dữ liệu thô và sau đó tóm tắt mọi thứ ở cuối phần này:

Chicago, Hoa Kỳ:

Không tối ưu hóa hiệu suất (kiểm soát)

Với NitroPack

Mumbai , Ấn Độ

Không tối ưu hóa hiệu suất (kiểm soát)

Với NitroPack

Thông tin chi tiết về tốc độ trang

TrướcNitroPack:

Di động:

Máy tính để bàn:

Sau NitroPack:

Di động:

Máy tính để bàn:

Kết luận

Ok, tôi biết rằng tôi đã nói với bạn rất nhiều thông tin kỹ thuật và bảng biểu trong các phần trước. Nếu bạn không phải là người nghiện hiệu suất trang web, điều đó có thể khiến bạn cảm thấy hơi choáng ngợp. Vì vậy, đây là kết luận thân thiện với con người từ tất cả dữ liệu thử nghiệm đó:

NitroPack đã cải thiện đáng kể thời gian tải trang trên trang web của tôi trong mọi lĩnh vực :

• Các thời gian tải trang tổng thể giảm, đó là điều mà hầu hết mọi người quan tâm.
• Hình ảnh nội dung lớn nhất (LCP) của Core Web Vitals được cải thiện, điều đó có nghĩa là khách truy cập của bạn sẽ có thể xem nội dung quan trọng nhất trên trang web của bạn nhanh hơn (điều này nên mang lại trải nghiệm tốt hơn).
• Thời gian đến byte đầu tiên (TTFB) giảm xuống, điều đó có nghĩa là máy chủ phản hồi nhanh hơn.
• Điểm số PageSpeed ​​Insights được cải thiện đáng kể.

Để giúp bạn hình dung quá trình so sánh, sau đây là cách sắp xếp mọi thứ cho bài kiểm tra Chicago, Illinois:

Đây là bài kiểm tra Mumbai:

Hãy chú ý đến sự cải thiện lớn ở đây. Trang web thử nghiệm nhanh hơn gần gấp 3 lần với NitroPack.

Cuối cùng, đây là điểm số Thông tin chi tiết về tốc độ trang:

Nói chung, NitroPack đã vượt qua các bài kiểm tra tốc độ một cách xuất sắc.

Lưu ý từ Adam: Hãy nhớ rằng, đây là kết quả thử nghiệm khi sử dụng Elementor và cài đặt “mạnh” trong NitroPack. Nếu bạn sử dụng chế độ “lố bịch”, bạn sẽ thấy thời gian tải nhanh hơn nhưng có thể gặp sự cố. Trên một trong những trang web nhỏ hơn của mình, tôi đã có thể nhận được thời gian tải trang trên thiết bị di động vào những năm 90 bằng cách sử dụng chủ đề GeneratePress nhẹ và không có trình tạo trang.

NitroPack tăng tốc trang web của bạn như thế nào?

Ok , vì vậy bây giờ bạn biết rằng NitroPack có thể cải thiện đáng kể thời gian tải trang trên trang web của bạn. Vậy…nó làm được điều đó như thế nào?

Một lần nữa, điều độc đáo nhất về NitroPack là nó cung cấp một phương pháp tất cả trong một để tăng tốc trang web của bạn. Thay vì hack cùng một bộ sưu tập các plugin hiệu suất WordPress khác nhau, bạn chỉ cần thiết lập NitroPack và sử dụng một ngày.

Dưới đây là một số plugin lớn nhấtcác kỹ thuật mà nó triển khai để tăng tốc trang web của bạn.

Bộ nhớ đệm

NitroPack có nhiều hệ thống bộ nhớ đệm để cải thiện hiệu suất và giảm tải cho máy chủ của bạn. Hai yếu tố quan trọng nhất là bộ nhớ đệm trang và bộ nhớ đệm trình duyệt:

• Bộ nhớ đệm trang – lưu phiên bản HTML tĩnh của trang để máy chủ của bạn không cần thực thi PHP cho mỗi lần truy cập .
• Bộ nhớ đệm của trình duyệt – lưu một số tài nguyên tĩnh nhất định trên máy tính cục bộ của khách truy cập để họ không cần tải xuống các tài nguyên đó sau mỗi lần tải trang.

NitroPack cũng bao gồm các tính năng thông minh như vô hiệu hóa bộ đệm và tải trước, giúp bạn đảm bảo rằng nhiều khách truy cập nhất có thể đang được phục vụ các phiên bản nội dung của bạn đã lưu trong bộ nhớ cache.

Nếu cần, bạn cũng có thể loại trừ một số nội dung/tài nguyên nhất định khỏi được lưu vào bộ nhớ đệm. Ví dụ: nếu bạn đang điều hành một cửa hàng Thương mại điện tử, thì bạn cần phải loại trừ các trang giỏ hàng và thanh toán của mình.

Mạng phân phối nội dung (CDN)

CDN tăng tốc độ tải toàn cầu cho trang web của bạn lần bằng cách lưu vào bộ đệm các tài nguyên tĩnh trên một mạng máy chủ trên khắp thế giới (được gọi là các vị trí biên). Sau đó, khi ai đó truy cập trang web của bạn, họ có thể tải xuống các tài nguyên đó từ vị trí biên gần nhất, thay vì phải đi đến tận máy chủ thực của trang web.

CDN này là một phần quan trọng giải thích cách thức hoạt động của tôi. trang web thử nghiệm nhanh hơn gấp 3 lần với NitroPack ở Mumbai, Ấn Độthử nghiệm.

CDN của NitroPack được cung cấp bởi Amazon CloudFront và được tích hợp tự động vào dịch vụ.

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

Hình ảnh chiếm khoảng một nửa kích thước tệp của trang web trung bình, vì vậy tìm cách thu nhỏ chúng là một cách tuyệt vời để tăng tốc mọi thứ. NitroPack tự động tối ưu hóa hình ảnh của bạn, bao gồm chuyển đổi chúng sang định dạng WebP nhanh chóng và tải chậm chúng.

Tối ưu hóa mã

NitroPack bao gồm nhiều tính năng khác nhau để tối ưu hóa mã trang web của bạn. Điều này không chỉ bao gồm kích thước mã trang web của bạn thông qua thu nhỏ mà còn cả cách tải mã của bạn.

Trước hết, NitroPack có thể tự động tạo CSS quan trọng cho mỗi bố cục duy nhất và sau đó trì hoãn việc tải CSS không quan trọng, điều này sẽ tăng tốc độ hiển thị của nội dung (đồng thời tăng điểm số PageSpeed ​​Insights của bạn).

Tính năng này cũng có thể trì hoãn JavaScript chặn kết xuất, điều này đạt được những tác động tích cực tương tự như việc trì hoãn CSS (và là điều mà PageSpeed ​​Insights luôn kêu ca về bạn).

Cuối cùng, có một số cải tiến linh tinh khác như tìm nạp trước DNS và tối ưu hóa hiển thị phông chữ.

Giá NitroPack

Bây giờ, câu hỏi quan trọng tiếp theo – bao nhiêu bạn có phải trả phí tất cả các tính năng đó không?

NitroPack có gói miễn phí giới hạn sẽ hoạt động cho các trang web nhỏ, mặc dù gói này bao gồm huy hiệu NitroPack ở chân trang của trang web của bạn.

Sau đó, trả phí các kế hoạchbắt đầu ở mức $17,50 mỗi tháng với thanh toán hàng năm hoặc $21 mỗi tháng với thanh toán hàng tháng.

Các mức giá này áp dụng cho từng trang web nhưng bạn cũng có thể liên hệ với nhóm bán hàng để biết các gói nhiều trang web hoặc đại lý .

Cách định cấu hình NitroPack trên WordPress

Như tôi đã đề cập một vài lần, một trong những ưu điểm của NitroPack là nó rất dễ bắt đầu. Trên thực tế, đối với tất cả các tính năng mà nó triển khai, đây có lẽ là công cụ tối ưu hóa đơn giản nhất mà tôi từng sử dụng.

Tôi sẽ tập trung vào WordPress cho hướng dẫn này. Tuy nhiên, hãy nhớ rằng NitroPack không giới hạn ở các trang web WordPress. Tuy nhiên, nếu bạn đang sử dụng WordPress, plugin WordPress chuyên dụng sẽ giúp bạn thiết lập và chạy chỉ sau vài phút.

Để bắt đầu, bạn cần:

• Đăng ký cho một tài khoản NitroPack. Có bản dùng thử miễn phí 14 ngày cho các gói cao cấp, cũng như gói miễn phí mà tôi đã đề cập trước đó. Đảm bảo nhập URL của trang web WordPress của bạn khi đăng ký.
• Cài đặt plugin NitroPack từ WordPress.org.

Sau đó, đi tới Cài đặt → NitroPack trong bảng điều khiển WordPress của bạn và nhấp vào nút Kết nối với NitroPack :

Nếu bạn đã đăng nhập vào tài khoản NitroPack của mình, NitroPack sẽ phát hiện điều đó. Nếu không, bạn sẽ thấy lời nhắc đăng nhập.

Sau đó, bạn cần chọn trang web muốn tối ưu hóa mà lẽ ra bạn phải nhậpkhi tạo tài khoản NitroPack của bạn:

Và thế là xong! Bạn đã kết nối – Tôi đã nói với bạn rằng điều đó thật dễ dàng.

Mặc dù NitroPack cung cấp cho bạn bảng điều khiển cơ bản bên trong trang web WordPress của bạn cùng với một vài cài đặt, nhưng bạn sẽ quản lý hầu hết mọi thứ từ bảng điều khiển đám mây của NitroPack, không phải trang web WordPress của bạn. Hãy đến đó tiếp theo.

Cách định cấu hình NitroPack

Điều thú vị về NitroPack là bạn thực sự không cần phải “cấu hình nó”. Nó khá nhiều hoạt động ra khỏi hộp. Trên thực tế, khi tôi chạy các thử nghiệm ở trên, tôi đang sử dụng cấu hình mặc định – tôi thực sự không thực hiện một thay đổi nào.

Nếu muốn tìm hiểu sâu hơn, bạn có thể chuyển đến Cài đặt trong bảng điều khiển NitroPack của bạn. Sau đó, bạn có thể chọn mức tối ưu hóa mong muốn từ thanh trượt Cấu hình . Dựa trên mức độ tối ưu hóa mà bạn chọn, NitroPack sẽ tự động định cấu hình một số/tất cả các tính năng mà tôi đã đề cập ở trên.

Ví dụ: nếu bạn chọn Strong (mặc định), nó sẽ sẽ bao gồm các tính năng như tải chậm và tối ưu hóa phông chữ. Để tham khảo, các thử nghiệm mà tôi đã thực hiện ở trên cũng sử dụng cấp độ Mạnh .

Nếu bạn là người dùng thông thường, bạn đã hoàn tất! Chỉ cần dừng lại – bạn thực sự không cần phải làm gì thêm ngoài việc chọn mức độ tối ưu hóa mà bạn muốn.

Nếu cuộn xuống, bạn sẽ có một số tùy chọn bổ sung,