NitroPack İncelemesi: Kolay Modda WordPress Site Hızı Optimizasyonu

Bir web siteniz varsa, site hızı optimizasyonuna dikkat etmeniz gerekir.

Sayfa hızının sitenizin kullanıcı deneyimi üzerinde büyük bir etkisi vardır - yavaş site hızını daha yüksek hemen çıkma oranlarına, daha düşük dönüşüm oranlarına ve genel olarak memnun olmayan kullanıcılara bağlayan her türlü veri vardır.

Ama dürüst olmak gerekirse, bu noktayı kanıtlamak için gerçekten verilere ihtiyacınız yok çünkü muhtemelen yavaş yüklenen bir web sitesinin ne kadar sinir bozucu olduğunu zaten biliyorsunuzdur, değil mi?

Dahası, Google'ın yeni Sayfa Deneyimi güncellemesiyle Google, bir arama motoru sıralama faktörü olarak En Büyük İçerikli Boya gibi Önemli Web Verileri ölçümlerini de kullanır, bu nedenle yavaş sayfa hızı sitenizin arama motoru optimizasyonunu da zorlayabilir.

Yani – site hızı önemlidir… ama aynı zamanda karmaşıktır.

Önbelleğe alma, JavaScript optimizasyonu, CSS optimizasyonu, HTML optimizasyonu, içerik dağıtım ağları (CDN), görüntü optimizasyonu, önceden getirme, sıkıştırma var… fikri anladınız.

NitroPack, sitenizin ihtiyaç duyduğu her performans optimizasyon taktiğini hemen hemen tek bir araçta uygulamanıza yardımcı olan, kullanımı kolay bir eklentidir.

WordPress'te tek yapmanız gereken NitroPack eklentisini yüklemek, birkaç düğmeyi tıklamaktır ve siteniz önbelleğe alma, içerik dağıtım ağı (CDN), CSS/JavaScript optimizasyonu ve çok daha fazlası gibi taktiklerden anında yararlanacaktır.

Uygulamalı NitroPack incelememizde, aşağıdakileri içeren bu araca uygulamalı bir göz atacağız:

• Özelliklerin hızlı bir özeti
• Bir NitroPack öğreticisi ve arayüze bakın
• NitroPack'in iyileştirmelerinin “gerçek” olup olmadığı üzerine düşünceler (bu daha sonra mantıklı olacaktır)
• NitroPack ile bazı performans öncesi/sonrası testleri
• fiyatlandırma
• Son düşünceler

NitroPack İncelemesi: Ne Yapar?

NitroPack, WordPress (ve diğer bazı platformlar) için hepsi bir arada bir hız optimizasyon eklentisidir.

NitroPack ile ilgili en benzersiz şeylerden biri bu – gerçekten hepsi bir arada .

Bu şaşırtıcı derecede nadirdir. Örneğin, WP Rocket başlı başına çok kapsamlı bir sayfa hızı eklentisidir, ancak yine de en azından onu bir görüntü optimizasyon çözümü, bir CDN ve diğer bazı ince ayarlarla eşleştirmeniz gerekir.

NitroPack ile performans optimizasyon araçlarından oluşan bir "yığın" oluşturmaya gerek yoktur. Sadece sizin için her şeyi yapar. Kapsadığı üst düzey özellikler şunlardır:

• Önbelleğe alma – ön yüklemeli akıllı sayfa önbelleğe alma ve akıllı önbellek temizleme ile tarayıcı önbelleğe alma dahil.
• CDN – 70'den fazla global uç noktaya, Gzip/Brotli sıkıştırmasına ve daha fazlasına sahip yerleşik bir CDN.
• CSS optimizasyonu – En Büyük İçerikli Boyama metriği dahil olmak üzere ilk yükleme sürelerinizi artırabilmeniz için ekranın üst kısmındaki kritik CSS'yi işleme dahil.
• JavaScript optimizasyonu – ilk yükleme sürelerini iyileştirmek ve sitenizin JavaScript'inin tamamını optimize etmek için komut dosyalarını erteleyebilirsiniz. NitroPack ayrıca, komut dosyalarını ana CPU iş parçacığından taşımak ve komut dosyalarını kullanıcı etkileşimine kadar geciktirmek için benzersiz bir yola sahiptir - aşağıda daha fazlası.
• Görüntü optimizasyonu – görüntüleri otomatik olarak sıkıştırabilir/yeniden boyutlandırabilir ve bunları WebP'ye dönüştürebilir. Kullanıcılara ekran boyutlarına göre dinamik olarak farklı görüntüler sunmanıza olanak tanıyan yeni bir uyarlanabilir boyutlandırma özelliği de vardır.
• HTML optimizasyonu – önemli kaynaklar için DNS ön bağlantısı gibi gelişmiş ayrıntılar dahil.

