WordPress siteniz için Deniz Feneri Performans Puanı Nasıl Artırılır
Google, web sitesinin sıralamasını belirlemeyi nasıl planladıklarında değişiklikler yaptığında, herkes dikkat etmelidir – ve şimdi o noktadayız. Google, yeni bir sıralama faktörünün bir parçası olarak çekirdek Web Vitals’i başlatma niyetini açıklığa kavuşturdu ve bu, WordPress sitenizin alakalı kalmasını istiyorsanız ihtiyacınız olan bir şeydir. Bu nedenle, bu makalede, tüm bunların ne anlama geldiğini ve sitenizin performansını optimize etmek için Google Deniz Feneri’ni nasıl kullanabileceğinizi öğreneceğiz. Google’ın deniz feneri nedir? Google Lighthouse, web sitenizin performansını ölçen ve genel kullanıcı deneyimini geliştirmenize yardımcı olacak çeşitli metrikler ve içgörüler sunan ücretsiz bir açık kaynak aracıdır. Aracın kendisinin kullanımı kolaydır ve sadece birkaç saniye içinde, SEO ve Web erişilebilirliği gibi birkaç yönü geliştirmek için tüm ilgili temel web hayati bilgileri ve izlenebilecek bazı öğeler hakkında size bir rapor verecektir – bu nedenle Sitenin sizin performansını tam olarak değerlendirebilirsiniz.
Google Deniz Feneri Raporu – Kaynak: Google Chrome Dev Araçlarından Deniz Feneri Raporu Bu performans puanı, çeşitli performans metriklerini tartarak ve web sitenizin performansı hakkında kapsamlı bir ekran sunarak hesaplanır. Skorun nasıl hesaplandığı hakkında daha fazla bilgi edinmek istiyorsanız, burada çok kullanışlı bir hesap makinesi mevcuttur. WordPress sitenizde bir deniz feneri denetimi yürütmeniz çok önemlidir, çünkü bu, sitenizle kullanıcının deneyimi üzerinde olumsuz bir etkisi olan belirli performans zayıflıklarını ortaya çıkarabilir ve bu şeyleri optimize etmek için ihtiyacınız olan bilgileri verebilir. Raporlar ve Metrik Metrik Deniz Feneri beş farklı kategoriye ayrılmıştır: performans, erişilebilirlik, en iyi uygulama, SEO ve İlerici Web Uygulaması (PWA). Her şey bir bütün olarak web sayfalarının kalitesini artırmaya hizmet eder. 1. Performans Denetimi“Performans” Bölümü – Kaynak: Google Chrome Dev Tools’dan Deniz Feneri Raporu İlk İçerik Boya (FCP), kullanıcının ekranda herhangi bir şey görebildiği ilk noktayı işaret eder ve sonuç olarak bu bir keçe yükleme hızı olarak kabul edilir. Üy Bu metriğin performans puanınıza göre% 10 ağırlığı vardır. Orada en iyi site 1.5 saniyede performans sergiliyor, ancak FCP’niz 2 saniyenin altında olduğu sürece, hala olması gereken ‘hızlı’ kovada düşünülüyorsunuz.
Hız dizin (SI), web sayfası içeriğinin ne kadar hızlı göründüğünü gösterir. Yan Bu metrik, performans puanları hesaplanırken% 10 ağırlığındadır. İdeal olarak, 4.3 saniyenin altında bir hız endeksi arıyorsunuz – bu da 75 ve üstü bir hız endeksi puanı ile ilişkili.
En büyük içerikli boya (LCP), sitede görülen en büyük unsurları oluşturmanın ne kadar sürdüğünü ölçen bir metriktir. Yan Bu özel metrik% 25, performans puanlarını optimize etmek için doğru olması gereken en önemli unsurlardan biri haline getirir. En iyi kullanıcı deneyimini sağladığı için bu departmanda iyi bir puan yaklaşık 2,5 saniye veya daha azdır. Etkileşime (TTI) zaman (TTI), sayfanın kullanıcı için etkileşimli göründüğü ancak aslında değil, durumları tanımlayan bir metriktir. Buradaki amaç FCP ve TTI arasındaki süreyi en aza indirmektir. Üy Bu metriğe genel performans puanında% 10 ağırlık verilir. Buraya gitmek için iyi bir seviye, Google tarafından ‘hızlı’ olarak kabul edilen 3.8 saniyenin altında.
Toplam Engelleme Süresi (TBT) M, sayfanızın yükleme gücünü kullanıcı girişine ölçer. Bu, laboratuvar verilerindeki FID (ilk giriş gecikmesi) puanınızı değiştirmek için kullanılabilir. Farklı şeyleri (kullanıcı girişine karşı kullanıcı etkileşimi) ölçerler, ancak TBT’yi artırarak genellikle temel bir web hayati olan FID’yi de artırırsınız. Yan Bu,%30 ağırlığındaki bir performans puanının bir başka önemli bileşenidir. İyi bir TBT süresi 300 milisaniyeden az kabul edilir.
Kümülatif düzen (CLS) kayması, kullanıcının düzende beklenmedik değişiklikler yaşayabileceğini hesaplayarak sayfanın görsel olarak ne kadar kararlı olduğunu ölçer. Üy Bu metriğe genel performans puanında% 15 ağırlık verilir. İyi bir CLS skoru, optimal kullanıcı deneyimine 0.1 veya daha az yakın kabul edilir.
2. Erişilebilirliği denetleyin
“Erişilebilirlik” Bölümü – Kaynak: Google Chrome Dev Araçları Erişilebilirlik Puanından Deniz Feneri Raporu, web sitenizin tüm kullanıcılar için tüm çeşitlilikte ne kadar yararlı olduğu ile ilgilidir. İdeal olarak, siteniz, bu sorunlardan kurtulacak kadar şanslı olanlar için görsel, motor, işitme veya bilişsel bozuklukları olanlar için iyi performans göstermelidir. Burada 100 mükemmelliğe mümkün olduğunca yakın hedeflemelisiniz. Bunu iyileştirmenin en yaygın yolu, metninizin yüksek kontrast olmasını sağlamaktır, bu nedenle okunması kolaydır. Siteniz sadece bir klavye ile etkili bir şekilde dinlenmeli ve görüntünüz, onu göremeyenler için alternatif metinler içermelidir. Buradaki zihin, web içeriği erişilebilirlik yönergeleri (WCAG) 2.0 prensibi ile uyumludur. Hepimiz denememiz gereken en iyi uygulamalar. 3. En İyi Uygulama Denetimi
“En İyi Uygulama” Bölümü – Kaynak: Google Chrome Dev Araçlarından Deniz Feneri Raporu Bu bölüm, olağanüstü kullanıcı deneyimi üreten en iyi web geliştirme bileşenlerini bulmak için web sitenizde bir dizi denetim çalıştırır. Bu, korumanız gereken düşük bir meyvedir, bu nedenle burada 100 değilseniz, bu özel metriği optimize etmek için geçmeyen denetimlere bakın. Mezuniyet denetiminin yanında yeşil bir nokta vardır ve her bölüm genişletilebilir. Üzerine tıklarsanız, her denetimin derinlemesine bir açıklaması bulacaksınız.
“Denetimleri Geçen” bir liste örneği – Kaynak: Google Chrome Dev Tools’dan Deniz Feneri Raporu 4. Denetleme SEO “SEO” Bölümü – Kaynak: Deniz Feneri Araçlarından Deniz Feneri Raporu, Deniz Feneri Metriğinin son kısmı, arama motoru derecelendirmeleri için optimize edildiğinden emin olmak için sitenizi analiz eden SEO bölümüdür. Bu, belirli anahtar kelimelerinizi elbette görmez, ancak yalnızca sayfanızın tüm yapısının sıralama amacıyla iyi düzenlenmesini sağlar. Burada otomatik, çizilmiş içerik ve benzerleri yapılan içeriği arayacak – bu nedenle DON Tüm bunlarla kaçabileceğini sanmıyorum. Bu bölümde gerçekten otantik ve tahtada olmalısınız. 5. Denetim İlerici Web Uygulaması (PWA) Son bölüm PWA’dır. Bu inceleme, web uygulamasının ilerici yönlerini doğrular. PWA, nerede olursanız olun herkes için daha iyi yetenekler, güvenilirlik ve istikrar sağlayan bir yangındır. Örneğin, Uber PWA prensiplerini takip eden başından itibaren yeniden inşa edilmiştir.
PWA Raporu – Kaynak: Google Chrome Dev Tools’dan Deniz Feneri Raporu ve Deniz Feneri 6.0 Ölçüm Sistemi oluşturan şey budur! Şimdi performansı tam olarak nasıl test ettiğimizi görelim. Deniz Feneri Kullanarak Hız ve Performans Nasıl Test edilir. Sitenizde deniz feneri denetimlerini çalıştırmak için kullanabileceğiniz dört farklı araç vardır. Hepsi yukarıda tarif edilen aynı metriği ve aynı KPI’yı kullanır. Web.dev: Tam denetim (performans, erişilebilirlik, SEO ve en iyi uygulama) çalıştıran ancak analiz ettiğiniz cihazları dikkate almayan sezgisel araçlar. Google Chrome Geliştirici Aracı: Yukarıda belirtilen tüm KPI’ları (artı PWA) hem mobil hem de masaüstü cihazlarda analiz eden en eksiksiz araç. Google PagePeed Insights (PSI): yalnızca web sitenizin KPI performansını ölçen en popüler araç.
GTMetrix: Deniz feneri performans metriklerini de ölçen popüler performans araçları. 1. Web.dev İlk araç, sitenizin URL’sini girebileceğiniz Web.dev adlı tarayıcı tabanlı bir araçtır, ‘Denetimi çalıştırın’ tıklayın ve işini yapacaktır.
Koşmaya Hazır Raporlar – Kaynak: Web.dev Denetim tamamlandıktan sonra size şöyle görünen bir rapor gösterecektir:
WP Roket Denetimi (Tüm Yeşil Metrikler) – Kaynak: Web.dev, her bir metrikte daha fazla bilgi edinmek ve ihtiyacınız olan anlayışı elde etmek için ‘Rapora Bak’ düğmesini tıkladığınızdan emin olun. Web.dev, hücresel veya masaüstü için iki farklı rapor sunmaz, yalnızca bir analitik rapor alırsınız. 2. Google Chrome Geliştirici Aracı Yapmanın ikinci yolu Chrome Tarayıcı Geliştiricisi’nin kendisinde. Chrome’da bir denetim çalıştırmak için aşağıdaki adımları izleyin:
Google Chrome’u kılık değiştirmiş modda açın.
Bir denetim yapmak istediğiniz web sitesine gidin. Wp-rocket.me’ye bakalım.
Sağ -Sayfanın herhangi bir yerini tıklayın ve ardından ‘İnceleyin’ tıklayın. Daha sonra, geliştiricinin üst kısmındaki okun arkasına gizlenebilecek ‘Deniz Feneri’ adlı bir sekme bulmanız gerekir. Sol: WP Rocket Web Sitesi Doğru Kılık değiştirirler Mod: Google Chrome Geliştirici Geliştirici Bölümü
Oraya geldikten sonra, tam bir deniz feneri denetimi almak için ‘Rapor Üretin’ tıklayın. Deniz Feneri Raporları Yapmak – Kaynak: Google Chrome Dev Tools en Talimatlar: “Deniz Feneri” adlı krom uzantıyı da indirebilirsiniz, ancak Google “Sahip olmadıkça” Belirli nedenler, Chrome uzantısı iş akışı yerine Chrome Devtools iş akışını kullanmalısınız. Devtools iş akışı, uzatma olmasa da kimliği doğrulanmış yerel siteleri ve sayfaları test etmeyi mümkün kılar. ”
3. Google PagePeed Insights (PSI) Google PagePeed Insights, müşterilerimiz arasında performansı ölçmek için en yaygın kullanılan araçtır. Bu araç oldukça kolay. Yapmanız gereken tek şey herhangi bir URL girmek ve birkaç saniye içinde analiz etmektir. Bu, web.dev ve Google Chrome geliştirici araçlarına aykırı “SEO, Erişilebilirlik ve En İyi Uygulama” metriklerini değerlendirmez.
PagePeed Insight’ta WP Roketi için Deniz Feneri Raporu – Kaynak: PSI Bu rapor altı ana parça içerir. Deniz feneri metriğinin nasıl düzenlendiğini tartışalım ve görelim.
Global Puan: Web sitenizin genel performans değeri olan. Kırmızı (0-49), turuncu (50-89) veya yeşil (90-100) olabilir “Saha Verileri”: Gerçek Hayat Kullanıcılarına Dayalı“Laboratuar Verileri”: Yapay Veri Toplama. Google tarafından belirlenen alan verileri ve laboratuvar: Alan verileri, belirli URL performansı hakkında geçmiş bir rapordur ve gerçek dünyadaki kullanıcılardan çeşitli cihazlar ve ağ koşullarında anonim performans verilerini temsil eder. Laboratuar verileri, bir cihazdaki sayfa yükleme simülasyonlarına ve Lighthouse tarafından çekirdek web hayati ve diğer üç metrik de dahil olmak üzere ilk verilere dayanır. Çekirdek Web Hayati:
Google’ın her bir metrik için kabul edebileceği eşik – Kaynak: Google Aşağıda, Deniz Feneri ile de ölçülen dört metriktir: Hız Dizini (SI)
Etkileşimli Zaman (TTI)
Toplam engelleme süresi (TBT)
İlk İçerik Kedi (FCP).
“Teşhis” bölümü size neyi geliştireceğinizi anlatır.
Pagespeed Insight – Kaynak: Psi “Fırsatlar” adlı WP Rocket için Teşhis Raporu size web sitenizin nasıl daha hızlı yükleneceğine dair bazı öneriler sunar. Pagespeed Insight’ta WP Roket Teşhis Raporu – Kaynak: PSI Bölümü “Geçiş Denetim”: Bir denetim çalıştırırken her zaman yeşil rengi görmeye ikna edici. Bu bölüm temel olarak ne yaptığınızı doğru bir şekilde anlatır.
Pagespeed Insight’ta WP Rocket için geçen denetim raporları – Kaynak: PSI 4. GTMetrix GTMetrix, sitenizin performansını analiz eden ve metrik performans deniz fenerini ölçen bir başka popüler performans aracıdır. Sitenizi farklı konumlardan test edebilirsiniz. Varsayılan olarak, araç masaüstünden bir test yapar. Yalnızca URL’nizi girmeniz ve ‘Sitenizi test edin’ tıklamanız gerekir.
Home GtMetrix Denetim tamamlandıktan sonra bir performans değeri elde edeceksiniz ve temel web verilerinin performansını bileceksiniz:
GTMetrix sınıfı, özellikle bu araç özetten başlayarak size birkaç sekme verir. Yüklemek için zamanın ne kadar süre olduğunu ve en büyük sorunun ne olduğunu görmek kolay olacaktır. GTMetrix – Performans Özeti sekmesi, size metrik deniz fenerinin tam bir resmini verir:
GTMetrix – Performans sekmemiz de diğer sekmeleri keşfetmenizi önerir: Sekme size sitenizin performansı hakkında yararlı bilgiler verecektir. Deniz Feneri Performans Raporları Nasıl Analiz Edilir Bir rapor aldıktan sonra, bir sonraki adım sonuçları analiz etmek ve sitenizin performans puanını nasıl artırabileceğinizi belirlemektir. En Oraya vardığınızda ‘Rapora bakın’ düğmesine tıkladığınızdan emin olun, ayrıntılarla değil, yalnızca başlıklarla sıkışıp kalırsınız.
Her kategori için Global Değer (WP Roket) – Kaynak: Deniz Feneri Raporu Ayrıntılı raporları tıkladığınızda, her bir bileşeni tek tek görebilecek ve mezun olan teşhis ve denetimler de dahil olmak üzere tam olarak ne olacağını görebileceksiniz. Raporu dikkatle okuyun ve tüm metrikleri (performans, erişilebilirlik, en iyi uygulama, SEO ve aşamalı web sitesi uygulamaları) kontrol etmek için tüm sekmeleri açtığınızdan emin olun. Deniz Feneri Raporunun her bir bölümünü kontrol edin – Kaynak: Google Chrome Dev Araçları Birbirinizi yapmak için zaman ayırın ve deniz fenerinin nerede iyileşmeyi önerdiğini görün. Genellikle mesaj oldukça kolay ve sezgiseldir, bu nedenle bu önerileri kabul edebilmeniz ve değiştirilmesi gerekenleri değiştirebilmeniz ve ardından raporu tekrar çalıştırabilmeniz gerekir. Şimdi, deniz feneri raporumuzun performans kategorilerine odaklanalım. Performans bölüm puanını nasıl okuyabilirim? “Performans” bölümü, “Performans” kategorisinde çekirdek web veri puanı (FCP, LCP ve CLS) ve Metrik SI, TBT ve TTI.SKOR WP roketini, yukarıda yer alan performans puanlarını okuyarak “Deniz Feneri Raporu’nda gösterir. Bunu görebiliriz: İçeriğin ilk içeriği 0,5 saniyedir (Google da limiti 2,5 saniyede ayarladığı için de iyidir) Hız endeksi 0,7 saniyedir (Google tarafından önerilen 4.3 saniyelik eşiğin altındadır) En büyük içerik içeriği 0,6 saniyedir (Google tarafından önerilen 2,5 saniyenin altında) Etkileşimli süre 1,2 saniyedir (skor 5 saniyenin altında olması gerektiği için iyi) Toplam engelleme süresi 100 MDTK’dır (iyi, çünkü Google 300 MDTK’nın altında puanlar önerir) Kümülatif düzen kayması 0.065 saniyedir (Google tarafından da alınabilir, çünkü 0.1 saniyenin altında). Çok iyi olmayan iyi performans puanlarının yorumlanması: İyi puanların örnekleri (metriklerle = iyi)
İyi Puan Örneği – PSI Çok iyi olmayan metrik puanların örnekleri = kötü metriklerle = iyileşme gerekiyor Çok iyi olmayan örnek puan – PSI Deniz Feneri Performans Puanınızı WordPress’te Nasıl Optimize edeceğiniz WordPress Sitenizde Deniz Feneri performansınızı optimize etmenin birkaç yolu vardır. Deniz feneri metriklerini nasıl artırabileceğiniz hakkında bir fikir vermek için bazılarına bakalım: Sunucu yanıtı sürenizi önemli ölçüde hızlandıran ve en büyük içerikli boyayı (LCP) artırmaya yardımcı olan bir sayfa önbellekleme hazırlayın. Bu, WP roket çözümünün ayrılmaz bir parçasıdır.
Tarayıcınızdaki statik dosyaları korumak için doğru ilkeye sahip olduğunuzdan emin olmak için önbellek tarayıcısını optimize edin. WP roket, burada otomatik olarak en uygun son kullanma uzunluğunu elde etmeye yardımcı olabilir – stresinizi tamamen ortadan kaldırır. LCP değerine bir kez daha ilgileneceksiniz.
Ana içeriğinizi (ve LCP puanlarınızı) önleyen gereksiz CSS veya kullanılmayan JavaScript dosyalarını yüklemediğinizden emin olmak için yazı tiplerinizi, resimlerinizi ve kodlarınızı optimize edin. WP roketinde bu tür dosya optimizasyonu sekmesini, oluşturma engellemesinin kaynağını ortadan kaldırmaya yardımcı olan, kritik talep zincirlerinden kaçınabilir, JS ve CSS dosyalarını küçültebilir, kullanılmayan CSS’yi silebilir ve resimlerinizi yavaşça yükleyebilirsiniz. WordPress sitenizdeki görüntünüzün boyutunu optimize etmek için Image gibi araçları da kullanabilirsiniz.
Yazı tiplerinizi optimize edin – Örneğin, kümülatif düzen kaymasının (CLS) performansını artırmak için önceden yükleme yazı tiplerini kullanın.
Birkaç ülkede faaliyet gösteriyorsanız İçerik Dağıtım Ağı’nı (CDN) kullanın, böylece dünya çapında harika deneyimler sunduğunuzdan emin olabilirsiniz. Rocketcdn hizmetimiz LCP’yi artırmak için mükemmeldir. Hızlı yükleme için site dosya boyutunuzu azaltmak için sunucu düzeyinde sıkıştırma kullanın. WP Roket, bu amaç için GZIP sıkıştırmasını otomatik olarak etkinleştirir ve ayrıca LCP skorlarını işler.
Tüm resimlerinizin ve kucaklamalarınızın boyutlara sahip olduğundan emin olun – özellikle kodunuzu manuel olarak eklediğiniz şey. WordPress, editör aracılığıyla yüklediğiniz ancak manuel görüntüleri yakalayamayacağınız herhangi bir görüntüyü otomatik olarak ekler. Bu eylem CL’leri artırmanıza yardımcı olacaktır.
Kullanıcının eylemlerine yanıt olarak mevcut içeriğin üzerinde herhangi bir içerik dinamik olarak enjekte etmeyin. Bir kez daha, kümülatif düzen kaymasını azaltacaksınız.
Gereksiz JavaScript veya CSS geciktirin veya silin – Etkileşimli (TTI) ve toplam engelleme süresi (TBT) için artan zaman artışı varsa, oluşturma sayfalarını yavaşlatan gerekli olmayan JavaScript ve CSS olup olmadığını görmelisiniz. Bu genellikle yaygın bir nedendir. JavaScript ve CSS’nin optimizasyonundan rahatsız hissediyorsanız, WP roketinin her iki durumu da ele alma seçeneği vardır ve CSS ve JS oluşturma engellemeyi ortadan kaldırmanıza yardımcı olur. Hız endeksini (SI) artırmak için ana iş parçacığı çalışmasını en aza indirin veya JavaScript yürütme süresini azaltın. Bu, deniz feneri puanınızı optimize etmek için yapabileceğiniz şeylerden sadece birkaç örneğidir. Gördüğünüz gibi, WP Roket, hiçbir şey hakkında endişelenmenize gerek kalmadan hemen bu sorunun% 80’ini aşmanın çok etkili bir yoludur. Ayarlara dokunmanıza bile gerek yok. Bu, olağanüstü performansın hemen iyileştirilmesini sağlayan bir tak ve oynat aracıdır. Sonuç olarak deniz feneri puanını ve WordPress sitesi kullanıcı deneyiminizi artırmak istiyorsanız, denemelisiniz. Ama bakalım WP roketinin gerçek hayat örneklerinde performansının nasıl olduğunu görelim. Web sitesini karar vermenize yardımcı olmak için WP roketiyle ve WP roketini denetleyeceğim. WordPress sitemin performansını Lighthouse ve WP roket performansı ölçüm aracı ile test etmek için seçilen PSI’dır. Senaryo 1: WP roketini yüklemeden analizi çalıştırmak
İlk olarak psi’ye gitmeliyiz
Ardından, aşağıdaki web sitesi için bir rapor çalıştırıyoruz: (url: https://wordpress.fridayfactory.dev/)
“Hücresel” bir cihaz seçtim çünkü bu optimize edilmesi en zor olanı. Tabii ki, benzer raporları “masaüstü” modunu kullanarak çalıştırabilirsiniz.
Hız testimin sonuçları Deniz Feneri raporundan her KPI’yı keşfedelim:
PSI ve işte Deniz Feneri Raporunun ayrıntıları: Geçen Denetimlerden alıntılar (24) Burada hiçbir şey optimize edilemez, iyi haber!
Geçiş Denetimi – PSI Fırsatları ve Teşhis Mobilde Bulundu: Bu bölüm, bir denetim yaptıktan sonra ele alınması gereken ana sorunları vurgulamaktadır. Bizimle kalın çünkü ikinci bölümde size WP roketiyle nasıl düzeltileceğini göstereceğim. Performans testini yaparken, Deniz Feneri yapılması gereken bazı iyileştirmeler önerdi, örneğin: Görüntülerin net bir genişliği ve yüksekliği yok
Sol CSS ve kullanılmayan CSS’yi sil
Metin sıkıştırmasını etkinleştir (GZIP)
Oluşturmayı engelleyen kaynakları ortadan kaldırın
Etkili bir önbellekleme politikası belirleyin.
Denetimden Teşhis ve Fırsatlar – PSI Senaryosu 2: Mevcut puanımı (79/100) en azından (90/100) artırmak için WP roketiyle aynı analizi çalıştırın, aynı sitede WP roketini etkinleştirdim.
Kutunun dışına çıktığım WordPress iyileştirmesindeki WP roket kontrol paneli çok cesaret vericiydi. Hız endeks göstergem artık yeşil! LCP arttı, ancak yine de “turuncu”. Bizimle kalın: Birkaç harika WP roket özelliği kullanarak LCP değerini ve genel performans puanlarını nasıl artıracağınızı göstereceğiz.
WP Roketi Etkinleştirdikten Sonra Puanım – Psi
Tüm seçenekleri aynı anda etkinleştirmeyin. Zaman ayırın, birer birer kontrol edin ve her yeni seçenek etkinleştirildiğinde yeni bir test yapın.
Yeni testler çalıştırırken, kılık değiştirmiş pencerede yaptığınızdan emin olun ve/veya wordPress sitenizden çıkın: İkinci denetimi çalıştırıyorum Kılık değiştirir modunu WP roketiyle nasıl artırılacağımı kullanıyorum, bu nedenle listelenen performans sorunlarımızı hatırlayın. Deniz Feneri Raporu? WP roketini kullanarak nasıl üstesinden geleceğinizi göstereceğim. Sorun #1: Görüntü boyutları teşhis bölümünde değil, aşağıdaki sorunları yaşıyorum: “Görüntü öğesinin açık bir genişliği ve yüksekliği yok”, yani her birini (75!) Kontrol etmem ve belirli bir genişlik ve yükseklik eklemem gerekiyor . WP Roketinden Çözümler – Gösterge Tablosunda, Ortam> Görüntü Boyutları Açın ve “Eksik Görüntünün Boyutlarını Ekleyin” kutusunu kontrol edin. WP roketi görüntüye bir genişlik ve yükseklik özelliği ekleyecektir. WP Roket Gösterge Tablosu uğu PSI’da (hala kılık değiştirmiş modda) yeni bir denetim çalıştıralım, böylece sonuçları karşılaştırabiliriz. İyi haber, teşhis bölümümün “görüntü öğelerinin genişliği yok ve yüksek açık” yok: Deniz Feneri Raporumun Teşhis Bölümü – PSI Aslında sorun kayboldu ve KPI “Doğru Görüntü Boyutu” şimdi “Geçen Denetim” bölümüne aktarıldı: Deniz Feneri Raporumun Denetim Bölümünü Geçen – PSI Problem #2 – WP Rocket’ten Sol CSS Çözümü – Dosya Optimizasyonu sekmesinde WP Rocket, aşağıda gösterildiği gibi CSS dosyalarını küçültmeyi teklif eder:
CSS Minifikation – WP Roket Sorunları #3 – WP Rocket’ten Rending Solutions #1’i engelleyen kaynakları ortadan kaldırın – WP Rocket, JS rending engellemeyi işlemek için gelişmiş özellikler sunar: “Kurucu JavaScript ertelenir”. Yalnızca seçeneği seçmeniz gerekir ve eklenti hepsini işleyecektir: WP Rocket’ten WP Roket Çözümü #2 Kurucu JavaScript – WP Rocket, CSS Teslimat özelliği sayesinde CSS oluşturma engellemesini işlemenize yardımcı olur.
CSS – WP Roket Teslimat Özelliğinin Optimize Edilmesi uğu Sonuçları karşılaştırabilmemiz için PSI’da (hala kılık değiştirmiş modda) yeni bir denetim çalıştıralım. Bir kez daha iyi haber, teşhis bölümüm artık CSS veya JS ile ilgili sorunları içermiyor:
Teşhis Bölümü WP Rocket’ten “Dosya Optimizasyonu” ayarlarını optimize ettikten sonra – PSI WP roketini etkinleştirdikten ve WordPress Gösterge Tablosundaki bazı ayarları değiştirdikten sonra cep telefonundaki son performans değeri çok iyi:
Sonuç olarak sarma, WP roketinin deniz feneri performans puanımı bir bütün olarak artırmaya gerçekten yardımcı olduğunu söyleyebilirim. WP roketinden önce
