WordPress ile Google PageSpeed Insights’ta 100/100 Puan Nasıl Alınır?

18 803

Daha önce Google PageSpeed Insights üzerine 1300 kelimelik bir makale yazmıştık, ancak güncellenen WordPress sürümleri ve eklentilerinden dolayı yazımızı revize etmemiz gerektiğini fark ettik.

Bu yazımızda daha yalın ve anlaşılır olması açısından uzun tutmaktansa daha önce açıklamasını yaptığımız eklenti ve öğretici içeriklerine yer vereceğiz.

Şimdi sırası ile Google PageSpeed Insights ile ilgili bilgiler ve site puanınızı artırmanız için ipuçları vereceğiz.

Google PageSpeed Insights

Google PageSpeed Insights, Google tarafından hazırlanmış bir site test yazılımıdır. Bu test belirli kriterleri göz önünde tutarak sitenize Google gözünden bir puan vermektedir. Puan testini iki farklı kriter üzerinden ele almaktadır.

Masaüstü ve mobil cihazlar bazında iki farklı testi gerçekleştiren Google sitenizi daha kullanıcı dostu yapmanız açısından size tavsiyeler sunmaktadır. Birazdan bu tavsiyeleri ve puanınızı iyileştirmek için yapabileceklerinize göz atacağız.

Belirtmek istediğimiz bir nokta var. WordPress sitenizde kullandığınız tema ve eklentilerden dolayı her zaman yüksek puanlar elde edemezsiniz. Sitenizin alacağı puan yerine sayfalarınızın açılış hızını temel almanızı öneririz.

Google PageSpeed Insights 100/100 Puan Nasıl Alınır?

Kendiniz yada müşteriniz için WordPress kullanarak istediğiniz kalıplarda web sitesi yapmanız mümkün. Ancak siteniz performans açısından ne kadar doğru kriterlere sahip? İşte bu sorunun cevabını almak için Google PageSpeed Insights test aracını kullanarak bazı iyileştirme ipuçlarına sahip olabilirsiniz.

Şimdi vereceğimiz iyileştirme ipuçlarını hiç bir optimizasyon düzenlemesi yapılmamış bir site üzerinden giderek aldığımız sonuçları test ederek göreceğiz.

Siteni Test Et

Sitenizi test ettiğinizde sitenizde bulunan performans hatalarını görebilirsiniz.

Google PageSpeed Insights test aracı sonuçları

Yazımız için seçtiğimiz site Veridyen hosting üzerinde barındırılmaktadır. Site içerisinde bir çok eklenti ve görsel içermektedir. Optimizasyon öncesi aldığı değerler Mobil 25 / 100 Masaüstü 37 / 100 şeklinde gelmektedir.

Düzeltmelerden birçoğunun mobil cihazlar için de geçerli olacağı gibi masaüstüyle başlayacağız. Şimdi sırası ile bize önerilen optimizasyonlar çerçevesinde oluşacak puan artışana ve yapılması gerekenlere adım adım göz atalım.

Sunucu yanıt süresini kısaltın

Bu sorunun temel nedeni kullanmakta olduğunuz hosting paketinizin siteniz için yetersiz kalmasıdır. Sunucu yanıt süresini kısaltın hatasını düzeltmek için yapabileceğiniz en temel iyileştirme WordPress cache eklentisi kullanmanızdır.

Daha önce incelemesini ve anlatımını yaptığımız WordPress cache eklentilerini aşağıda verdiğimiz yazı içerisinden edinebilirsiniz.

Test Edip Önerdiğimiz En İyi WordPress Cache Eklentileri

Resimleri optimize edin

Düzeltmesi gereken bir sonraki Google PageSpeed Insights önerisi Resimleri optimize edin uyarısıdır. Siteniz içerisinde yer alan görsellerin tamamı sitenizin yüklenme ve açılış süresine doğrudan etki etmektedir.

