Ana sayfa » Nedir, Nasıl Yapılır? » Web Site Hızı (Pagespeed) Optimizasyonu Rehberi
Nedir, Nasıl Yapılır?

Web Site Hızı (Pagespeed) Optimizasyonu Rehberi

Hosting Fiyatları
Sending
User Review
0 (0 votes)
3 1 vote
Article Rating
Web Site Hızı (Pagespeed) Optimizasyonu Rehberi

Web sitenizin hızı, kullanıcıların web sitenizde istenen işlemi gerçekleştirme olasılığını belirler. Bu nedenle, web sitesi hızını nasıl optimize edeceğinizin önemini anlamak, kötü kullanıcı deneyimine yol açabileceğinden ve Google, web site hızını sıralama faktörlerinden biri olarak kabul ettiği için son derece önemlidir.

Madem ki web site hızı bu kadar önemli, hiç vakit kaybetmeden web site hızını optimize etme konusunda en iyi araç ve teknikleri adım adım inceleyelim.

Web Site Hızı Nedir?

Web site hızı, bir kullanıcı web sitenize yönlendiren bir URL’yi tıkladığında, web sitenizin ne kadar hızlı tepki verdiğini ifade eder. Google PageSpeed standartlarına göre site hızı, kullanıcıların ürünlere, bilgilere ve hizmetlere hızlı erişimi için önemli bir metriktir.

Web Siteniz Hızlı Olmadığında Ne Olur?

Web Siteniz Hızlı Olmadığında Ne Olur?

Web site hızı tüm web sitesi sahipleri için önemli bir metrik. Hatta belki de en önemlisi…

Neden mi?

İşte cevabı…

  • Yükleme işleminin 4 saniyeden fazla sürmesi halinde, her 4 ziyaretçiden 1’i web sitesini terk eder.
  • Kullanıcıların yüzde 46’sı düşük performans gösteren web sitelerini tekrar ziyaret etmiyor. 
  • Web site sahiplerinin, ziyaretçiler ayrılmayı düşünmeden önce etkileşimde bulunmak için yalnızca 5 saniyeleri var. 
  • Mobil siteye erişen kullanıcıların yüzde 74’ü yüklenme hızı 5 saniyeden uzun sürerse siteden ayrılır. 
  • Sayfa yükleme süresindeki her bir saniyelik gecikme, Amazon gibi büyük çevrimiçi satıcılar için yıllık 1,6 milyar dolarlık zarara yol açabilir.
  • E-ticaret müşterilerinin yüzde 47’si, siteden ayrılmayı düşünmeden önce sayfa yükleme süreleri için iki saniyeden daha kısa beklemektedir. Bir performans analiz aracı sitedeki varlığını bile yakalamadan önce kullanıcıların yüzde 40’ı siteyi beklemenin üçüncü saniyesinde terk edecektir. Dönüşümler için ortalama pik yükleme süresi yalnızca 2 saniyedir ve bu milyonlarca web sitesinden daha hızlıdır.

Peki bu durumun tam zıttı olduğunda, yani web siteniz hızlı olduğunda ne olur?

  • Mozilla sayfa hızını 2,2 saniye arttırdığında, Firefox indirme rakamları yılda yüzde 15,4 yani 10 milyon arttı.
  • Walmart, sayfa yükleme sürelerindeki her 1 saniyelik iyileştirme için dönüşüm oranlarında yüzde 2’lik bir artış gördü.

Web Site Hızını Nasıl Kontrol Edebilirim?

Site hızı, GTMetrix, Google Pagespeed Insights, WebPageTest, Test my Site, Think with Google vb. çeşitli ücretsiz çevrimiçi araçlar kullanılarak test edilebilir. 

Şimdi her bir aracı ayrıntılı olarak inceleyelim.

1. GT Metrix

GT Metrix

Web sitesi yükleme süresini test etmek ve geliştirmek için en güvenilir araçlardan biri GT Metrix‘tir. Yükleme süresini etkileyen tüm faktörlerin ayrıntılı bir analizini sağlar.

2. Google Pagespeed Insights

Google Pagespeed Insights