Bu görüntü, temel özellikleri özetlemek için oldukça iyi bir iş çıkarıyor:

NitroPack ile ilgili benzersiz bir şey, "tescilli kaynak yükleyici"sidir. Bunun konsepti/faydası oldukça karmaşıktır, ancak temel fikir, NitroPack'in sitenizin nasıl yüklendiğini (özellikle JavaScript'ini) optimize ederek tüm ayrı dosyaların kullanıcı deneyimi için en uygun şekilde yüklenmesini sağlamasıdır.

Temel olarak, bu özelliği etkinleştirirseniz, yalnızca ekranın üst kısmındaki içeriği oluşturmak için gereken minimum dosyaları yüklemeye çalışır ve ardından bir kullanıcı sitenizle etkileşim kurmaya başlayana kadar gerisini yüklemek için bekler. Bunu yaparak, En Büyük İçerikli Boyama metriği dahil olmak üzere sitenizin ilk yükleme süresini büyük ölçüde hızlandırabilirsiniz.

Bununla ilgili her şeyi buradan okuyabilirsiniz.

NitroPack Nasıl Kullanılır

NitroPack'in kapsamlı site hızı optimizasyon özelliklerinin ötesinde, kolay kurulumu en güçlü avantajlarından biridir.

Birden çok önceden ayarlanmış optimizasyon modu sayesinde, yalnızca birkaç dakika içinde tamamen optimize edilmiş bir siteyle tam anlamıyla hazır ve çalışır durumda olabilirsiniz.

Nasıl çalıştığına bir bakalım…

1. Web Sitenizi Ekleyin

Başlamak için, NitroPack panosu aracılığıyla web sitenizi eklemek isteyeceksiniz:

Ardından, bir bağlayıcı aracı kullanarak NitroPack hesabınızı sitenize bağlayabilirsiniz. WordPress için bu, WordPress.org'daki özel NitroPack eklentisi anlamına gelir:

2. Optimizasyon Modunuzu Seçin

Artık optimizasyon modunuzu seçmeye hazırsınız. Bu, NitroPack'in en sevdiğim kısımlarından biri çünkü NitroPack'i bu kadar basit yapan şey bu.

NitroPack, çoğu eklentide yapmanız gereken gibi bir dizi ayrı ayarla uğraşmak yerine, ihtiyaçlarınıza göre önceden ayarlanmış bir yapılandırma seçmenize izin verir. Daha ileri düzey kullanıcılar için yine de kurcalayabilirsiniz .

Bunu WordPress panonuzdan veya NitroPack panonuzdan seçebilirsiniz.

Beş farklı mod vardır, ancak sitenizin işleyişini korurken performans iyileştirmeleri arasında iyi bir denge sağladığı için çoğu kişinin Strong'u seçmek isteyeceğini düşünüyorum.

Pek çok kişi, PageSpeed ​​puanlarınızda ve Önemli Web Verilerinde en büyük gelişmeyi sağlayacağından, Ludicrous modunu da sever. Ancak, JavaScript'i geciktirme şekli sitenizdeki belirli işlevleri engelleyebileceğinden bu modda dikkatli olmanızı öneririm.

Örneğin, mobil menünüz JavaScript'e dayanıyorsa, Ludicrous modu orada bazı garip davranışlara neden olabilir. Öte yandan, CSS tabanlı menüleriniz varsa, bu bir sorun olmayabilir.

Bu nedenle – başlamak için Ludicrous moduyla oynamaktan çekinmeyin, ancak herhangi bir sorun yaşarsanız Strong moda geri dönmeye hazır olun:

3. …Kar

Birçok kullanıcı için bu tam anlamıyla budur. Yapılandırma modunuzu seçtikten sonra performansı düşünmeyi bırakabilirsiniz çünkü gerisini NitroPack halleder.

4. …Veya Tinker (İleri Düzey Kullanıcılar İçin)

NitroPack, daha ileri düzey kullanıcılar için de size pek çok tamir seçeneği sunar. Belirli sayfaları, komut dosyalarını, tanımlama bilgilerini, kaynakları, sorgu parametrelerini vb. hariç tutabilirsiniz.