Sitenizde ki resimleri optimize etmeniz için kullanabileceğiniz eklentileri daha önce verdiğimiz yazı içerisinden edine bilirsiniz.

WordPress Resim Sıkıştırma Eklentileri ve Kullanımı

Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın

Bir web sitesini tarayıcınız üzerinden ziyaret ettiğinizde sitenin doğru görüntülenmesi için JavaScript ve CSS kodlarının yüklenmesi gerekmektedir. Bu dosyaları kullandığınız WordPress cache eklentiniz sizin için küçültme ve birleştirme işlemini yapmıyor ise daha önce anlatımını yaptığımız bir eklenti işinizi görecektir.

Bu işlemi yaparken mutlaka gizli sekme üzerinden sitenizi test edin. Her ayarlamadan sonra mutlaka cache önbelleğinizi temizlediğimizden emin olarak kontrolleri sağlayın.

Autoptimize WordPress Eklentisi Kurulum ve Ayarları

Sıkıştırmayı Etkinleştir

Düzeltmesi gereken diğer bir Google PageSpeed Insights tavsiyesi Sıkıştırmayı Etkinleştir uyarısıdır. Google’a göre, bunu düzeltmek için Gzip sıkıştırmasını etkinleştirmeliyiz.

Maalesef, paylaşımlı hosting hizmeti veren firmalar bu özelliği aktif halde kullanıcılarına sunmamaktadır. Gzip sıkıştırma işlemini kullandığınız cache eklentisi üzerinden yada daha önce anlatımını yaptığımız yazımız üzeriden elle kendiniz zahmetsizce yapabilirsiniz.

WordPress’de GZIP Sıkıştırma Nasıl Etkinleştirilir?

Genel Değerlendirme

Google PageSpeed Insights, her ne kadar siteniz için optimizasyon tavsiyelerinde bulunuyor olsa da önemli olan sitenizin kullanıcı gözünden edindiği deneyim olduğunu unutmayın. Sitenizi Pingdom ve Gtmetrix gibi diğer test araçları üzerinden test ederek ortalama bir performans değerlendirmesi yapmanızı tavsiye ediyoruz.

 

Aklınıza takılan tüm soruları bize yorum olarak yazmaktan çekinmeyin.

