WordPress sitenizi hayati web çekirdeği için nasıl optimize edersiniz?
Google’ın her zaman değişen algoritmasını takiben, site sahibi olarak yapılacak akıllı bir şeydir. Ve eğer hedefinizse, hazır olun! Hala bir tane daha var. 2020’de Google, temel web hayati yaşamlarının bir arama motoru sıralama faktörü olacağını açıkladı. Bu hayati veriler, Google’ın kullandığı diğer sayfa deneyim sinyallerine eklenecektir. Diğer sinyaller hücresel dostluk, saha güvenliği (HTTPS) ve gereksiz pop-up’lardan kaçının. Bu makalede, çekirdek web yaşamsallarının ne olduğunu ve bu algoritma güncellemesi için web sitenizi nasıl optimize edebileceğinizi öğreneceksiniz.
İçindekiler:
Hayati web çekirdeği nedir (CWV)
Hayati Çekirdek Web Nasıl Ölçülür
En büyük İçerik İçeriği (LCP)
İyi LCP puanı nedir?
LCP skorunun kötü olmasına ne sebep olur?
Nasıl artırılır.
İlk Giriş Gecikmesi (FID)
FID skoru ne kadar?
FID’nin kötü skoruna ne sebep oldu?
Nasıl optimize edilir.
Kümülatif Düzen Değişimi (CLS)
İyi bir CLS puanı ne kadar?
CLS puanlarının kötü olmasına ne sebep olur?
Nasıl optimize edilir.
Çözüm
Hayati web çekirdeği nedir? Google Core Web Vitals, site sahibine web sitelerinin performansı hakkında bir göz atan sayfa hız metriklerinin bir koleksiyonudur.
Şu anda, Google Core Web canlısı oluşturan 3 sayfalık bir hız metriği var. Onlar:
En büyük İçerik İçeriği (LCP)
İlk Giriş Gecikmesi (FID)
Kümülatif Düzen Değişimi (CLS)
Size ne olduğunu ve çekirdeğinizin hayati ağını nasıl artıracağınızı göstereceğiz. Ama önce, nasıl ölçüleceğine bakalım. Cated Contecul (LCP) ‘nin en büyük temel içeriğinin hayati ağının nasıl ölçülmesi, yalnızca web sitenizdeki en büyük öğeyi yüklemek için gereken süreyi ifade eder. İyi LCP puanı nedir? İyi bir LCP skoru 0-2 saniye arasında düşer. Yükleme süresi 2-4 saniye arasındayken iyileşme gerekir. Dışarıda bir şey kötü. Kötü LCP puanına neden olan nedir? LCP’nin zayıf nedenleri şunları içerir: zayıf yavaş LCP sunucusu yanıt süresi yavaş bir sunucunun sonucu olabilir. Tarayıcı sunucuya bir istek gönderdiğinde, ancak sunucu hızlı yanıt vermediğinde, sayfanızın açılış saatini ve temel web verilerinizi etkiler. Tarayıcı sunucudan içerik aldığında hedefi engelleyen JavaScript ve CSS, tarayıcı HTML sayfasını çözmek zorunda kaldı. Bu gerçekleştikten sonra içerik görüntülenecektir. Ancak, HTML’nin ayrışmasını engelleme komut dosyası ve stilinin vardır. Yüklenmesi çok uzun süren yavaş kaynak yükleme süresi, özellikle üst yarıda görüntülendiğinde LCP puanını etkiler. Görüntüler, videolar ve blok seviyesi öğeleri dahil bazı öğeler. Dosyaları sıkıştırarak ve görüntüleri optimize ederek kaynak yükleme süresini yönetmelisiniz. LCP puanınızı nasıl artırabilirsiniz Burada LCP puanınız kötü veya geliştirilmesi gerekiyorsa yapılması gereken şeylerdir. Web barındırma paketinizi artırın (veya bu webhost’u değiştirin) beyin değildir. İyi bir web barındırma paketi, genel yükleme sürenizi artırmaya yardımcı olur ve size daha iyi bir LCP puanı verir. Katı hal sürücü, daha fazla bant genişliği ve RAM gibi iyi kaynaklara sahip Web ana bilgisayar paketleri size daha iyi site performansı sağlar. Üçüncü Partisi Komut Dosyalarını Kaldır Hız yükleme hızına gelirken, üçüncü taraf komut dosyaları genellikle nedendir. Bu yüzden küçük bir temizlik sitesi yapmanız, gereksiz üçüncü taraf senaryolarını kontrol etmeniz ve bunları silmeniz gerekiyor. Bu komut dosyası, web sitesini daha bağlantılı hale getiren ancak süreçteki hızı tehlikeye atan reklamlar, gömme ve sosyal medya paylaşım düğmelerini içerebilir. . Komut dosyası site işlevselliğine yardımcı olmazsa, serbest bırakabilirsiniz. Büyük Sayfa Elemanlarını Sil LCP puanınızı etkileyen öğeler varsa, Google PagePeed Insights testi size ortaya çıkarır. Sitenizin URL’sini girin ve analiz düğmesini tıklayın ve raporu alacaksınız. Gerekirse, önerilen büyük elemanları kaldırın. WordPress Minify daha iyi eklenti gibi CSS araçlarınızı bıraktı. Kod uygulaması için gerekli olmayan boşlukları, eğrileri, yeni satırları, yorumları ve diğer öğeleri silin ve silinen CSS’nize ihtiyacınız vardır.
İlk girişte gecikme (FID) Kullanıcı sitenizdeki bir bağlantıyı tıkladığında veya web sayfanızdaki düğmeyi vurduğunda, bir yanıt bekliyor. Kullanıcı girişi ile tarayıcı ilk giriş gecikmesine yanıt verdiğinde zaman. Bu, kullanıcı Site ile etkileşime girdikten sonra web sitesinin yanıt vermesi için gereken süredir. Fid’in skoru ne kadar? FID milisaniye cinsinden ölçülür. 100 ms veya daha az iyi bir puan olarak kabul edilir. 100 MD – 300 MD arasındaki puanların artırılması gerekir. 300ms’nin üzerinde bir şey kötü. Kötü Fid’e neden olan nedir? Kötü FID, ana UTAS tarayıcısı, sayfa içeriği yüklendikten sonra ağır javascript yürütmekle meşgul olduğunda oluşur. Bir kullanıcı sayfadaki birkaç öğe ile etkileşime girmeye çalışır, ancak tarayıcı başka şeylerle meşguldür. Bu, kötü bir ilk giriş gecikmesinin ana nedenidir.
Bunu düzeltmek için, web sitenizdeki JavaScript ile nasıl başa çıkacağınızı optimize edin. Bu, WordPress üzerindeki ilk girişin gecikmesini otomatik olarak azaltır ve çekirdek web’inizi hayati önem taşır. İlk Giriş Gecikmesi Nasıl Optimize Edilir WordPress’teki ilk giriş gecikmesi skorunu artırmanın birkaç yolu vardır. Bunlar şunları içerir: 1. JavaScript’i geciktirme JavaScript dosyalarını geciktirerek JS sorunlarını işleyebilirsiniz. Bunu yaptığınızda, nöbeti engelleyen kaynaklar yalnızca tarayıcı daha önemli içerik oluşturduktan sonra yüklenecektir. Sonuç olarak, yükleme performansı arttı ve FID skoru.
İlk olarak, ertelenecek JS kaynaklarını tanımlayın, ardından JavaScript dosyasına erteleme özniteliğini ekleyin. DEFER özniteliği, tarayıcıya hemen yürütülmemesini söyler. Bunun yerine tarayıcı HTML’yi işlemeye ve DOM’u oluşturmaya devam eder. Komut dosyası yalnızca DOM bittiğinde çalışır. Aşağıdakiler bir örnek: JavaScript’i geciktirmek için WP Rocket gibi eklentileri de kullanabilirsiniz. 2. WordPress sitenize temaları ve eklentileri yüklediğinizde kullanılmayan JavaScript’i silin, işlerini yapmak için komut dosyasını sayfanıza yüklerler. Bazıları yararlı olsa da, diğer komut dosyaları site işleviniz için önemli olmayabilir. İhtiyacınız olmayan JS dosyalarının listesini bulmak için PagesPeed Insights raporunu kontrol edin. Bu size silinmemiş JS dosya detayları verir.
Dosyaları silmek istemiyorsanız, yalnızca gerekirse yükleyebilirsiniz. WordPress Perfmatters eklentisini bu amaçla kullanabilirsiniz. Ayrıca JavaScript yürütmeyi ilk kullanıcı etkileşimine erteleyebilirsiniz (örneğin kaydırma, bağlantılar veya düğmeler tıklama, sayfayı kaydırma vb.). Bu nedenle, kullanıcılar sitenizle etkileşime girmedikçe, yüklenecek JS komut dosyası yoktur. Bu, sitenizin temel web verilerini artıracaktır.
3. JS DOSYA MINIFIATES FID puanlarını (ve genel olarak temel web verileriniz) artırmanın başka bir yolu JavaScript dosyalarını azaltmaktır. Bu, koddaki satırları, yorumları ve boşlukları sileceğiniz anlamına gelir. Bunu yaptığınızda, dosya boyutu küçülür. İşi yapmak için kapatma derleyicisi gibi bir minifikasyon aracı kullanabilirsiniz. Shift Kümülatif Düzen (CLS) Hiç bir web sitesinde bir bağlantı açmaya çalıştınız mı ve daha sonra site düzeni değişti. Bir bağlantıya tıklamak yerine, son olarak Sitedeki reklamlara, pankartlara veya diğer öğelere tıklarsınız. Daha da kötüsü, çevrimiçi mağazalardan ürün satın almaya çalışıyorsunuz. Bununla birlikte, ürünün kendi zihnine sahip gibi görünüyor – sola ve sağa, sayfada yukarı ve aşağı hareket ediyor. Şimdi, sepette yanlış ürün var. Bu size olursa, ne kadar tatsız olduğunu anlayacaksınız. Sayfanın ani düzenindeki değişikliklere düzende kayma denir. Görülen öğeler kaymaya zorlandığında olur, çünkü diğer öğeler sayfaya tanıtılır veya boyut olarak değiştirilir. Bu öğelere kararsız öğeler denir. Sayfalarda meydana gelen düzendeki tüm değişikliklerin miktarına (kullanıcı etkileşiminden kaynaklanmayan) kümülatif düzen kayması denir. İyi bir CLS puanı ne kadar? Ziyaretçilere en iyi deneyimi sağlamak için, CLS puanınızı 0.1 veya daha az tutmak önemlidir. Bunu başarmak zor görünebilir, ama bu mümkün. 0.1 ile 0.25 arasındaki herhangi bir puanın artırılması gerekir ve 0.25’in üzerindeki herhangi bir şey kötüdür.
İçindekiler:
Hayati web çekirdeği nedir (CWV)
Hayati Çekirdek Web Nasıl Ölçülür
En büyük İçerik İçeriği (LCP)
İyi LCP puanı nedir?
LCP skorunun kötü olmasına ne sebep olur?
Nasıl artırılır.
İlk Giriş Gecikmesi (FID)
FID skoru ne kadar?
FID’nin kötü skoruna ne sebep oldu?
Nasıl optimize edilir.
Kümülatif Düzen Değişimi (CLS)
İyi bir CLS puanı ne kadar?
CLS puanlarının kötü olmasına ne sebep olur?
Nasıl optimize edilir.
Çözüm
Hayati web çekirdeği nedir? Google Core Web Vitals, site sahibine web sitelerinin performansı hakkında bir göz atan sayfa hız metriklerinin bir koleksiyonudur.
Şu anda, Google Core Web canlısı oluşturan 3 sayfalık bir hız metriği var. Onlar:
En büyük İçerik İçeriği (LCP)
İlk Giriş Gecikmesi (FID)
Kümülatif Düzen Değişimi (CLS)
Size ne olduğunu ve çekirdeğinizin hayati ağını nasıl artıracağınızı göstereceğiz. Ama önce, nasıl ölçüleceğine bakalım. Cated Contecul (LCP) ‘nin en büyük temel içeriğinin hayati ağının nasıl ölçülmesi, yalnızca web sitenizdeki en büyük öğeyi yüklemek için gereken süreyi ifade eder. İyi LCP puanı nedir? İyi bir LCP skoru 0-2 saniye arasında düşer. Yükleme süresi 2-4 saniye arasındayken iyileşme gerekir. Dışarıda bir şey kötü. Kötü LCP puanına neden olan nedir? LCP’nin zayıf nedenleri şunları içerir: zayıf yavaş LCP sunucusu yanıt süresi yavaş bir sunucunun sonucu olabilir. Tarayıcı sunucuya bir istek gönderdiğinde, ancak sunucu hızlı yanıt vermediğinde, sayfanızın açılış saatini ve temel web verilerinizi etkiler. Tarayıcı sunucudan içerik aldığında hedefi engelleyen JavaScript ve CSS, tarayıcı HTML sayfasını çözmek zorunda kaldı. Bu gerçekleştikten sonra içerik görüntülenecektir. Ancak, HTML’nin ayrışmasını engelleme komut dosyası ve stilinin vardır. Yüklenmesi çok uzun süren yavaş kaynak yükleme süresi, özellikle üst yarıda görüntülendiğinde LCP puanını etkiler. Görüntüler, videolar ve blok seviyesi öğeleri dahil bazı öğeler. Dosyaları sıkıştırarak ve görüntüleri optimize ederek kaynak yükleme süresini yönetmelisiniz. LCP puanınızı nasıl artırabilirsiniz Burada LCP puanınız kötü veya geliştirilmesi gerekiyorsa yapılması gereken şeylerdir. Web barındırma paketinizi artırın (veya bu webhost’u değiştirin) beyin değildir. İyi bir web barındırma paketi, genel yükleme sürenizi artırmaya yardımcı olur ve size daha iyi bir LCP puanı verir. Katı hal sürücü, daha fazla bant genişliği ve RAM gibi iyi kaynaklara sahip Web ana bilgisayar paketleri size daha iyi site performansı sağlar. Üçüncü Partisi Komut Dosyalarını Kaldır Hız yükleme hızına gelirken, üçüncü taraf komut dosyaları genellikle nedendir. Bu yüzden küçük bir temizlik sitesi yapmanız, gereksiz üçüncü taraf senaryolarını kontrol etmeniz ve bunları silmeniz gerekiyor. Bu komut dosyası, web sitesini daha bağlantılı hale getiren ancak süreçteki hızı tehlikeye atan reklamlar, gömme ve sosyal medya paylaşım düğmelerini içerebilir. . Komut dosyası site işlevselliğine yardımcı olmazsa, serbest bırakabilirsiniz. Büyük Sayfa Elemanlarını Sil LCP puanınızı etkileyen öğeler varsa, Google PagePeed Insights testi size ortaya çıkarır. Sitenizin URL’sini girin ve analiz düğmesini tıklayın ve raporu alacaksınız. Gerekirse, önerilen büyük elemanları kaldırın. WordPress Minify daha iyi eklenti gibi CSS araçlarınızı bıraktı. Kod uygulaması için gerekli olmayan boşlukları, eğrileri, yeni satırları, yorumları ve diğer öğeleri silin ve silinen CSS’nize ihtiyacınız vardır.
İlk girişte gecikme (FID) Kullanıcı sitenizdeki bir bağlantıyı tıkladığında veya web sayfanızdaki düğmeyi vurduğunda, bir yanıt bekliyor. Kullanıcı girişi ile tarayıcı ilk giriş gecikmesine yanıt verdiğinde zaman. Bu, kullanıcı Site ile etkileşime girdikten sonra web sitesinin yanıt vermesi için gereken süredir. Fid’in skoru ne kadar? FID milisaniye cinsinden ölçülür. 100 ms veya daha az iyi bir puan olarak kabul edilir. 100 MD – 300 MD arasındaki puanların artırılması gerekir. 300ms’nin üzerinde bir şey kötü. Kötü Fid’e neden olan nedir? Kötü FID, ana UTAS tarayıcısı, sayfa içeriği yüklendikten sonra ağır javascript yürütmekle meşgul olduğunda oluşur. Bir kullanıcı sayfadaki birkaç öğe ile etkileşime girmeye çalışır, ancak tarayıcı başka şeylerle meşguldür. Bu, kötü bir ilk giriş gecikmesinin ana nedenidir.
Bunu düzeltmek için, web sitenizdeki JavaScript ile nasıl başa çıkacağınızı optimize edin. Bu, WordPress üzerindeki ilk girişin gecikmesini otomatik olarak azaltır ve çekirdek web’inizi hayati önem taşır. İlk Giriş Gecikmesi Nasıl Optimize Edilir WordPress’teki ilk giriş gecikmesi skorunu artırmanın birkaç yolu vardır. Bunlar şunları içerir: 1. JavaScript’i geciktirme JavaScript dosyalarını geciktirerek JS sorunlarını işleyebilirsiniz. Bunu yaptığınızda, nöbeti engelleyen kaynaklar yalnızca tarayıcı daha önemli içerik oluşturduktan sonra yüklenecektir. Sonuç olarak, yükleme performansı arttı ve FID skoru.
İlk olarak, ertelenecek JS kaynaklarını tanımlayın, ardından JavaScript dosyasına erteleme özniteliğini ekleyin. DEFER özniteliği, tarayıcıya hemen yürütülmemesini söyler. Bunun yerine tarayıcı HTML’yi işlemeye ve DOM’u oluşturmaya devam eder. Komut dosyası yalnızca DOM bittiğinde çalışır. Aşağıdakiler bir örnek: JavaScript’i geciktirmek için WP Rocket gibi eklentileri de kullanabilirsiniz. 2. WordPress sitenize temaları ve eklentileri yüklediğinizde kullanılmayan JavaScript’i silin, işlerini yapmak için komut dosyasını sayfanıza yüklerler. Bazıları yararlı olsa da, diğer komut dosyaları site işleviniz için önemli olmayabilir. İhtiyacınız olmayan JS dosyalarının listesini bulmak için PagesPeed Insights raporunu kontrol edin. Bu size silinmemiş JS dosya detayları verir.
Dosyaları silmek istemiyorsanız, yalnızca gerekirse yükleyebilirsiniz. WordPress Perfmatters eklentisini bu amaçla kullanabilirsiniz. Ayrıca JavaScript yürütmeyi ilk kullanıcı etkileşimine erteleyebilirsiniz (örneğin kaydırma, bağlantılar veya düğmeler tıklama, sayfayı kaydırma vb.). Bu nedenle, kullanıcılar sitenizle etkileşime girmedikçe, yüklenecek JS komut dosyası yoktur. Bu, sitenizin temel web verilerini artıracaktır.
3. JS DOSYA MINIFIATES FID puanlarını (ve genel olarak temel web verileriniz) artırmanın başka bir yolu JavaScript dosyalarını azaltmaktır. Bu, koddaki satırları, yorumları ve boşlukları sileceğiniz anlamına gelir. Bunu yaptığınızda, dosya boyutu küçülür. İşi yapmak için kapatma derleyicisi gibi bir minifikasyon aracı kullanabilirsiniz. Shift Kümülatif Düzen (CLS) Hiç bir web sitesinde bir bağlantı açmaya çalıştınız mı ve daha sonra site düzeni değişti. Bir bağlantıya tıklamak yerine, son olarak Sitedeki reklamlara, pankartlara veya diğer öğelere tıklarsınız. Daha da kötüsü, çevrimiçi mağazalardan ürün satın almaya çalışıyorsunuz. Bununla birlikte, ürünün kendi zihnine sahip gibi görünüyor – sola ve sağa, sayfada yukarı ve aşağı hareket ediyor. Şimdi, sepette yanlış ürün var. Bu size olursa, ne kadar tatsız olduğunu anlayacaksınız. Sayfanın ani düzenindeki değişikliklere düzende kayma denir. Görülen öğeler kaymaya zorlandığında olur, çünkü diğer öğeler sayfaya tanıtılır veya boyut olarak değiştirilir. Bu öğelere kararsız öğeler denir. Sayfalarda meydana gelen düzendeki tüm değişikliklerin miktarına (kullanıcı etkileşiminden kaynaklanmayan) kümülatif düzen kayması denir. İyi bir CLS puanı ne kadar? Ziyaretçilere en iyi deneyimi sağlamak için, CLS puanınızı 0.1 veya daha az tutmak önemlidir. Bunu başarmak zor görünebilir, ama bu mümkün. 0.1 ile 0.25 arasındaki herhangi bir puanın artırılması gerekir ve 0.25’in üzerindeki herhangi bir şey kötüdür.
CLS’nin kötü neden olduğu nedir?CLS puanınız düşükse, aşağıdaki şeylerden kaynaklanabilir: Önceki boyutları olmayan görüntüler, web geliştiricileri genellikle ‘e geniş ve yüksek özellikler ekler
. Bu, tarayıcı tarafından görüntüler için alanın oldukça tahsis edilmesini sağlar. Bununla birlikte, duyarlı web tasarımının tanıtımı ile geliştirici geniş ve yüksek bir özellik kullanmayı bıraktı. Bunun yerine, CSS yaklaşımını benimserler (görüntüleri ölçmek için CSS kullanarak). Bu yaklaşım iyi olsa da, bu yaklaşımın zayıflıkları vardır – tarayıcı görüntüler için yeterli alan tahsis etmez. Böylece, resim her indirildiğinde, diğer öğeler yeniden ayarlanmalıdır. Bu, düzende beklenmedik değişikliklerin çok yaygın bir kaynağıdır. Dinamik Reklamlar Dinamik reklamlar, web sayfalarındaki düzen değişikliklerinin en büyük katkıda bulunanlarından biridir. Reklamlar web sitenizde kolayca yüklenip otomatik olarak çalıştırılsa da, boyut değişir. Dinamik reklamcılıkla aynı şekilde sabitleyin, gömme düzen değişikliklerine katkıda bulunur. Sayfaya videolar, haritalar ve yem gömdüğünüzde, tarayıcı bunun için yeterli alan sağlamaz. Dolayısıyla, indirdiklerinde, başka öğeler, gömülü öğeler için alan yaratmak için ayarlanmalıdır. Dinamik İçerik Dinamik İçerik, afişler, davet düğmeleri oyunculuk, formlar vb. Şeklinde gelir. Tıpkı reklam, Semanan ve resim gibi, dinamik içerik için ayrılan bir alan yoksa, yüklendikten hemen sonra diğer öğeler taşınmalıdır. Özel Web Font Özel Web Yazı Tipi CLS puanınızı etkileyebilir. Sitenizde özel bir yazı tipi kullandığınızda, tarayıcınız özel yazı tipiniz indirilmeden önce bir yedek yazı tipi kullanmalıdır. Tarayıcınız da görünmez metin kullanabilir. Özel yazı tipinin tam indirmesinden sonra, öğenin konumu değişti.
