Herhangi bir iyi performans analizinin merkezinde

Jan Hornung 21 Ekim 2020 tarihinde güncellendi
4 Dk.
WordPress Optimize

Başarılı bir çevrimiçi işletme veya blog için, sayfanızın ne kadar hızlı yüklenir bildiğiniz önemlidir. Ve nasıl WordPress bu konuda optimize edilmiştir. Ancak, iyi analiz araçları çok fazla veri sağlar. Özellikle şelale diyagramları okumak kolay değildir. Bugün size performans analizinizden tek bir bakışta çıkmanızı sağlamak için üç basit numara göstereceğim ve WordPress doğru yerlerde.

Ben ilk konu ile uğraşmaya başladı WordPress optimizasyon, ben de ilk kez var webpagetest.org Kullanılan. O zaman, kelimenin tam anlamıyla sonuçlar tarafından öldürüldü. Her şeyden önce, şelale diyagramı ilk anlaşılmaz ve sipariş veri canavar gibi görünüyor: renkler, sayılar, barlar uzunluğu, onların sırası, her şey bir anlamı vardır.

Bu nedenle, diyagramlar da sayfanız hakkında değerli şeyler bir çok ortaya çıkarabilir. Ne araman gerektiğini biliyorsan.

Bugün nasıl bir bakışta üç basit hileler ile sayfa yükleme süresi önemli anahtar verileri yakalamak için nasıl göstereceğim ve böylece WordPress doğru yerlerde.

Özellikle, size göstereceğim:

  • yavaş bir web sunucusu tanımak için nasıl
  • sıkıştırılmamış görüntüleri ve çok büyük dosyaları tanımak için nasıl
  • sunucunuzun HTTP/2'yi destekleyip desteklemedığını nasıl görebilirsiniz?

Taklit önerilir

Bugün size göstereceğim verilerin çoğu webpagetest.org. Bu aracın şelale diyagramları özellikle karmaşık, ama aynı zamanda sayfanıza içgörü bir sürü sunuyoruz.

Test sonuçlarını izlemek istiyorsanız, Burada ve tamamen web sayfası testinde verilere bakın.

Web sayfası testinin analizini kullanarak kendi sayfanızı optimize etmek istiyorsanız, her test çalışmasının sadece anlık görüntü olduğunu bilmeniz gerekir. Eğer gerçekten esnek sonuçlar istiyorsanız, size en az üç test yapmanız tavsiye ederim. Bu şekilde, aykırıları ölçme ve önemli kararlar için daha iyi bir veri tabanı elde etme şansını kaybedersiniz.

WordPress optimize - şelale diyagramı
Bu şelale diyagramının sadece ilk üçte biri için raidboxes.de. Ve zaten burada diyagramı nüfuz etmek kolay olmadığı açık hale gelir.

Yavaş bir web sunucusu nasıl tanınır

Sunucunuzun yanıt süresini değerlendirmek için en önemli değer, Time to First Byte (TTFB) olarak adlandırılır. TTFB, ilk veri baytı Web sunucusundan indirilene kadar uzayan zamandır. Yani bu süre içinde, neredeyse hiçbir şey olmuyor. En azından ziyaretçinizin bir sayfa yapısı olarak algılayabileceği bir şey yok. Bu nedenle, ilk bayt için zaman mümkün olduğunca düşük tutulmalıdır.

Şelale grafiğinizin ilk isteğine göz atın. Bu mümkün olduğunca kısa olmalı. Tercihen 200 milisaniyeden az.

Web sitenizin ilk isteği mümkün olduğunca kısa olmalıdır. En iyi 200 ms altında.

Bu örnek ne demek istediğimi göstermektedir: Bize geçmeden önce, bu müşteri sayfası bazen 3,5 saniyeden fazla bir TTFB vardı. Hareketten sonra, 200 ms'in çok altındaydı. Özellikle ilk istek soluk mavi alan kitlesel azalmıştır.

Önce:

WordPress optimize - İlk Bayt için son derece uzun Süre Örneği