18 Yorum
  1. Kitap yurdu

    Vermiş olduğunuz bilgiler şahane bu işlemleri forumlarda yapan kişiler 50 TL ye yapıyor siz adım adım anlatmışsınız. Benim sorum olacak sunucu yanıt süresini azalmak istiyorum fakat paylaşımlı hosting kullanıyorum hosting taşımadan süreyi kısaltma şansım var mı ? Şimdiden çok teşekkürler ve sitenizin tasarımını ve görsellerinizi aşırı beğendim.

    1. WpGurme

      (: İyi dilekleriniz için çok teşekkür ederiz. Sorunuza eğilirsek cache eklentisi uyarıyı kaldırmakta yetersiz kalıyor ise barındırma hizmetinizi değiştirmeniz yada kullandığınız temayı düzenlemeniz ve gereksiz kullanmadığınız eklentileri pasif hale getirmeniz size yardımcı olacaktır. Eğer ki sizi sonuca ulaştırmaz ise mutlaka barındırma hizmeti yükseltme yoluna gitmelisiniz.

  2. Ömer

    Merhaba Wp Gurme ailesi 🙂
    Wordpress sitemde 4k ya yakın görsel bulunmakta wp smush ile uzun süre sonunda resim optimizasyonu yaptım ancak yeterli gelmedi ücretsiz olarak kullanabileceğim farklı eklenti var mı?

    1. WpGurme

      Selam Ömer
      EWWW Image Optimizer wordpress eklentisi ücretsiz olarak işini hallede bilir ancak bazı kişilerin dediğine göre sitenin çalışmasını etkiliyormuş. Tavsiyem kullanmadan önce sitenin tam yedeğini alarak kullanman yönünde.

  3. Ertan Dönmez

    Bilmeyenler için eşsiz bir kaynak olmuş, ellerinize sağlık.

  4. mert

    Hocam güncelleniyor yazmışsınız yazıyı bekliyoruz merakla ne zaman yayınlayacaksınız

    1. WpGurme

      Merhaba Mert, yazımızın taslağı hazır gibi ancak kullanacağımız eklenti ve düzenlemelerin genele uygun olması için testlerimiz devam ediyor.

  5. Carlos

    Merhaba wpgurme, wp fastest cache ücretsiz sürüm tercih ettim, linux Litespeed sunucusunda barınan tek sitem var şuan. Sanırım ücretsiz ayarlar ihtiyacımı suan için karşılayabilir diye umut ediyorum. Merak ettiğim bir husus, autoptimize de yanında kullanmalı’mıyım? Şimdiden teşekkür ederiz

    1. WpGurme

      Wp Fastest Cache ile birlikte Autoptimize eklentisini kullanmanızı tavsiye etmiyoruz. Eğer hosting firmanız kullandığınız paket içerisinde LiteSpeed cache desteği veriyor ise mutlaka bir denemenizi tavsiye ederiz.

  6. deniz

    Elinize sağlık çok yararlı olmuş, çok faydasını gördüm

  7. Bedava internet

    Merhaba emeğine sağlık ama site içinde karakter sorunu var bilgin olsun. Ayrıca biraz daha detaylı nasıl yapılır konularına girseydin daha güzel olabilirdi.

    1. WpGurme

      Çok daha detaylı bir yazı hazırlamıştık. WordPress kullanmaya yeni başlayan kişiler yazımızı referans alıp işlem yaparken sitelerini kullanılmaz hale getirdi. BU yazımız üzerinden neredeyse 70’e yakın kişiye uzak masaüstü ile yardım ettik. Site içinde ki karakter hatalı kullandığımız DMCA API sinden dolayı (: Yazılarımızın kopya takibini yapmak zorundayız.

  8. temizlik şirketi

    Merhabalar Üstad, sizin önerdiğiniz eklentileri kurup uygulamadım.
    Google insight üzerinden yeniden test ettiğimde % oranında herhangi bir değişiklik olmadı.
    Bu hususta yardımınızı rica edebilir miyim?

    1. WpGurme

      Temanız üzerinde yer alan görselleri varsayılan değerlerine göre boyutlandırma yapmalısınız. Sonrasında site dışından çektiğiniz porto temasının kaynaklarını sitenizin altında yer alan dosyalar ile değiştirmelisiniz. Kullandığınız görselleri resim sıkıştırma işlemi yaparak boyutlarını küçültmeli ardından JavaScript, CSS ve Html sıkıştırma araçlarını kullanmalısınız. Şuan ki hali ile sitenizin yüklenme ve tam yüklenme süreçleri yüksek.

      1. temizlik şirketi

        Tüm bu bahsettiğiniz işlemlerin yapılabilmesi için teknik kabiliyeti olan birisine ihtiyaç duyulmaktadır.
        Bu konuda destek veya hizmet sağlıyor musunuz?

        1. WpGurme

          E-postanıza gerekli açıklamalar gönderilmiştir.

  9. Karel

    konunun güncellenmeye ihtiyacı var artık mobilde 90 ve üzeri puan almak hiçte kolay değil

    1. WpGurme

      Verdiğimiz tavsiyeler hala geçerli. Kurumsal sitenizin belirli bölümlerinde AMP kullanarak sitenizin mobil trafiğini artırabilirsiniz.

Cevap Gönder

E-posta adresiniz yorumunuzda yayınlanmayacaktır.

 

Sitemizi en iyi şekilde kullanabilmeniz için çerezler kullanılmaktadır. Sitemize giriş yaparak çerez kullanımını kabul etmiş sayılmaktasınız. TamamDetaylı bilgi için tıklayınız.