Web Sitesi Optimizasyon ve Hızlandırma

Website Optimizasyon & Hızlandırma
Website Optimizasyon & Hızlandırma

Google ve insanların en büyük ortak noktası, hızlı açılan websitelerini sevmeleridir. Başarılı optimizasyon bu yüzden çok önemlidir. İster wordpress, joomla, drupal vb. CMS (content management system) kullanıyor olun, isterseniz kendi sitenizi baştan sonra kendiniz yazmış olun, sayfanızın yüklenme hızı bütünüyle sitenize yaptığınız optimizasyon ile ilgilidir. Bu yazıda dört temel optimizasyon testini tanıtmanın yanında, nice zamandır notlarını düştüğüm daha pek çok optimizasyon ile ilgili yöntem ve aracın da tanıtımlarını yaptım. Öncelikle mahşerin dört atlısı olarak adlandırabileceğimiz dört önemli optimizasyon test sistemini tanıtmak ile başlayalım: Pingdom, GTmetrix, Varvy ve Google PageSpeed.

  1. Pingdom Website Speed Test
    Testin hangi merkezden yapılacağını seçmenizi sağlayan Pingdom, yükleme süres, sayfa büyüklüğü, File Request Flow gibi güzel sonuçların yanında, notunuzu düşüren ana etkenleri listeleyip isterseniz nasıl düzeltebileceğinize dair çözüm araştırmasına girmeniz için size yol yordam göstermekte.
  2. GMetrix Optimization
    Hem Pagespeed and YSlow skoru sağlayan sistem özellikle Waterfall grafiğini inceleyerek content – server – user konularında her bir saniye hangi döküman ne kadar milisaniyede yüklenmiş ve ne gibi sıkıntılara yol açmış gibi detaylara inmek isteyenler için tavsiye edebileceğim bir kaynak.
  3. Varvy PageSpeed
    Varvy bünyesinde SEO test araçlarından CSS – JS minimize araçlarına kadar pek çok farklı konuda test ve bilgi sistemi bulabilirsiniz. Ancak özellikle Varvy Pagespeed ve Varvy SEO, test sonuçlarını sunarken muazzam detaylı ve bilgilendirici tablolar ile sitenizi optimize etmek noktasında çok sağlam bir kaynak olarak size destek sağlayabilecek durumdadır.
  4. Google PageSpeed Insights
    Her ne kadar şimdiye kadarki test sayfalarına tek tek girip bütün notlarınızı %100 yapmış olsanız bile sanırım bu test hüsranı dibine kadar yaşayacağınız yerdir, ya da bütün bu durum sadece benim hüsnü kuruntum. Zira ne kadar uğraşırsam uğraşayım Google’ın Insights sistemi diğer sitelerde en azından B+ (85/100) ortalamalı sayfalara bile hiç sıkılmadan 45/100 notunu verebilmektedir.

Diğer Optimizasyon Kaynakları

Load Tester Tool
5 Dakika boyunca her saniyede 20 request sayfanıza gelse serveriniz – siteniz bu yükü kaldırabilir mi? Buna benzer soruların cevabını arıyorsanız eğer, LoadTesterTool tam size göre bir online test aracı. Elbette ki kötü amaçlı kişilere alet olmaması için, bu test sistemini kullanmak istiyorsanız önce siteden sayfanız için hazırlanmış .xml dosyasını indirip ftp ile sitenize yüklemeniz gerekmektedir.

Gzip Testi
Web sitenizdeki içeriği gzip metodu ile küçülterek ziyaretçiye sunma sistemi internet üzerinde standartlaşmış bir uygulama. GidNetwork sitesindeki Gzip Test ile veya doğrudan CheckGzipCompression.com ile sitenizin GZip uygulaması doğru şekilde ayarlanmışmı diye kontrol edebilirsiniz. WordPress siteler için .htaccess düzenlemesi, plugin kurulumu gibi pek çok farklı yol ile çözebileceğiniz bu metod, web site optimizasyonunun olmazsa olmazı bir uygulamadır.

CSS Min Tool
W3Club tarafından sunulan CSSMin adlı araç, mevcut CSS dosyalarınızı doğrudan crunch yaparak küçültüp minimize etmeye yaramaktadır.

Redirect Kontrolü
Örnek olarak kendi domainimi kullanarak konuyu izah edeceğim: http://www.bparlan.com adresi uygun ve çalışır bir adres. Peki https://www.bparlan.com? Veya doğrudan bparlan.com? Bütün bu www / non-www ve http / https opsiyonlarının oluşturduğu yönlendirme zinciri sayfanın yüklenmesinde ciddi bir yavaşlamaya sebep olabilmektedir. Kendi websitenizin kontrolünü yapmak için Redirect Mapper adlı sistemi kullanabilirsiniz. Ne kadar az “redirect” sonucu çıkarsa o kadar iyi bir başarı elde etmiş olur sayfanız. Örnek olarak benim sayfam bütün dört kategorinin toplamında sadece 1 redirect alarak mükemmel başarıdan bir puan aşağıya düşmekte, ancak benim için yeterli bir sonuç bu.

Kısa Kısa
ipv6prepared.com / Sayfanız IPv6 sistemine uyumlu mu diye merak ediyorsanız…
richpreview.com / Sayfanız sosyal medyada paylaşıldığında nasıl bir preview görüntüsü oluşacak diye merak ediyorsanız…
detectcharset.com / Sayfanızın encode olduğu karakter biçimi browserlar tarafından nasıl algılanıyor diye merak ediyorsanız…

Bonus: Aşağıdaki problem ile karşılaşırsanız, uğraşmayın!
Server static content from a cookieless domain
Eğer websiteniz için CloudFlare CDN kullanıyorsanız ne yazık ki bu problemin bir çözümü yok. KeyCDN veya diğer alternatiflerde uzun ve ciddi adımlarla çözülebilecek bu problem bir başka yazı konusu olacak kadar uzun ve incelikli bir iş.

Bunlar da hoşunuza gidebilir...