SON YAZILAR
Anasayfa » GoogLe » Google Page Speed Puanını Arttırın
Google Page Speed Puanını Arttırın

Google Page Speed Puanını Arttırın

Daha önce Google Page Speed puanınızı arttırmak için bir kaç ipucu vermiştim, şimdi daha detaylı olarak anlatacağım.

Google Page Speed, birçok algoritmayı kullanarak sitenize 100 üzerinden hız puanı veren Google servisidir. Aşağıdaki anlatımları uygulayarak site hızını 100‘e kadar çıkartabilirsiniz.

JavaScript’i küçültün:  http://jscompress.com adresindeki Online JavaScript Tool sayesinde, javascript dosyalarınızı bozmadan boyutlarını küçültebilirsiniz.

CSS’i küçültün: http://www.csscompressor.com adresindeki Online CSS Compressor sayesinde, css dosyalarınızı bozmadan boyutlarını küçültebilirsiniz.

Resimleri optimize edin : Resimlerinizi optimize etmek için en başta PhotoShop olmak üzere birçok optimize programı mevcuttur, sizlere bu işi zahmetsiz yapan online bir servis göstereceğim.

Resimlerinizi google standartlarında kalitesini bozmadan küçültmek için en alttaki siteyi kullanın. (yenilenmiştir.)

Sıkıştırmayı etkinleştirin : Google Page Speed sıkıştırma sorunu ile ilgili sağlıklı Türkçe kaynaklar mevcut değil. Sıkıştırma sorununu tamamen ortadan kaldıracak, birçok sunucuda deneyip sizler için derlediğim .htaccess kodları aşağıdadır.

Aşağıdaki kodları .htaccess dosyasına eklediğinizde, google pagespeed sıkıştırma hatası ve diğer bazı hataları almayacaksınız. Kodlar 2 Aralık 2015 tarihinde güncellenmiştir. Kodların yanında ingilizce açıklamaları mevcuttur.

HTML’yi küçültün : Bu sorunuda çözmek html dosyanızdaki boş satırları ve gereksiz boşlukları temizlemeniz gerekiyor.

JavaScript kodlarını ayrıştırmayı sonraya bırakın : JavaScript kodlarını ayrıştırmayı sonraya bırakmak için .js dosyalarınızı aşağıdaki biçimde değiştirmeniz bu sorunu çözecektir.

İpucu: Yukarıdaki kodu kullanmadan dışarıdan çağırdığınız js dosyalarınızı direk html, php içinde kullanarak kodları en üst satırlarda bile kullansanız hata almazsınız.

Yeni resim optimize sitesi:
http://optimizilla.com/

Hakkında oguzturk

Kişisel Birşeyler..