Ile RAIDBOXES :

WordPress optimize - Zaman İlk Byte ile RAIDBOXES

Bu yüzden düzenli olarak ilk bayt için çok yüksek bir Zaman ayarlarsanız WordPress - WordPress projeler, bir optimizasyon önlemi bir hoster değişikliği veya barındırma planı eşdeğer bir yükseltme olacaktır.

Çok büyük görüntüleri ve kaynakları tanımlama

Şelale grafiğinizin her satırı sözde isteği temsil eder. Yani web sunucusuna tarayıcıdan bir istek. Bu istek, örneğin resimler gibi veri paketlerinin karşıdan yüklenmesini de içerir. Aşağıdaki örnekte, çubukların mor kısmı indirme süresine karşılık gelir.

WordPress optimize etmek - çok büyük görüntüleri tanımak

Gördüğünüz gibi: Bu sayfanın resimleri neredeyse 12, üç ve neredeyse dokuz saniye çok uzun yük. Sıkıştırılmamış görüntülerin açık bir göstergesi.

Uzun mor çubuklar görüntü sıkıştırma eksikliği açık bir göstergesidir.

Web sayfası testi, her istek için tam olarak hangi kaynağın olduğunu gösterir. Bu, hangi görüntünün WordPress sayfa çok büyük ve optimize edilmelidir.

Elbette, bu, Web sayfası testinin görüntülenebilen diğer tüm dosya türleri için de geçerlidir. Örneğin CSS ve JavaScript. Bu dosyalar da sıkıştırılabilir, bu da sayfanızın yükleme süresini bir kez daha azaltır.

HTTP/2'yi algıla

Eğer bilmek istiyorsanız eğer WordPress projeler özellikle hızlı HTTP / 2 standart yarar, o zaman şelale diyagramı sadece bir bakışta bu görebilirsiniz.

Sayfanızın istekleri paralel olarak işlenirse, HTTP/2 etkindir.

Ve bu ifade de çok güzel NE HTTP / 2 aslında ne göstermektedir. Sayfanız SSL şifreliyse, HTTP/2 birden çok web sunucusu isteklerini aynı anda işlemenizi sağlar. Bu, toplam yükleme süresini azaltır.

Burada boş bir WordPress SSL olmadan sayfa:

WordPress optimize - bir şelale diyagramı WordPress http/2 olmadan sayfa

Ve burada SSL sertifikası ile aynı sayfa, bu yüzden de HTTP / 2 ile:

WordPress optimize - boş bir şelale diyagramı WordPress http/2 ile sayfa

Gördüğünüz gibi: ilk durumda, tek tek istekler birbiri ardına yüklenir. İkinci durumda, diğer taraftan, çoğu aynı anda.

Kuşkusuz: bir WordPress -yan optimizasyon seçeneği burada mevcut değildir. Http/2 kullanılıyorsa barındırma sağlayıcınıza sormak en iyisidir.

Sonuç: Grafik korkmayın!

Biraz pratik ve doğru bilgi yle, bir şelale diyagramından çok fazla bilgi çekebilirsiniz. Sitenizin belirli teknolojilerden yararlanıp yararlanmadığını, web sunucunuzun ne kadar hızlı yanıt vermediğini ve sayfanızın yükleme zamanı frenlerini gizleyip gizlemediğini görebilirsiniz. İstersen WordPress sayfaları kapsamlı bir şekilde analiz eder ve optimize eder, böylece şelale diyagramları etrafında hiçbir yol yoktur.

Hızlı bir şekilde tipik şarj zaman frenleri tespit etmek için daha fazla hile biliyor musunuz? O zaman her zaman onunla gel!

RAIDBOXER ilk saat ve Destek Başkanı. Bar ve WordCamps anda, o PageSpeed ve web sitesi performansı hakkında konuşmak için tercih ediyor. Ona rüşvet vermenin en iyi yolu espresso ya da Bavyera Brezn'idir.

Benzer makaleler

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.