Her şeyden önce, ne hakkında konuşalım Google Core Web Vitalleri var. Bunlar, Google'ın sitenizi değerlendirmek için kullandığı bir dizi farklı metriktir. Sayfa hızı, sayfanın ne kadar etkileşimli olduğu, UX/UI, dikkat dağıtıcı görüntüler veya diğer öğeler ve sayfayı aşağı kaydırırken tasarımın ne kadar değiştiği gibi parametreleri içerir.
Bu metrikler, web sitesi içerik oluşturucularının sitelerini geliştirmesini ve daha kullanıcı dostu hale getirmesini kolaylaştırmak için tasarlanmıştır. Peki metrikler nelerdir?
İçerik Tablosu
- Google'ın temel web canlılarını ölçmek için kullandığı metrikler
- Google Core Web Vitals Neden Önemli
- Mevcut Çekirdek Web Vitallerinizi Nasıl Test Edebilirsiniz?
- Web Hayati Puanı Nasıl İyileştirirsiniz
- En büyük içerikli boya (LCP) puanınızı geliştirin
- İlk Giriş Gecikmesi (FID) Puanınızı Nasıl İyileştirirsiniz
- Kümülatif Düzen Vardiyası (CLS) Puanınızı Nasıl İyileştirirsiniz
- Bonus: Core Web Vitals'e ayak uydurmak için Elementor Hız Optimizer ile WordPress Elementor Sitenizi hızlandırın
- Çözüm
Google'ın temel web canlılarını ölçmek için kullandığı metrikler
Google, web hayati puanınızı belirlemek için üç metrik kullanır: LCP, FID ve CLS. Her biri sitenizin farklı bir yönünü ölçer. Bu terimler biraz teknik görünse de, gerçekte oldukça basittirler. Google'ın temel web hayati değerlerini nasıl ölçtüğünü anlamak için her birine bakalım:
LCP
LCP En büyük içerikli nokta anlamına gelir. Bu aslında bir web sayfasının ilk yükleme süresini ölçer. Özellikle, Algılanan yük hızı “ana içerik”. Ana içerik, yüklemeye başladığında sayfada görüntülenebilen en büyük görüntü veya metin bloğunu ifade eder - ve Olumsuz tüm sayfa.
Bunu anlamak önemlidir, çünkü içeriği ölçmediği için Olumsuz Sayfa yüklendiğinde - örneğin, yalnızca aşağı kaydırıldıktan sonra görülebilen bir makalenin metni. Yalnızca sayfanın hemen görüntülenebilir kısmını ölçer.
FID
FID İlk giriş gecikmesi anlamına gelir. Bu metrik biraz daha nüanslıdır, ancak temelde sadece UX etkileşimi ve yanıt verebilirliği ifade eder. Daha düşük (daha iyi) FID puanı, sayfanızın duyarlı olduğu ve herhangi bir kullanıcı etkileşimine hızlı bir şekilde tepki verdiği anlamına gelir. Örneğin, bir düğmeye bastıklarında veya bir bağlantıya tıkladıklarında, FID zamanı ölçer. kullanıcı eylemi ki İşleme Başlangıç.
Web siteniz, kullanıcının tarayıcının eylemi işlemeye başlamasını çok kolaylaştırmalıdır. Bir kullanıcı bir düğmeyi tıklarsa ancak eylemin başlaması birkaç saniye sürerse, FID puanınız daha kötü olacaktır, çünkü bunun kullanıcı deneyimi üzerinde olumsuz bir etkisi vardır.
CLS
Nihayet, CLS Kümülatif düzen kayması anlamına gelir. Bu, düzenin ne kadar değiştiğini izler sonrasında Sayfa tamamen yüklendi. Bu genellikle iki şeyden biri neden olur:
- Görüntüler gibi öğeler, sayfanın kendisi yüklendikten sonra önemli miktarda yüklenir (genellikle eşzamansız olarak)
- Kullanıcı bir düğmeyi tıklar veya başka bir eylem gerçekleştirir, bu da orijinal düzenin kafa karıştırıcı bir şekilde değişmesine neden olur.
Google Core Web Vitals Neden Önemli
Artık Google Web Vitallerinin veya Çekirdek Web Vitallerinin ne olduğunu biliyoruz. Ama neden önemli? Ve web sitenizi ve Google'ın arama sonuçlarını nasıl etkilerler?
SEO üzerinde büyük etki
Hayati web puanınızın en büyük etkisi arama motoru optimizasyonu veya SEO üzerinedir. Web sitenizi değerlendirmek için Google, mobil arkadaşlık, SSL, pop-up'lar (veya eksikliği) ve içerik kalitesi gibi diğer metriklerle birlikte web canlıları kullanır.
Bu nedenle, SEO'nuzu geliştirmek ve arama sonuçlarında daha yüksek görünmek istiyorsanız, web canlılığı puanlarınızın iyi olduğundan emin olmak çok önemlidir.
Kayıp Satış
Bir e -ticaret web sitesi çalıştırırsanız, web canlılarınızı da geliştirmek istersiniz. Yavaş yüklenen, durgun düğmeler ve UX öğeleri olan ve sık sık düzen vardiyalarına sahip web siteleri potansiyel müşterileri korkutacaktır. Yavaş bir site daha az güvenilir görünüyor ve müşterileri ödeme bilgilerini girmede tereddüt ediyor.
Mevcut Çekirdek Web Vitallerinizi Nasıl Test Edebilirsiniz?
Şimdi web sitenize dönelim ve kendi hayati puanlarınızı nasıl test edeceğiniz hakkında konuşalım. Teknik becerilerinize bağlı olarak, bunu yapmanın çeşitli yolları vardır. Bununla birlikte, onları kontrol etmenin en kolay yolu Google Page Insights aracılığıyladır, bu yüzden çoğunlukla buna odaklanacağız.
Her bir araç arasında küçük farklılıklar olmanın normal olduğunu unutmayın, bu nedenle sayılar farklısa endişelenmeyin. Aynı şekilde, masaüstü ve mobil test sonuçları değişecektir.
Google Pagespeed Insights
Google, web canlılarını sizin için analiz etmek için bir araç sunar. Buna denir Sayfa Ve size siteniz hakkında bir ton veri verecektir.
Bir test yapmak için, web sitenizin URL'sini çubuğa yazın ve basın. Analiz. Test tamamlandıktan sonra sonuçları göreceksiniz. İlk öğe çekirdek web canlılarını kapsar.
Skorlar tatmin edici değilse, çubuk kırmızı olacaktır. Ayrıca tıklayabilirsiniz Görünümü Genişlet Daha fazla ayrıntı görmek için. Ayrıca, puanlarınızın orada yeterince iyi olduğundan emin olmak için ayarı masaüstüne de değiştirmelisiniz.
Şimdi hayati puanlarınızı test etmek için birkaç seçeneği kısaca ele alalım veya Google'ın temel web hayati yaşamlarına göre nerede durduğunuzu görelim.
Google Arama Konsolu
. Google Arama Konsolu Google Arama Sonuçları performansınızı iyileştirmek için geri bildirim ve ipuçları almak için web sitenizle ayarlayabileceğiniz bir araçtır. PagePeed Insights'ın aksine, DNS onayınıza bir TXT kaydı ekleyerek etki alanına sahip olduğunuzu doğrulamanızı gerektirir.
Bunu yaptıktan sonra, Google Search Console Yönetici Paneline giriş yapabilir ve ardından sol kenar çubuğundaki Çekirdek Web Vitals sekmesini bulabilirsiniz.
Web Vitals uzantısı
Google Chrome tarayıcısını kullanıyorsanız, artık hayati puanlarınızı doğrudan tarayıcıda kontrol etmek için yükleyebileceğiniz bir uzantı var. Buna denir Web Vitalleri Ve Chrome web mağazasından indirebilirsiniz.
Uzantıyı yükledikten sonra, web sitenizin URL'sine gidin, üst gezinme çubuğundaki uzantılar düğmesini, ardından Web Vitals uzantısında tıklayın. Bir an sonra, web canlıları sonuçlarını göreceksiniz:
Chrome Devtools ve Deniz Feneri
Chrome kullanıcıları için başka bir seçenek Devtools Tarayıcının içine yerleştirilmiş web geliştirme araçları paketi. Bu araçlardan birine Lighthouse denir ve Web Vitals puanlarını kontrol etmenizi sağlar.
Deniz Feneri açmak için web sitenize gidin ve ardından sayfaya sağ tıklayın. Seçme İncelemek Ve sonra seçin Deniz feneri Üstte sekme:
Bir kez orada, tıklayın Rapor Oluşturun Ve raporun oluşturulması için bir an bekleyin. Bu rapor erişilebilirlik, SEO, performans ve diğer metrikler için puanlar içerir.
Web Hayati Puanı Nasıl İyileştirirsiniz
Yani, yukarıdaki testleri çalıştırdınız ve iyileştirme ihtiyacı gördünüz. Puanlarınızı düzeltmekten bahsedelim!
Yukarıda hangi yöntemi kullanırsanız kullanın, sorunlar varsa. Bazı test yöntemleri (örneğin PagePeed Insights) size doğrudan test sonuçlarında bir iyileştirme listesi verir. Ancak puanlarınızı geliştirmek için yapabileceğiniz başka eylemler de var.
Üç metrikin her biri sitenizin farklı yönleri için olduğundan, çözümleri ayrı ayrı düzenlemek mantıklıdır. Çoğu web sitesi için, LCP, FID ve CLS ile aynı anda bir sorunun olması pek olası değildir.
En büyük içerikli boya (LCP) puanınızı geliştirin
LCP puanı ile başlayalım. Yukarıda belirtildiği gibi, bu puan bir sayfadaki ana içeriğin ilk yük süresini ölçer.
İdeal bir puan ne
İdeal bir LCP puanı nedir? Buna göre Resmi Google Rehberi, 2,5 saniye veya daha az bir LCP'niz olmalıdır. Genel olarak, siteniz ne kadar hızlı yüklenirse, o kadar iyi olur, bu nedenle bu sayıyı mümkün olduğunca düşük hale getirmeyi hedefleyin.
LCP puanınız 2,5 saniye veya daha yüksekse, ne yapmalısınız? Birkaç çözümü tartışalım.
Daha iyi bir ana bilgisayar kullanın
Belki de en kolay çözüm ev sahibinizi yükseltmektir. Yüksek kaliteli ana bilgisayarlar (Convesio gibi), kendiniz çok fazla yapmanız gerekmeden LCP puanınızı artıracaktır. Şu anda paylaşılan bir barındırma planı veya tek katmanlı bir bulut barındırma kullanıyorsanız, gelişme özellikle dikkat çekici olacaktır.
Convesio, hız, ölçeklenebilirlik ve güvenlik göz önünde bulundurularak inşa edilmiştir. Yüksek performanslı Google Compute sunucularına dayanarak, kapsayıcı ortamları çalıştıran ve hız ve güvenlik için Cloudflare Enterprise'ı çalıştıran, yüksek trafik web sitenizin istikrarlı sayfa yükleme sürelerine sahip olacağından emin olabilirsiniz.
Sayfa önbelleği
Çoğu ev sahibi kendi önbellek çözümlerini uygulayacak, ancak WP Rocket veya WP Super Cache gibi bir sayfa önbellek eklentisi de kullanabilirsiniz. Bu eklentiler, sitenizin yüklenmesi için gereken süreyi azaltacaktır.
Kullanılmayan JS ve CSS'yi kaldırın & Büyük görüntüleri kaldırın veya yeniden boyutlandırın
JavaScript ve CSS dosyaları genellikle en büyük dosyalardan bazılarıdır, bu nedenle bunları en aza indirmek için kesinlikle ödeme yapar. Bunu yapmanın birkaç farklı yolu vardır, WP Super Minify gibi bir eklentiden UglifyJs gibi daha manuel bir çözüme kadar değişmektedir.
Benzer şekilde, sadece gereksiz JavaScript ve CSS kodunu tamamen kaldırmayı düşünebilirsiniz. Çoğu web sitesi biraz eski, kullanılmayan kodu vardır, bu nedenle bir göz atmak ve herhangi bir şeyi kaldırıp kaldıramayacağınızı görmek için ödeme yapar.
Görüntüler genellikle bir web sitesindeki en büyük tek dosyadır, özellikle de mümkün olduğunca optimize edilmemiş ve sıkıştırılmamışlarsa. Gereksiz yere geniş olan görüntüleri yüklemek de yaygındır.
İçeriğinizin kalitesini etkilemeden görüntüleri kaldırabiliyorsanız, öneririz. Değilse, görüntülerinizi gerektiğinde yeterince geniş hale getirmeye çalışın. Çoğu cihaz için bu, maksimum 2500 piksel genişliğinde anlamına gelir. Bundan daha büyük bir şey genellikle gereksizdir ve büyük olasılıkla çekirdek web canlıları üzerinde olumsuz bir etkiye sahip olabilir.
Bir İçerik Dağıtım Ağı (CDN) kullanın
Bir CDN veya içerik dağıtım ağı, web sitenizi ziyaretçinin konumuna göre daha hızlı yüklemeye yardımcı olan dağıtılmış bir sunucu ağıdır. Örneğin, bir ziyaretçi Avrupa'da ise, bir CDN sitenizi yakındaki bir sunucudan yükler ve Olumsuz Kuzey Amerika, Asya'dan veya başka bir yerde eviniz olabilir.
Kullanılmayan eklentileri ve temaları kaldırın
Son olarak, kullanılmayan eklentileri ve temaları kaldırmak her zaman iyi bir fikirdir. Yüklü temalarınızı ve eklentilerinizi periyodik olarak geçirmenizi ve bir süredir kullanmadığınızı kaldırmanızı öneririz.
İlk Giriş Gecikmesi (FID) Puanınızı Nasıl İyileştirirsiniz
Şimdi Fid'e bakalım. Önceki bölümden hatırlarsanız, FID etkileşim ve ne zaman Bir eylem yapılır Ve Süreç başlıyor. Örneğin, bir düğmeye tıklayın ve ardından bir eylem gerçekleştirin.
İdeal bir puan ne
İyi bir FID puanı 100 milisaniye veya daha az olmalıdır. Google'ın web.dev web sitesi.
Peki, puanınız 100 milisaniyenin üzerindeyse, onu düşürmek için ne yapabilirsiniz? Çoğunlukla, JS çoğu etkileşimli öğede kullanıldığından, FID JavaScript kodu ile ilgilidir.
Bu nedenle, FID puanınızı iyileştirmenin en iyi yolu, JavaScript kodunuzu optimize etmek ve kullanmadığınız her şeyi kaldırmaktır. Ayrıca daha hafif bir ön uç ve daha az ağır temaya sahip olmalısınız:
- JavaScript'i yüklemek veya ertelemek için Async kullanın.
- Gereksiz JavaScript kodu ekleyip eklemediğinizi görmek için WordPress Customer'ı kontrol edin.
- Temanızın JS eklemek için de ayrı bir bölümü olabilir. Kodun hala kullanımda olduğundan emin olmak için kontrol edin.
- Mümkünse bağımlılıkları azaltın. Kodunuzun ne kadar çok bağımlılığı varsa, o kadar fazla yüklemeniz gerekir.
- JavaScript'inizi WP Super Minify gibi bir eklenti kullanarak veya doğrudan UglifyJs kullanarak minnettar.
Kümülatif Düzen Vardiyası (CLS) Puanınızı Nasıl İyileştirirsiniz
Son olarak, düzenin ne kadar kayacağını ölçen CLS'ye bakalım.
İdeal bir puan ne
Google'ın resmi web.dev sitesine bakarsak, iyi bir puan 0.1 veya daha az olarak tanımlanır. Bu sayı oldukça karmaşık bir şekilde hesaplanır, ancak esasen kararsız elemanların hareketini hesaplamak için kaynar.
CLS puanınız 0.1'in üzerindeyse, onu geliştirmek için ne yapabilirsiniz? Çoğunlukla herhangi bir “esnek” öğe için belirli boyutları belirtmeniz gerekir. Yani, öğenin boyutu veya şekli, kullanıcının ekran boyutuna veya bir düğmeye tıklamak gibi bir eyleme dayanıyorsa.
- Görüntüler. İlk olarak, sitenizdeki tüm resimler için belirli boyutlar yapmalısınız. Bu, sitenin düzenini cihaza göre önemli ölçüde değiştiren büyük bir görüntünüz (5000 piksel veya daha fazla) olmaması gerektiği anlamına gelir.
- Dinamik reklamlar. Sitenizde dinamik reklam boşluklarınız varsa, görüntüleme penceresi için belirli bir genişlik ve yükseklik ayarladığınızdan emin olun. Bu, özellikle görüntülenen reklamların boyutu ve şekli üzerinde kontrol sahibi olmadığınız için özellikle önemlidir.
- Gömme ve iframes. Son olarak, gömülü öğelerin (örneğin, YouTube videoları) belirli boyutlar ayarlandığından emin olun.
Diğer ipuçları ve püf noktaları
Son olarak, muhtemelen puanlarınızı geliştirecek birkaç ipucu daha var. Bunları yaparak web canlılarınızı önemli ölçüde iyileştirme olasılığınız olmasa da, yine de iyi bir fikirdir. Bunlar Google Core Web Vitals metriklerini daha iyi karşılamak için biraz zorlayabilir.
Optimize edilmiş hafif eklentiler ve temalar kullanın
Ne yazık ki, birçok WordPress teması ve eklentisi gereksiz veya kötü yazılı kod, yabancı özellikler ve diğer öğelerle şişirilebilir. Bunlar sitenizi yavaşlatır ve bazen tarayıcıya müdahale edebilir. Bu, daha düşük web hayati puanları ile sonuçlanır.
Eklentileri ve temaları güncel tutun
En son sürüme güncellenmiş temaları ve eklentileri güncel tutmak her zaman iyi bir fikirdir. Bu genellikle güvenlik nedeniyle önerilir, ancak güncellemelerin (normalde) eklentiyi daha verimli hale getirdiği de belirtilmelidir. Geliştiriciler geliştirdikçe, bu web hayati puanlarınızı da geliştirecektir!
Bonus: Core Web Vitals'e ayak uydurmak için Elementor Hız Optimizer ile WordPress Elementor Sitenizi hızlandırın
Elementor, WordPress endüstrisindeki sayfa inşaatçılarının öncülerinden biridir. Kısa bir süre içinde profesyonel bir web sitesi oluşturmak için en şaşırtıcı widget ve özelliklerden bazılarını sunar. Şaşırtıcı özellikleri ile insanlar deliriyor ve web sitelerini oluşturmak için çok sayıda widget ve özellik kullanıyor.
Ve son olarak, yavaş ve zamanında yüklenmeyen bir web sitesi ile sonuçlanırlar. Bu yüzden WordPress sitelerini hızlandıracak bir eklentiye ihtiyaçları var.
Speed Optimizer eklentisi, onu en iyi hız güçlendirici eklentilerinden biri haline getiren birçok ilginç özelliğe sahiptir. Özellik şunları içerir:
Kara liste modu
Belirli sayfaları veya yayınları yükleme Elementor varlıklarından engelleyebilirsiniz. Eklentiyi etkinleştirin ve ek varlıklarının yüklenmesini engellemek için her sayfayı görüntülemek ve sitenizde yayınlamak için seçenekler bulacaksınız. Ücretsiz sürümde 20 öğeye kadar öğe de sınırlandırabilirsiniz (her biri sayfa ve yayınlar için 10).
WooCommerce Booster
WooCommerce mağazanızdaki her saniye potansiyel bir satış kazanma veya kaybetmek arasında karar verebilir. Bu nedenle, uygun WooCommerce Hız Optimizasyon araçlarına hazır olduğunuzdan emin olmanız gerekir. Diğer WordPress önbellek eklentilerinin aksine, eklentiden tek bir tıklama tümünü engelleyecektir. gereksiz Elementor varlıkları WooCommerce mağazanıza yükleniyor.
Premium Elementor Eklentileri Desteği
Elementor Page Builder'ın üstünde, bu eklenti en popüler Elementor eklentilerini destekler. Bu liste içerir
- Elementor için ElementsKit
- Elementor için temel eklentiler:
- Elementor için premium eklentiler
- Elementor için mutlu eklentiler.
- Elementor için Power Pack eklentileri
Tek tıklamayla kısıtlama
Tüm sayfaları/yayınları gereksiz varlıkları (önbellekler, dosya veya sorgular) yüklemeden BlackList moduna tek bir tıklamayla engelleyebilirsiniz. WordPress optimizasyonunun geleceğine hoş geldiniz!
Geliştirilmiş SEO skoru
Eklenti aracılığıyla uygun Google sayfası hız optimizasyonu ile, web siteniz daha hızlı yükleneceğinden organik sıralamanız önemli ölçüde artacaktır. Ayrıca, siteniz daha mobil dostu olacaktır. Sonuç olarak, Google Core Web Vitals en büyük içerikli boya (LCP), toplam engelleme süresi (TBT) ve kümülatif düzen kayması (CLS) gibi metrikler geliştirilecektir.
Geliştirilmiş performans puanları
URL'nizi çevrimiçi olarak test ederek sayfa yükleme sürenizdeki farkı kolayca görebilirsiniz. GTMetrix ve Google sayfası hız aracı da dahil olmak üzere bunu yapabileceğiniz birçok güvenilir çevrimiçi kaynak vardır.
Çözüm
Bu yazıda, Google Core Web Vitals hakkında bilmeniz gereken her şeyi ele aldık. İlk olarak, Google'ın kullandığı üç metrik (LCP, FID ve CLS) ve kendi puanlarınızı nasıl bulacağınızdan bahsettik. Sonra, bunları geliştirmek için çeşitli çözümlerden geçtik, bunların çoğu neyse ki oldukça basit.