Ayrıca, reklam komut dosyalarını optimize etme, webhook ile önbelleği temizleme (bunu biraz eğlence için WP Webhooks ile birleştirin ) ve diğer bazı gelişmiş eylemleri gerçekleştirme gibi bazı güzel seçeneklere de sahip olursunuz:

Sıradan bir kullanıcıysanız, tüm bunları görmezden gelmekten çekinmeyin. Ancak ileri düzey bir kullanıcıysanız, muhtemelen bu ayarları beğeneceksiniz.

Bu ayarlar, yüklemeyi geciktirmek istemediğiniz belirli komut dosyalarını hariç tutabileceğiniz için, Ludicrous modunu sorunsuz kullanmanıza da yardımcı olabilir.

NitroPack ve “Blackhat SEO” – Bu Gerçek Bir Şey mi?

Diğer NitroPack incelemeleri için arama yaptıysanız, NitroPack'in Google'ı sitenizin gerçekten yüklenmese bile hızlı yüklendiğini düşünmesini sağlayan bir "kara SEO" aracı olduğu suçlamasını görmüş olabilirsiniz.

Peki - burada anlaşma nedir?

Cevap oldukça teknik oluyor ama bence NitroPack'in kötü bir şey yapmadığı oldukça açık.

Buradaki ana sorun, laboratuvar hız testi verileri ile gerçek “saha” hız testi verileri arasındaki fark gibi görünüyor:

• Laboratuvar Verileri (Sentetik) – bir hız testi aracı tarafından toplanan simüle edilmiş performans verileri.
• Saha Verileri – sitenizin gerçek insan ziyaretçiler tarafından deneyimlenen gerçek performans verileri. Genellikle bunu, sitenizde yeterli trafik varsa PageSpeed ​​Insights'ta bulunan Chrome Kullanıcı Deneyimi Raporu aracılığıyla toplarsınız.