16 yorum

  1. Merhaba,
    .htacsess dosyası için verdiğiniz kodları girdiğimde siteye erişim kesiliyor.500 inte… server hatasını alıyorum.
    Birşeyleri yanlış yapıyorum ama neyi bilmiyorum. Yardımcı olurmusunuz bu konuda..

  2. Kodlar sürekli güncellenmektedir, 500 hatası alıyorsanız kodlardan bazıları sunucunuzla uyumsuz demektir, tek tek kaldırarak hata veren kodu bulabilirsiniz. Bazı sunucularda bazı bileşenler kurulu olmadığı için bu hatayı alıyorsunuz.

  3. Merhaba, ben JavaScript kodlarını ayrıştırmayı sonraya bırakın konusunu bir türlü çözemiyorum. Web te detaylı bir bilgi yok, nasıl yapılacağına dair de hiç bir bilgi yok şunu insanlık namına anlatabilirseniz çok iyi olacak hocam teşekkürler.

  4. Hocam teşekkür ederiz bilgiler için.

    HTML’yi küçültün : html dosyanızdaki boşlukları silin demişsiniz. Bu html dosyası nerede WordPress te. Hangi dosya.

    Teşekkürler.

    • WordPress için temanızın tüm dosyalarında düzenleme yapmanız gerekiyor tema dosyalarınızı tek tek açıp fazla satırları, boşlukları, /* */ – gibi açıklama için kullanılan kodları temizlemeniz gerekmektedir.

  5. WordPress üzerinde javascript satırlarına nasıl müdahale edileceğini çözemedim. Bir bilginiz var mıdır ?
    Herhangi bir script uzantısının sonuna “defer” satırını ekleyerek yüklemeyi sonraya bırakabileceğimizi öğrendim ancak wp içinde buna nasıl müdahale edileceğini çözümedim. Zoru buldum kolayı bulamadım 😀

    • Bazı sitelerde söylendiği gibi js dosyasının sonuna .php, .html gibi kodlar ekleyerek veya defer yöntemiyle çözmek yerine bu kodları html, php içine almanız kesin çözüm olacaktır.

  6. Anlayamadığım nokta hangi dosyalarımızı ve ne şekilde bu sitelerde gerekli işlemlere tabi tutacağımız.O konuda bilgi verir misiniz ? WordPress sitem var. “JavaScript’i küçültün” ve “CSS küçültün” işlemlerini yapmak istiyorum.Bu işlemler hakkında nasıl bir yol izlemem gerektiği konusunda bir açıklama yaparsanız çok memnun olurum.

    • Hangi dosyaları küçülteceğinizi google pagespeed sayfasında size söylüyor.
      Hatta alt kısımda “Bu sayfa için, optimize edilmiş resim, JavaScript ve CSS kaynaklarını indir.” linkine tıklayarak optimize edilmiş sürümlerini indirebiliyorsunuz.
      Alternatif olarak gtmetrix kullanabilirsiniz.

  7. JavaScript’i küçültün: http://jscompress.com adresindeki Online JavaScript Tool sayesinde, javascript dosyalarınızı bozmadan boyutlarını küçültebilirsiniz.

    demişsiniz, hangi js dosyalarını küçültmeliyiz? Mesela PageSpeed Insights bana,
    https://static.xx.fbcdn.net/rsrc.php/v2/yt/r/W9XT21QGx8V.js sayfasının sıkıştırılması 117,1 KB tasarruf (%72 azalma) sağlayabilir.

    demiş fakat bunun hangi dosya olduğunu nasıl anlayacağım?

    • her sitede düzelteceğiniz dosyalar farklılık gösterir.

      sizin belirttiğiniz W9XT21QGx8V.js dosyası facebook üzerinden çekilen bir js dosyasıdır, büyük ihtimalle sitenizdeki facebook beğen bölümünü çalıştıran js dosyası, maalesef bu dosyayı küçültemezsiniz. Sadece php kodu içinden çağırarak bu sorunu çözebilirsiniz.

  8. Çok güzel pratik bilgiler vermişsiniz. Benim için çok faydalı oldu. Teşekkürler.

  9. Detaylı bir anlatım olmamış hangi kodun neyin arasına yapıştırılacak belirtmemişsiniz google pagespeed sıkıştırma hatası ve diğer bazı hataları almayacaksınız. demişsin ben yapıştırdım sıkıştırma olmadı

  10. Arkadaşlar Google Page Insights css ve js küçültme işlemlerini yapabilirsiniz. Sitenizin hızını sorguladığınızda en altta “Bu sayfa için, optimize edilmiş resim, JavaScript ve CSS kaynaklarını indir.” ibaresi olacak. Daha sonra o dosyaları indirip filezilla yardımı ile temanıza atabilirsiniz. Artık css ve js dosyalarınız küçülmüş olacaktır. İyi forumlar.

  11. http://www.memurgazetesi.net/ sitemi site, hızı için nasıl optimize edebilirim?

Cevapla

E-posta adresiniz yayınlanmayacak. Required fields are marked *

*

Time limit is exhausted. Please reload the CAPTCHA.

Scroll To Top