PageSpeed Insights: site hızını nasıl yüksek tutabilirsiniz

Bir web sitesi çalıştırıyorsanız, muhtemelen Google PageSpeed Insights'ı duymuşsunuzdur. Web sayfalarınızın hem mobil hem de masaüstü cihazlardaki performansını ölçen Google'ın ücretsiz bir aracıdır. Ancak yüksek bir puan almak çoğu zaman kazanamayacağınız bir oyun gibi gelebilir.

Bugün PageSpeed Insights'ın ayrıntılı bir incelemesini yapacağız, puanınızı düşüren tüm olası sorunlara bakacağız ve web sitenizi tam olarak nasıl optimize edeceğinizi açıklayacağız.

Site hızı neden bu kadar önemli?

Teknik sorunlara bakmadan önce neden önemsemeniz gerektiğinden bahsedelim. Site hızı sadece gösteriş metriği değildir. İşletmenizi doğrudan etkiler.

İlk olarak, hız SEO için önemli bir sıralama faktörüdür Google, sayfalarınızın ne kadar yüksek olduğuna karar vermek için Core Web Vitals'ı kullandıklarını resmi olarak belirtti. Sitenizin yüklenmesi çok uzun sürerse, Google sizi arama sonuçlarını aşağı doğru itecektir.

İkincisi, hız kullanıcı deneyimini ve dönüşüm oranlarını etkiler. Çoğu kullanıcı, görünmesi üç saniyeden fazla sürerse bir sayfayı terk eder. Hızlı bir site ziyaretçilerin ilgisini çeker ve ürününüzü satın alma veya makalelerinizi okuma olasılıklarını çok daha artırır.

PageSpeed Insights metriklerini anlama

PageSpeed Insights'a bir URL yazdığınızda, size iki tür veri verir: laboratuvar verileri ve alan verileri.

Alan verileri, gerçek kullanıcıların sitenizi nasıl deneyimlediğini gösterir. Chrome Kullanıcı Deneyimi Raporu (CrUX) kullanılarak 28 gün boyunca toplanır. SEO'nuz için gerçekten önemli olan budur. Laboratuvar verileri, sorunlarda hata ayıklamanıza yardımcı olmak için kontrollü bir ortamda toplanır.

İzlenecek ana metrikler şunlardır:

• İlk içerikli boya (FCP): Tarayıcının ilk metin veya resim parçasını oluşturması için geçen süre.
• En büyük içerikli boya (LCP): En büyük içerik bloğunun görünür hale gelmesi için gereken süre.
• Kümülatif düzen kayması (CLS): Sayfa düzeninizin yüklenirken ne kadar değiştiğini ölçer.
• Sonraki boyaya etkileşim (INP): Bir kullanıcı bir şeye tıkladıktan veya dokunduktan sonra sayfanızın ne kadar hızlı yanıt verdiği.

Puanınızı mahveden yaygın sorunlar

Kötü bir puan almak kolaydır. Düzeltmek, temel nedeni bulmayı gerektirir. PageSpeed Insights tanılama raporunuzda göreceğiniz en yaygın sorunlar şunlardır.

1. Render-blocking kaynakları

Bu, sayfanın yüklenmesini tamamen engelleyen javascript veya CSS dosyalarınız olduğunda gerçekleşir. Tarayıcının kullanıcıya herhangi bir şey göstermeden önce durması, dosyayı indirmesi ve ayrıştırması gerekir.Nasıl düzeltilir: kritik olmayan tüm javascript'leri ertelemeli veya eşzamansız olarak yüklemelisiniz. CSS için kritik CSS'yi çıkarın ve hedefe satır içi olarak yerleştirin, sonra geri kalanını asenkron olarak yükleyin.

2. Optimize edilmemiş devasa görüntüler

Resimler genellikle bir web sayfasının toplam ağırlığının en büyük bölümünü oluşturur. Küçük bir logo için 5MB'lık bir resim yüklemek, her şeyi yavaşlatmanın garantili bir yoludur.Nasıl düzeltilir: Resimlerinizi her zaman WebP gibi modern formatları kullanarak sıkıştırın. Ayrıca kullanmalısınızloading="lazy"nitelik, dolayısıyla katlamanın altındaki görüntüler yalnızca kullanıcı onlara doğru kaydırıldığında yüklenir. Düzen kaymalarını önlemek için her zaman resim etiketlerinde açık genişlik ve yükseklik ayarlayın.