Saha verileri, gerçek dünya performansı (ve Google'ın Sayfa Deneyimi SEO algoritması güncellemesi için) için gerçekten önemli olan şeydir, ancak çoğu insan, toplaması çok daha kolay olduğu için laboratuvar verilerine ve "puanlara" çok fazla odaklanır.

NitroPack'in tescilli kaynak yükleyicisinin, belirli süreçleri ana iş parçacığından çıkararak ve JavaScript yürütmesini geciktirerek Ludicrous modunda çalışması, sitenizin bazı laboratuvar hız testi araçlarında "anormal derecede" iyi görüneceği anlamına gelir ( çünkü birçok araç, iş parçacığı dışı süreçler ).

Ve burada insanların söylediklerini anlıyorum - NitroPack ve Ludicrous modunu kullanan bir site, belirli hız testi araçlarında "şüpheli" bir şekilde iyi görünecek.

Ancak buradaki asıl sorun, NitroPack'in bunu kötü niyetli bir şekilde Google'ı "aldatmak" için mi yaptığını, yoksa bunun, kaynak yükleyicilerinin çalışma ve sitenizi optimize etme biçiminin doğal bir yan ürünü olup olmadığıdır.

Şahsen, NitroPack'in gerçek anlaşma olduğu oldukça açık ve bu, NitroPack'in sistemi oynamaya çalışmasından ziyade bazı hız testi araçlarının çalışma şekliyle ilgili bir sorun.

İşte nedeni:

Öncelikle, NitroPack burada hiçbir şeyi saklamaya çalışmıyor çünkü NitroPack kullanıcılarının yalnızca laboratuvar verilerine güvenmek yerine gerçek kullanıcı performans verilerine bakmalarını öneriyorlar.

Dahası, NitroPack gerçek alan verilerini NitroPack panosunda öne ve merkeze yerleştirmek için çalışıyor. Gerçek saha verilerine bakarsanız, NitroPack'in hem laboratuvar verilerinde hem de gerçek saha verilerinde büyük iyileştirmeler yaptığını göreceksiniz.

Gerçek dünya verilerini kandıramazsınız. Bu nedenle, NitroPack gerçekten insanları hızlı bir şekilde etkilemeye çalışıyorsa, kullanıcılarını laboratuvar verileri yerine gerçek dünya verilerine odaklanmaya teşvik etmeleri akıllıca olmaz.

Son iddia, NitroPack'in Google'ın sonunda cezalandıracağı bir tür siyah şapka SEO yapıyor olmasıdır.

Dürüst olmak gerekirse, bu bana hiç mantıklı gelmiyor.

Öncelikle, sayfa hızı hala küçük bir sıralama faktörüdür, bu nedenle Google'ı hızlı bir siteniz olduğunu düşünerek "kandırmak" sizi sıralamada yukarı çekecektir. Google, site hızının, sıralamalarınızı kendi başına iyileştirecek bir şeyden ziyade, eşit derecede alakalı siteler arasında bir "bağ bozucu" olduğunu söyledi.

Yani, sitenizin iki saniyeden bir saniyeye geçmesi herhangi bir şeyi değiştirecek gibi değil - iki saniye zaten Google'ın eşitliğini bozmak için yeterince hızlı.

Bunun ötesinde, ne kadar popüler sitenin NitroPack kullandığı ve hala iyi sıralamada olduğu için SEO iddialarının mantıklı olmadığını düşünüyorum.

Aslında burada WP Mayor'da NitroPack kullanıyoruz! SEO üzerinde herhangi bir olumsuz etkisi olduğunu düşünseydik, bunu yapmazdık.

Bunu doğrulamak istiyorsanız, WP Mayor için başlıklara bakabilirsiniz ve gerçekten NitroPack kullandığımızı göreceksiniz:

Son olarak, gerçekten endişeleniyorsanız, Google taradığında sitenizin NitroPack ile nasıl göründüğünü görmek için Google Arama Konsolundaki URL Denetleme aracını kullanabilirsiniz. Bunu yaparsanız, Google'ın sayfanızın tüm içeriğini NitroPack olmadan olduğu gibi algıladığını göreceksiniz.

Yani, Google'ın kendi tarama aracına göre sitenizin içeriğinde Google'ın gözünde sıfır fark vardır.

NitroPack Performansı Öncesi/Sonrası

Aradaki bu uzun tartışmayla, WP Mayor'dan bazı performans verilerine bakmak istiyorum.

Saha verilerinin laboratuvar verilerinden daha önemli olduğu konusunda yukarıda söylediklerime rağmen, burada sentetik bir hız test aracı kullanacağım çünkü gerçek kullanıcı yükleme süreleri ile öncesi/sonrası verileri toplamak benim için zor.

Ancak, tam sayfa hızı deneyimini yakalamada ortalamadan daha iyi bir iş çıkaran WebPageTest'i kullanacağım, çünkü hem tam yüklü hem de belgenin eksiksiz ölçümlerini gösteriyor.

Tam yüklü ölçüm, NitroPack'in ilk yüklemede ertelediği/geciktirdiği JavaScript'in çoğunu yakalayacaktır.

Mobil öncelikli bir dünyada yaşadığımız için WebPageTest'i mobil öncelikli bir yaklaşımla yapılandırdım:

• Öykünülmüş bir iPhone 8'den test edin
• Kısılmış bir LTE bağlantısı kullanın
• Dokuz ayrı test yapın ve medyan değeri alın

NitroPack'li ve NitroPack'siz WP Mayor ana sayfasının verileri:

*Bu, yalnızca alan verilerinden elde edilebilen İlk Giriş Gecikmesi için iyi bir proxy'dir .

**NitroPack bu komut dosyalarının çoğunu geciktirdiği için HTTP isteklerinin ilk başta gerçekten düşük olduğunu görebilirsiniz.

Genel olarak, NitroPack ile, özellikle de En Büyük İçerikli Boyama ve Belge Tamamlama metrikleri söz konusu olduğunda, pano genelinde oldukça büyük bir gelişme görebilirsiniz.

Bu iyileştirmeleri yalnızca birkaç tıklamayla elde edebileceğinizi unutmayın. Yine, NitroPack'i benzersiz yapan şeyin performans iyileştirmeleri ve basitliğin birleşimi olduğunu düşünüyorum.

PageSpeed ​​Insights puanlarıyla ilgileniyorsanız ( kişisel olarak, ben değilim ), NitroPack'li ve NitroPack'siz WP Mayor ana sayfası için bunları da topladım:

Özellikle mobil skor ile orada da büyük gelişmeler görebilirsiniz.

NitroPack Fiyatlandırma

Artık her şeyi ele aldığımıza göre, NitroPack fiyatlandırması hakkında konuşalım.

Öncelikle, NitroPack, ayda 5.000'e kadar ziyaretçiyi ve tüm özelliklerle 1 GB CDN bant genişliğini destekleyen ücretsiz bir plana sahiptir. Düşük trafikli bir siteniz varsa, bu ücretsiz plan en azından başlangıçta sizin için iyi olabilir.

Ancak ücretsiz planın dezavantajı, sitenizin altbilgisinde bir NitroPack rozeti içermesidir. Çok müdahaleci değil, ama akılda tutulması gereken bir şey.

Ücretsiz sınırları aşarsanız veya yalnızca NitroPack rozetini kaldırmak istiyorsanız, bir plan için ödeme yapmanız gerekir. NitroPack'in ücretli planları hem aylık hem de yıllık faturalandırmaya izin verir. Yıllık ödeme yaparsanız, iki ay ücretsiz alırsınız.

Tüm planlar aynı özelliklere sahiptir - tek fark, sayfa görüntüleme sınırları ve CDN bant genişliğidir. Ayrıca, her plan yalnızca tek bir siteyi destekler. Çok sayıda siteniz varsa, size biraz para kazandırabilecek özel ajans ve çoklu site planı seçenekleri hakkında bilgi edinmek için NitroPack'in satış ekibine ulaşabilirsiniz.

Siteniz bir milyondan fazla sayfa görüntülemeye sahipse veya 500 GB'den fazla CDN bant genişliği tüketiyorsa, özel bir plan için NitroPack satışlarına da ulaşabilirsiniz.

Ek olarak, tüm planlar 14 günlük para iade garantisi ile gelir, böylece hiçbir şeyi riske atmazsınız.

NitroPack Üzerine Son Düşünceler

Genel olarak, web sitenizi hızlandırmak için NitroPack kullanmanın kesin artıları ve eksileri olduğunu düşünüyorum.

NitroPack'in başlıca avantajları, çok basit ve çok kapsamlı olmasıdır. JavaScript'i geciktirmesi ve ana CPU iş parçacığından uzaklaştırması gibi benzersiz yaklaşımlar da dahil olmak üzere hemen hemen her performans optimizasyon taktiğini uygulayan bir araçtır. Sıfırdan tamamen optimize edilmiş bir siteye sahip olmanın daha basit bir yolunu bulacağınızı sanmıyorum.

Pek çok insan için, özellikle teknik bilgisi olmayanlar için, bu gerçekten güçlü bir değer önerisidir.

NitroPack'in ana dezavantajı, en azından WordPress alanı için pahalı olmasıdır. Bütçeniz kısıtlıysa, sitenizi optimize etmek için daha ucuz site hızı eklentileri bulabilir (WP Rocket gibi) veya tamamen ücretsiz WordPress eklentilerini kullanarak oldukça iyi bir optimizasyon yığını bile oluşturabilirsiniz.

Sonunda, bir nevi buna geliyor…

Site hızı inanılmaz derecede önemlidir, bu yüzden onu görmezden gelemezsiniz.

Site hızı konusunda ne yapacağınıza gelince, şu soruyu cevaplamanız gerekiyor:

Sitenizin hız sorunlarını çözmek için hemen hemen tek tıklamalı bir çözüm için küçük bir prim ödemeye hazır mısınız?

Çok teknik bir insan değilseniz veya performans optimizasyonu yerine içerik oluşturmaya ve sitenizi pazarlamaya odaklanmayı tercih ediyorsanız, “Evet” kategorisine girebileceğinizi düşünüyorum.

Öte yandan, maliyetlerinizi olabildiğince düşük tutmak istiyorsanız, "Hayır" kategorisine girebilirsiniz, bu durumda daha ucuz veya ücretsiz bir WordPress sayfa hızı eklentisini tercih edebilirsiniz.

Bu eklentiler NitroPack kadar basit mi? Tam olarak değil. Ancak çalışmaya hazırsanız, ücretsiz veya daha ucuz araçları kullanarak hızlı yüklenen bir web sitesi oluşturabilirsiniz.

Çitin üzerindeyseniz, NitroPack'e kaydolmanızı ve bazı testler yapmanızı öneririm. Kurulum işlemi yalnızca birkaç dakika sürer, bu nedenle fazla zaman harcamanıza gerek kalmaz.

Bunun ötesinde, 14 günlük para iade garantisi vardır, bu nedenle herhangi bir para riskine de girmezsiniz (veya NitroPack rozetinden memnunsanız ücretsiz planı deneyebilirsiniz ).