Belirli bir web sayfasının yükleme süresiyle ilgili nasıl performans gösterdiğini bilmek istiyorsanız, Google Pagespeed Insights en iyi seçenektir. Pagespeed Insights, sayfa yükleme süresini nasıl iyileştirebileceğiniz hakkında size ayrıntılar sağlar.

Aracın en iyi yanı tabii ki Google hizmeti olmasıdır. Google tarafından sağlanan bir hizmetin, size web site hızınızı nasıl artırabileceğinizi söylemesi kadar avantajlı bir durum yoktur.

3.  WebPage Test

WebPage Test

WebPage Test aracı da yukarıda bahsettiğimiz diğer iki araç gibi web sitenizin hızını nasıl artırabileceğinizin ayrıntılı bir analizini sunar. Kullanıcıların ağ kapasitesini, bağlanabilirliğini ve yerini dikkate alarak; web sitesi hızının ağ düzeyinde nasıl optimize edileceğine dair öneriler içerir. Ayrıca, web sitenizin hızını test etmek istediğiniz sunucunun konumunu seçme seçeneği de sunar.

4. Gift of Speed

Gift of Speed

Gift of Speed, web sitesi hız performansını ölçmek için kullanabileceğiniz alternatif araçlardan biridir. Hız ölçüm metriklerinin yanı sıra, bu araç aynı zamanda web site hız optimizasyonu hizmetleri ve dünyadaki çeşitli coğrafi konumları kullanarak web site hızını test etme seçeneği de sunar.

Web Sitesi Hızımı Nasıl Artırabilirim?

Web site hızınızı ölçmeniz için yukarıda size bazı araçlardan bahsettik, şimdi adım adım web sitesi hızını optimize etme konusunda en iyi tekniklere bakalım.

1. Görüntüleri Optimize Edin

Özellikle e-ticaret yapıyorsanız, web sitesi görüntüleri olmazsa olmazınızdır. Bu yüzden web sitenize yükleyeceğiniz görüntüleri sunucuya yüklerken sıkıştırmanız gerekir. Çünkü ürün sayfalarındaki görüntüler, sitenize gelen kullanıcıların etkileşimini artırmaya yardımcı olur. 

Sitenize 100 kb’den büyük görüntüler yüklediğinizde, bu çok zaman alır ve sonuç olarak genel sayfa hızınız etkilenir. Bu yüzden görüntü boyutunu azaltmak için bir sıkıştırma tekniğini kullanmanız gerekir. Görüntünün boyutunu %70 azaltan bir uygulamayı tercih etmeniz lehinize olacaktır.

2. CDN Kullanın

CDN yani ‘İçerik Dağıtım Ağı’  web sitelerinin birden fazla kopyasının çeşitli coğrafi yerlerde depolandığı dağıtılmış bir sunucu ağıdır. CDN, kullanıcılara en yakın sunucu konumundan içerik istekleri iletilmesine yardımcı olur; sonuç olarak, sunucu yükleme süresi önemli ölçüde azalır.

3. Kullanılmayan CSS’yi Kaldırın

CSS yani ‘Cascading Style Sheetsweb’ sitenizin tasarımını güzelleştirmek için kullanılsa da, UnusedCSS.com’a göre, web sitelerinde uygulanan CSS’nin %35’i kullanılmıyor. Tabii doğal olarak kullanılmayan CSS dosyalarını kaldırmanız gerekiyor. Kaldırmadığınızda, bu durum web sitesi hızınızı azaltıyor.

4. JS ve CSS Dosyalarını Küçültün

JavaScript, bir web sitesi tasarlamak için kullanılan dinamik bir öğedir. JavaScript dosyalarının sayısı arttıkça, sunucuya gönderilen https isteklerinin sayısı da artar, JS ve CSS dosyalarını küçültmek boşlukları azaltır. Küçültme tekniklerinin kullanılması, kod bayt boyutunun azaltılmasına yardımcı olur ve sonuç olarak, daha az verinin indirilmesi gerekir. Bu da web sitesi yükleme süresini azaltır.

HTML’yi küçültmek için HTMLMinifier’ı, CSS’yi küçültmek için CSSNano’yu, JavaScript’i küçültmek için Uglify‘yi deneyebilirsiniz.

5. Web Yazı Tiplerini Doğru Şekilde Kullanın

