29 Mart 2024, Cuma - 11:55
bİlgİ

WordPress sitenin Google Pagespeed ve GTmetrix puanını arttırma

Seo konusunda uzmanlar kadar bilgili olmasamda pagespeed oranının google aramaları etkilediği söylenmektedir. Kaldı ki google bile bunun için kendi geliştirme sayfasına bir pagespeed testi koymuş. Sizde internet sitenizin pagespeed testini bir ölçün isterseniz.

Google Pagespeed Testi : Buraya Tıklayın

GTmetrix Pagespeed Testi : Buraya Tıklayın

Test sonuçlarımıza bakalım google pagespeed testimizde hem mobil için hem masaüstü için sonuçlar gösteriliyor. Eğer kırmızı çıkarsa sonuçlar bilinki bir şeyler yanlış ve google bunu düzeltmemizi öneriyor. GTmetrix te ise PageSpeed Grade ve YSlow Grade değerleri önemli.

Peki Pagespeed Sonucumuz Nasıl Olmalı ?

 Google Pagespeed Testi için masaüstü en az %70 olmalıdır. %70  bile aslında tatmin edeci bir oran değildir. İyi bir sitem ve olsun istiyorsanız bu oran %85 olmalı ki zaten o zaman test sonucunda göreceksiniz yeşil renkle sitenizin iyi durumda olduğu gözükecektir.

GTmetrix sonuçlarında ise PageSpeed Grade ve Yslow Grade en az B kimliğinde olması gerekli. Aşağısı sitenizin pagespeed için kötü olduğu manasına gelmektedir.

WordPress Sitemizin PageSpeed Oranını Nasıl Arttırız ?

PageSpeed oranımız düşük geldi ve puanımızı arttırmak istiyoruz.

1.) W3 Total Cache Eklentisi Kurulumu

Öncelikle ilk yapacağımız iş W3 Total Cache Eklentisini kurmak olacak. Bu cache eklentisi diğer cache eklentilerine göre daha iyi çalışmakta ve gzip i en iyi şekilde kullanan eklentidir. Ayarları biraz karışık olsada sizlere bunu anlatacam. Öncelikle eklentiyi buradan indirebilirsiniz ya da eklenti yükle kısmından aramaya w3 total cache yazarakta eklentiyi kurabilirsiniz. Sonra eklentimizi aktifleştirmeyi unutmayalım. Şimdi gelelim ayarlara ;

w3a

 

 

Sol menümüzden Performance dan General Setting Kısmına geliyoruz.

 

 

 

 

 

Buraya geldikten sonra 3 tane ayar yapmamız gereken yer var.

  1. Enable ‘Page cache’ diyoruz
  2. Enable ‘Minifiy’ diyoruz
  3. Enable ‘Browser cache’ diyoruz

ve ‘save all settings’ butonuna basıp kaydediyoruz.

Kayıt ettikten sonra bize bir uyarı ekranı gelecek üst kısımda. Burada ‘Empty the page cache’ butonuna basıyoruz ve işlem tamamlanıyor.

2.) .HTACCESS modifiyesi

Pagespeed i puanımızı biraz daha arttırmak için yapmamız gereken bir işlem daha var bu da .htaccess dosyamıza kodlar ekleyeceğiz.

  1. FTP den sitemize giriyoruz.
  2. Public_html klasöründe .htaccess dosyasını filezilladan göster ve düzenle diyoruz.
  3. İlk defa .htaccess dosyası açıyorsanız bilgisayarınız ne ile açmak istediğinizi soracaktır. Not defteri ile bu işlemi yapabilirsiniz.
  4. Aşağıdaki kodları .htaccess dosyasına ekleyip kayıt ettikten sonra tekrar ftp ile sunucumuza aktarıyoruz.
 ##### EXPIRE CACHING - LEVERAGE BROWSER CACHING #####

# Enable expirations
ExpiresActive On

# Set default expire time
ExpiresDefault "access 2 week"

# Specify expire time by file type
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1 month"
ExpiresByType image/gif "access 1 month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType image/x-icon "access 1 month"

## END EXPIRE CACHING ##

3.) Google Library Eklentisi Kurmak

Bu eklenti ile jQuery dosyalarımız minimize edilecek ve pagespeed oranımızı biraz daha arttıracaktır. Çünkü jQuery pagespeed i etkileyen en önemli faktörlerden biridir Sitemizdeki .js dosyaları sitemizin geç açılmasına sebeb olmaktadır.Bu eklentiyi buradan indirebilirsiniz ya da eklenti sayfasında use google libraries yazarakta eklentiyi kurabilirsiniz. Eklentiyi kurduktan sonra hiç bir işlem yapmanıza gerek yoktur.

Şimdi tekrardan testlerinizi yapın ve puan arttığını görün. Ben bu yolla bu sitemi %49 dan %84 e çıkardım.

İlginizi Çekebilir

WordPress için sayfada resim büyütmek

WordPress sitemizde sayfamıza resim yükledikten sonra ziyaretçiler resim bağlantısına tıkladığında bulundukları sayfadan ayrılıp resimin bulunduğu ...

12 Yorumlar

  1. Wp süper cache eklentisi bu eklentiyi öneriyor, nedir diye ararken Türkçe tek düzgün kaynak burası çıktı. Anlatım için teşekkürler.

  2. yazdığınız kod tam olarak ne işe yarıyor bu konuda biraz detaya iner misiniz lütfen?

  3. tesekkurler,
    Ben hep ingilizce kaynaklara bakiyordum ama türkler sanirim daha iyi:)
    Ben amatörüm, kendi sitem hizlansin diye herseyi yapiyorum kendimce. Ama hala aşırı yavaş! Baska servera da kurmayi demedim ama domain yonlendirmeden sayfa alt domainde çalışmadı. Sizin bahsettiginiz eklentileri de denedim.
    Server esas sorun sanirim. Sizce de öyle mi? Avada kullandim WP’de o da biraz yavaş. Ama Natro’da baska server’a taidilar yine hizlanmadi.
    Şimdiden çok teşekkürler.
    Umur D.

  4. teşekkürler dostum sabahtan beri uğraşıyorum senin sayende yaptım bir sorum olcak

    Oluşturmayı önleyen JavaScript ve CSS kodlarını ekranın üst kısmındaki içerikten kaldırın
    Tarayıcı önbellekleme özelliğinden yararlanın

    bunları nasıl yapabilirim yardım edermisin

  5. http://microsoft-news.com/microsofts-project-westminster-allows-you-to-publish-your-websites-as-apps-in-windows-store/ böyle bir bölüm gördüm de buradan site ile ilgili bazı hatalar sööyleniyor. Örn: jquery bunların nasıl güncelleneceği konuusunda bir yazı hazırlayabilir misiniz.

  6. güzel bir yazı olmuş ilk fırsatta uygulayacağım

  7. yaptım ama sitemin hızı çok az arttı gösteriyor.

  8. Çok faydalı bir yazı olmuş, elinize sağlık. Sitemin hızı %20 – 30 rahat arttı diyebilirim.

Kadir için bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir