WordPress Web Sitenizin Temel Web Verilerini İyileştirmeye Yönelik İpuçları
Yayınlanan: 2021-09-13Google'ın hem web tasarımcıları hem de web sitesi sahipleri arasında bir panik dalgası yaratmanın bir yolu var. Arama algoritmalarında bir değişiklik yaptıklarında, insanlar yetişmek için çabalamaya başlar. Nedenini anlamak kolay. Hiç kimse SEO sıralamalarının zarar görmesini istemez.
Dolayısıyla, Önemli Web Verileri metrikleri açıklandığında, yanıt oldukça tahmin edilebilirdi. Bu değişiklikler site performansına dayalı olduğundan, dikkatimiz yükleme sürelerinin ışık hızında olmasını sağlamaya çevrildi.
Ama her zaman basit değil. WordPress gibi bir içerik yönetim sistemi (CMS) çalıştıran web siteleri özellikle zorlayıcı olabilir. Oyunda birçok faktör var. Bu nedenle, performansın iyileştirilmesi çok yönlü bir yaklaşım gerektirir.
Nereden başlamalı? WordPress web sitenizin Önemli Web Verileri puanını artırmak için kılavuzumuza göz atın.
Önbelleğe Alma Uygulaması
Bir WordPress web sitesinin hızını artırmanın en basit yollarından biri önbelleğe alma uygulamaktır. Çoğu durumda, daha önce durgun olan bir site, bu tek adımla önemli ölçüde daha hızlı hale gelecektir. Bu, nispeten ucuz barındırmada bile geçerlidir.
Varsayılan olarak, WordPress sayfaları ve gönderileri, sitenin veritabanından içerik ve ayarları almalıdır. Bu zaman alır. Öte yandan önbellek, içeriği statik HTML dosyaları olarak sunacak ve bir veritabanı çağrısı ihtiyacını ortadan kaldıracaktır. Aracı (yani, veritabanı) yoldan çekildiğinde, daha hızlı yükleme süreleri takip edecektir.
Bazı barındırma paketleri, özellikle yönetilen WordPress barındırma, sunucu tabanlı önbellek içerecektir. Web tasarımcılarından çok az şey gerektirdiği ve oldukça iyi performans gösterdiği için bu genellikle en iyi seçenektir. Sık sık temizlenmesi gerekebilir. Aksi takdirde, bu bir eller serbest deneyimidir. Ve hızı daha da artırmak için bir eklenti ile etkili bir şekilde birleştirilebilir.
Ana makineniz sunucu düzeyinde önbelleğe alma sağlamasa bile, bir eklenti aracılığıyla performansı optimize edebilirsiniz. Önbelleğe alma eklentileri kapsam, karmaşıklık ve fiyatlandırma açısından farklılık gösterir. Ancak yükleme sürelerinin iyileştirilmesi söz konusu olduğunda somut sonuçlar sağlarlar. Bu da Core Web Vitals için olumlu bir destek.
İşleme Engelleme Komut Dosyalarının ve Stillerin Yüklenmesini Erteleyin
Google PageSpeed Insights'ta web sitenizin performansını test ederken, oluşturmayı engelleyen kaynaklar konusu çok fazla karşımıza çıkıyor gibi görünüyor. Bunlar, "kritik" olarak kabul edilmeyen komut dosyaları ve stillerdir - yani "ekranın üst kısmındaki" sayfa içeriğini oluşturmaları gerekmemektedir.
Bu kaynaklar daha hızlı yükleme sürelerinin önüne geçebilir. Özellikle, Önemli Web Verilerinde "En Büyük İçerikli Boyama (LCP)" puanını etkilerler. Bu, bir sayfanın ana içerik alanının yüklenmesi için geçen süredir. LCP'yi azaltmak, çok önemli.
Durumu iyileştirmenin bir yolu, çeşitli içerik öğeleri (resimler, videolar, blok düzeyinde metin) yüklendiğinde geciktirmektir (veya ertelemektir). Bu, yalnızca gerekli komut dosyalarının ve stillerin önce yüklenmesini, diğer her şeyin daha sonra gelmesini sağlar.
Küçültmenin yanı sıra, birçok WordPress önbelleğe alma/optimizasyon eklentisi de bu tür işlevleri içerir. Bununla birlikte, yanlış kaynağı ertelemek sorunlu olabileceğinden, biraz deneme gerektirebilir.
Yaptığınız değişiklikleri test ettiğinizden ve tarayıcı konsolunda hatalar olup olmadığını kontrol ettiğinizden emin olun. Doğru yapılandırmayı bulduğunuzda, sayfanızdaki oluşturmayı engelleyen kaynakların sayısı önemli ölçüde azaltılmalıdır.
Görüntüleri Optimize Edin
Büyük kahraman görüntülerinin ve karmaşık kaydırıcıların yaygın kullanımı, yalnızca performans optimizasyonunun zorluğuna katkıda bulunur. Bu varlıklar güzel görünebilir, ancak kolayca megabayt değerinde veri ekleyebilir. Bu, özellikle mobil cihazlarda Önemli Web Verileri için geçer not almanıza yardımcı olmaz.
Neyse ki, yükü hafifletmenin birkaç yolu var. Her şeyden önce, gereksiz olduğunu düşündüğünüz görsellerden kurtulun. Tek bir büyük görüntünün kaldırılması bile fark yaratabilir.
Resimlerinizin geri kalanı optimize edilebilir. Bu, dosya boyutlarını küçültecek ve yükleme süresi üzerindeki etkilerini azaltacaktır.
Görüntü optimizasyonunu nasıl yapacağınız size kalmış. En kötü suçlularınızın bir kopyasını indirebilir ve en sevdiğiniz resim düzenleyiciyi kullanarak sıkıştırabilir, ardından web sitenize geri yükleyebilirsiniz. Veya, yararlı bir WordPress medya eklentisi ile süreci otomatikleştirebilirsiniz.
Duyarlı Görüntüler
Mobil kullanıcılar için WordPress, srcset
aracılığıyla duyarlı görüntüler sunma özelliğini içerir. Aslında, içeriğinize yerleştirilen görseller üzerindeki kirli işleri sizin için otomatik olarak yapacaktır. Bu, masaüstü boyutundaki devasa medyanın mobil kullanıcı deneyimini yavaşlatmasını engellediği için inanılmaz derecede değerlidir. Ana içerik alanının dışındaki resimler için bu özelliği uygulamak için bazı özel çalışmalar yapmanız gerekebilir.
Modern Görüntü Formatları
Kullanmakta olduğunuz dosya biçimlerine de bakmakta fayda var. Örneğin, Google'ın WebP biçimi, görüntü kalitesini korurken genellikle dosya boyutunu küçültebilir. Bazı yeni moda biçimlerin eski tarayıcılarda (ahem, IE) desteklenmediğini, dolayısıyla yedek sürümlerin gerekli olabileceğini unutmayın. Eklentiler de bu konuda yardımcı olabilir.
Tembel Yük Her Şeyi
Tembel yükleme işlevi, öğeleri yalnızca tarayıcının görünüm alanında olduklarında yükler. Görüntülerin, iframe'lerin ve diğer üçüncü taraf içeriğinin (sosyal medya widget'ları gibi) yüklenmesini geciktirerek, kaynakları kullanıcıların ilk görecekleri öğelere odaklayabilirsiniz.
WordPress zaten görüntülere yerel, tarayıcı tabanlı tembel yükleme uygular. Bir sayfaya veya gönderiye resim eklediğinizde, loading="lazy"
özelliği <img>
etiketinin içine yerleştirilir. Yani, görüntünün yükseklik ve genişlik özelliklerini içermesi şartıyla.
Bu harika - peki ya videolar veya iframe'ler gibi diğer öğeler? Bu öğeler ayrıca, en başından yüklendiğinde bir sayfayı ağırlaştırabilir.
Iframe'ler artık varsayılan olarak tembel yüklenmiştir - bu yüzden endişelenmenize gerek yok. Bazı daha karmaşık öğeler, bu işlevi uygulamak için özel kod veya eklenti gerektirebilir.
Dağınıklığı Temizleyin
Zamanla, bakımlı bir WordPress sitesi bile darmadağın olabilir. Tıkanmış bir veritabanı, hala etkin olan kullanılmayan eklentiler, kullanmadığınız özelliklere sahip şişmiş bir tema – oluyor. Ayrıca Önemli Web Verilerinizi aşağı da sürükleyebilir.
Bu yüzden ara sıra ortalığı toplamak önemlidir. Sitenizin veritabanı manuel olarak optimize edilebilir veya bunu düzenli olarak yapacak şekilde ayarlanabilir. Kullanılmayan eklentiler devre dışı bırakılabilir ve çöpe atılabilir. Temalar daha yalın hale getirilebilir veya daha iyi bir şeyle değiştirilebilir.
Web sitenizi neyin yavaşlattığını araştırın, suçluları bulun ve onlarla başa çıkın. Bunun ne kadar fark yaratabileceğine şaşırabilirsiniz.
Web Sitenizin Temel Web Verilerini İyileştirin
Core Web Vitals, WordPress web sitesi performansını optimize etmenin zaten zor olan sürecini karmaşıklaştırıyor. Diğer performans ölçütlerinde iyi puan alan bir web sitesi bile bu alanda yetersiz kalabilir. Bu, en çok mobil testlerde kendini gösteriyor.
İyi haber şu ki, tasarımcıların yetişmek için yapabilecekleri pek çok küçük şey var. Önbellek uygulamak harika bir temel oluşturur ve anında bir destek sağlar. Oradan, dosya boyutlarını küçültmek ve stilleri ve komut dosyalarını önem sırasına göre yüklemek meselesi.
İşleri daha da ileri götürerek, sitenizin CSS'sini Önemli Web Verilerini göz önünde bulundurarak ayarlamak da mantıklıdır. Bu, korkunç Kümülatif Düzen Kayması (CLS) puanına yardımcı olabilir ve şişkinliği azaltabilir.
Genel olarak, performans için iyi olan şeyler, Önemli Web Verileri için de iyidir. Puanlar oldukça hızlı bir şekilde iyileşebilir. Sadece bu bireysel eksikliklerin bazılarını çözmek için biraz deneme yanılma gerekeceğini bilin.
Genel hedef, bir kullanıcı web sitenizi ziyaret ettiğinde yalnızca temel bilgilerin yüklenmesini sağlamaktır. Bunu yapmak hem ziyaretçileri hem de Google'ı oldukça mutlu edecektir.