Bir web sitesinin tasarımı, okunabilirliği ve erişilebilirliği göz önüne alındığında, tipografi hayati bir özelliktir. Fakat her yazı tipi, yüklenmesi gereken ek bir kaynak olarak kabul edilir. Bazen yazı tiplerinin yanlış kullanımı, yükleme süresinin uzamasına neden olur.

6. Ön Getirme Tekniklerini Kullanma

Örneğin, bir kullanıcı bir bağlantıyı tıklayıp web sitenizi ziyaret ettiğinde, bazı içerik ve bağlantılar önceden yüklenir. Bu tekniği kullanmak için bir kullanıcının davranışını tahmin etmeniz ve web sitenizdeki eylemleri planlamamız gerekir.

Yaygın olarak kullanılan Prefetching teknikleri aşağıdaki gibidir:

  • DNS – Prefetching

Bu teknikte, kullanıcı herhangi bir işlem gerçekleştirmeden önce domain önceden çözümlenir. Örneğin, Google Analytics, Google Fonts, Google Maps, CDN, LinkedIn, Facebook vb. alan adları önceden getirilebilir.

  • Link – Prefetching

Bu teknik, kullanıcı yolculuğunun sabit olduğu bir web sitelerinde kullanılabilir. Örneğin, bir e-ticaret web sitesinde kullanıcılar ürün sayfasından alışveriş sepeti sayfasına gider.

Yukarıdaki teknikleri uygulamak için, varsayımlarda bulunmadan önce web sitesinde ayrıntılı bir kullanıcı davranışı analizi yapmak önemlidir.

Bu teknikleri uygulamak için, varsayımlarda bulunmadan önce web sitesinde ayrıntılı bir kullanıcı davranışı analizi yapmak önemlidir.

7. Aşırı DOM Boyutunu Azaltın

DOM, HTML ve xml belgeleri için bağımsız bir arabirimdir. Bazen verimsiz kodlama teknikleri nedeniyle, web sitesinin hız performansını engelleyen gereksiz büyük DOM ağaçları oluşturulur.

8. Tembel Yükleme Uygulayın

‘Lazy Load’  yani ‘Tembel yükleme’, web sitesi yükleme süresini azaltmak için zorlu bir tekniktir. Bu web sitesi hız optimizasyon tekniğinde, web sitesinin yalnızca istenen bileşeni yüklenir ve geri kalanı, kullanıcı bu bileşen için talep edinceye kadar olduğu gibi tutulur.

Örneğin: Mobil üzerinden web sitenize giren birini düşünün. Kullanıcı görüntüyü aşağı kaydırdığında veya ekranda görünen bir bileşen yüklendiğinde, web sitesinin diğer bölümleri ertelenir. Sonuç olarak, bu şekilde web sitesi yükleme süresi büyük ölçüde azaltılabilir.

Macmetrics tarafından yayınlanan bir araştırmaya göre, tembel yükleme uygulandıktan sonra, sayfa yükleme süresinde ciddi bir azalma olduğu gözlemlendi.

İdeal web sitesi hızına ulaşmak her işletmenin arzusu olsa da, web sitesi hız optimizasyonu oldukça uğraşlı bir iştir. Çünkü Google’a göre, bir kullanıcı web sayfasının 3 saniye içinde yüklenmesini bekler. Bu süreyi aştığınızda, organik trafiği, dolayısıyla gelir kaybetme şansınızı artar. Bu yüzden beklentileri karşılamak için kapsamlı bir analiz yapmalısınız. Aksi halde web sitenize gelenlere elveda diyebilirsiniz.

Yukarıda web sitesi hızını nasıl optimize edeceğinize dair değindiğimiz teknikler, sitenizin performansını artırmanıza yardımcı olacaktır. Fakat sadece yukarıda anlattıklarımız değil, web sitesi hız optimizasyon araçlarını kullanarak oluşturulan raporları analiz etmeniz ve web sitesi yükleme süresini etkileyen önemli metrikleri tanımlamanız da, bu süreçte size oldukça katkı sağlayacaktır. Bu yüzden etkili faktörlere odaklanmak ve bunları çözmeye çalışmak önceliğimiz olmalıdır.

Domain Sorgulama