3. Çok fazla kullanılmayan javascript

Modern web siteleri genellikle ağır kütüphaneler veya üçüncü taraf komut dosyaları yükler, ancak kodun yalnızca küçük bir kısmını kullanır. Tarayıcı hala her şeyi indirmek ve değerlendirmek zorunda, değerli işlem süresi alıyor.Nasıl düzeltilir: kullanılmayan eklentileri kaldırın ve kodunuzu bölmeye çalışın. Yalnızca o belirli sayfada gerçekten ihtiyacınız olan komut dosyalarını yükleyin.

4. Yavaş sunucu yanıt süreleri

İlk bayta kadar geçen süre (TTFB), barındırma sunucunuzun ilk HTML'yi döndürmesinin ne kadar süreceğini ölçer. Sunucunuz yavaşsa, diğer tüm optimizasyonların pek bir önemi olmayacaktır.Nasıl düzeltilir: hızlı bir web barındırıcısı kullanın. Sunucu tarafı önbelleğe alma işlemini uygulayın ve sitenize fiziksel olarak kullanıcılarınıza daha yakın sunuculardan hizmet vermek için bir içerik dağıtım ağı (CDN) kullanın.

Bu araç harika, çünkü tam olarak nerede hata yaptığınızı söylüyor ve hatta size tam ekran görüntülerini gösteriyor. Bu yüzden bu hataları adım adım düzeltin, SEO'nuz geliştirilecektir.

Örneğin web sitemiz için .jpg'yi .webp görüntülerine dönüştürmeyi önerdi.

Ama ama%100'e ulaşamıyorsanız üzülmeyin, aslında bunu yapmak gerçekten zor. Web siteniz karmaşıksa, çok sayıda görsele, bazı özel js kitaplıklarına ihtiyacınız varsa, –'in artık optimize edilecek hiçbir şey olmadığını düşünebilirsiniz, neden puanım hala %80-90? Bu kesinlikle normal. Web siteniz “yeşil bölgedeyse, bu zaten iyi bir işarettir. Ayrıca, hızı farklı bir zamanda test ederseniz, sonuçlar herhangi bir değişiklik olmaksızın –'de birkaç yüzde puan bile değişebilir.
Ancak yine de listedeki her hatayı inceleyip düzelterek performansınızı en üst düzeye çıkarmaya çalışmalısınız.

Çeviri senaryomuz neden hızınızı yüksek tutuyor

Web sitenize yeni widget'lar eklerken, performans konusunda çok dikkatli olmalısınız. Çeviri eklentilerinin PageSpeed puanınızı yok etmesi çok yaygındır. Genellikle istemci tarafına büyük dil veritabanları yüklerler, ağır javascript gecikmeleri çalıştırırlar ve hangi dili görüntüleyeceklerini bulurken oluşturmayı engellerler.

Çeviri senaryomuzu kesinlikle performansı göz önünde bulundurarak oluşturduk. Çözümümüzün hafif olmasının ve performans hızı üzerinde minimum etkiye sahip olmasının nedeni şudur:

• Minik yük sınırı: Temel senaryomuz inanılmaz derecede küçüktür. Büyük üçüncü taraf kütüphaneleri paketlemiyoruz. Sayfa boyutunuza sadece birkaç kilobayt ekler.
• Asenkron yükleme: komut dosyası eşzamansız çalışacak şekilde tasarlanmıştır. Ana içeriğinizin oluşturulmasını asla engellemez.
• Küresel CDN teslimatı: Senaryoyu ve çevrilmiş metni küresel bir ağdan teslim ediyoruz. Bu, verilerin ziyaretçinize mümkün olan en kısa mesafeyi kat ettiği anlamına gelir.
• Yerli DOM enjeksiyonu: Sayfayı gizlemek veya düzen değişiklikleri oluşturmak yerine, komut dosyamız çevrilmiş dizeleri yerel olarak sorunsuz bir şekilde enjekte eder. Milisaniyeler içinde yürütülür, böylece kümülatif düzen kaymanız mükemmel bir şekilde sıfırda kalır.

Teknik ayak izini mümkün olduğunca küçük tutarak, zor kazanılmış SEO sıralamalarınızdan veya kullanıcı deneyiminizden hiçbirini feda etmeden web sitenizi tamamen çevirebilmenizi sağlıyoruz.