Sayfa yüklenme hızı, bir web sitesini ziyaret ettiğinizde fark ettiğiniz ilk şeydir; ancak bunu yalnızca site çok yavaşsa fark edersiniz. Sayfa hızı, kullanıcı deneyiminin çok büyük bir parçasıdır; bu nedenle mobil aramalar için resmi bir sıralama faktörü haline gelmesi ve masaüstü için de uzun süredir öyle olması şaşırtıcı değildir.
Sayfa yüklenme hızı ile hemen çıkma oranları arasındaki korelasyon üzerine yapılan çok sayıda çalışma, oldukça endişe verici sonuçlara ulaşmıştır: her milisaniye önemlidir. Yeni web sitesi performans araştırmamızla, bu ürkütücü istatistiklere olumlu bir bakış açısı getirmek ve web sitesi performansınızı iyileştirmek için çok fazla alan olduğunu kanıtlamak istedik.
Araştırmamız, site performansı optimizasyonu ile uğraşırken iş akışınızı yapılandırmanıza yardımcı olacaktır. Özellikle, en belirgin hataların neler olduğunu ve hangilerinin ekstra ilgi gerektirdiğini göstereceğiz, böylece bunları düzeltme sürecine öncelik verebilirsiniz.
Metodoloji
Bu çalışma için, performanslarını değerlendirmek üzere 150.000 rastgele web sitesini (hem masaüstü hem de mobil sürümleri) analiz ettik. Verileri toplamak için, web sitesi performansını etkileyen en yaygın dokuz sorun hakkında kullanışlı istatistikler sunan Alien Road Site Audit’in yeni Performans raporunu kullandık.
Şaşırtıcı Sonuçlar
Bizim için şaşırtıcı olan, analiz edilen web sitelerinin %82 gibi büyük bir kısmının performanslarını önemli ölçüde etkileyen sorunlara sahip olduğunu ilk kez görmemizdir. Bu durum, performansla ilgili sorunları web sitelerindeki en yaygın sorunlardan biri haline getirmektedir.
Dahası, analiz edilen web sitelerinin %44’ünde en az bir kritik sorun (Site Audit sorun ciddiyeti sınıflandırmamıza göre) bulunmaktaydı.
Olumlu bir not olarak, performans sorunları yaşayan web sitelerinin çoğunun, basit sayfa optimizasyon teknikleri ve kolay sunucu yapılandırması kullanarak bu sorunları iyileştirebileceğini gördük.
Şimdi bulduğumuz sorunlara daha yakından bakacağız ve bunları ortadan kaldırmanın denenmiş ve test edilmiş bazı yollarını önereceğiz.
Bu verilerin, işinize öncelik vermenize ve web sitenizde oluşabilecek sorunların sayısını ve ciddiyetini tahmin etmenize yardımcı olacağını umuyoruz.
Yönlendirmeleri Temizleyin
Kolay bir taneyle başlayalım. Yönlendirme zincirleri ve döngüleri, web sitesi performansında sorunlara neden olan klasik sorunlardır. Kullanıcılarınızın sabrını yönlendirme zincirleri ve döngüleriyle test etmek istemiyorsanız, bunları web sitenizde kullanmaktan kaçının.
Dahası, yönlendirme zincirleri botların kafasını karıştırır; tarama bütçeleri sınırlıdır ve her yönlendirmede sayfanız orijinal sıralamasından biraz kaybeder. Daha fazla bilgi edinmek isterseniz, aşağıda Matt Cutts tarafından hazırlanan yönlendirmelerle ilgili harika bir video bulunmaktadır.
Bir sayfa 3 veya daha fazla URL içeriyorsa veya bir döngüye sahipse, Site Audit aracımız tarafından sorunlu olarak işaretlenir. Neyse ki, çalışmamıza göre analiz edilen web sitelerinin sadece %7’sinde bu sorun vardı.
Bununla birlikte, bir sayfadan diğerine yönlendirmeler; yeniden markalaşma veya web sitesini yeniden adlandırma, HTTPS’ye geçiş, yinelenen sayfaları azaltma (örneğin, “www” ve “www olmayan” sürümler) ve diğer birçok durumda genellikle bir zorunluluktur.
Web siteniz büyüdükçe ve yaşlandıkça, yapısını temiz tutmak zorlaşır. Yönlendirmeler birikme ve zincir oluşturma eğilimindedir; ne kadar çok bağlantı varsa, hedef sayfaya ulaşmak o kadar uzun sürer. Bu yüzden ‘gerekli’ yönlendirmeleri uygularken ekstra dikkatli olmanız gerekir.
Sayfa Boyutunu Küçültün
Sayfa ne kadar ağırsa ve ne kadar çok kaynak içeriyorsa, yüklenmesi o kadar uzun sürer. Sayfa boyutunuzun ve JS ile CSS dosyalarınızın toplam boyutunun (aktarım boyutu) 2 MB’ı aşmadığından emin olmanız önemlidir.
Site Audit aracımızda, 2 MB’ın üzerindeki her şey ağır kabul edilir ve bir hata görünmesine neden olur. 2 MB bir sayfanın ‘hayatını dolu dolu yaşaması’ için yeterli olsa da, analiz edilen web sitelerinin %1’inde hala bu sorun vardı. Kendinizi bu %1’lik dilimde bulduysanız, sayfanızı diyete sokmanızı ve boyutunu en azından 2 MB’ın altında tutmanızı öneririz.
Görseller ve videolar, bir sayfanın ağırlığının en büyük kısmını oluşturur, bu yüzden başlangıç noktanız bu olmalıdır. Görsel içeriğinizin formatını, çözünürlüğünü veya kalitesini değiştirmek sayfa boyutunu önemli ölçüde küçültebilir. Kendinize bu görsellerin gerçek bir değer katıp katmadığını sorarak başlayın ve bazen azın çok olduğunu unutmayın.
Araştırmamız, web sitelerinin %68’inin küçültülmemiş (minified) JavaScript ve CSS dosyalarına sahip olduğunu ortaya koydu. JavaScript ve CSS dosyalarınızı küçülterek (kaynak koddan gereksiz satırları, boşlukları ve yorumları kaldırarak), kaynaklarınızın boyutunu ve dolayısıyla yüklenme sürelerini azaltacak, daha iyi bir kullanıcı deneyimi sunacak ve arama motoru sıralamalarınızı iyileştireceksiniz.
JavaScript kodu küçültme işlemi, JSMin ve YUI Compressor gibi iki popüler araç kullanılarak yapılabilir. YUI compressor ayrıca CSS’yi de küçültebilir. Closure Compiler, JavaScript’inizi ayrıştıran, analiz eden, ölü kodları kaldıran ve geriye kalanı yeniden yazıp en aza indiren bir başka kullanışlı araçtır. Karartma (obfuscation), küçültmeden biraz daha etkili olan ancak karartma adımının bir sonucu olarak hata üretme açısından biraz daha riskli olan bir başka boyut azaltma yöntemidir.
Komut dosyalarını ve stilleri küçültmenin yanı sıra, gzip veya deflate gibi şemaları kullanarak HTML, CSS ve Javascript’i sıkıştırmayı unutmayın. Bu, boyutlarını yarı yarıya veya daha fazla azaltacaktır.
Hem mobil hem de masaüstü deneyimleri için web’de JavaScript ve CSS kullanımına ilişkin istatistikler sağlayan State of JavaScript ve Page Weight raporlarına göre, ortalama bir web sayfası 25 kaynak isteği (sırasıyla 20 JS isteği ve 5 CSS isteği) içerir.
Site Audit aracımız, bir sayfayı yalnızca 100’den fazla kaynağa sahipse ‘Çok fazla JavaScript ve CSS dosyası’ içeriyor olarak işaretler ve bu oldukça fazladır. Yine de, analiz edilen web sitelerinin %1’inin çok fazla JavaScript ve CSS dosyasına sahip olduğu ortaya çıktı! Sayfanızı JavaScript ve CSS dosyalarıyla aşırı yüklemediğinizden emin olun. Genel olarak, ne kadar az istek alırsanız o kadar iyidir, bu nedenle bu sayıyı 100’ün altında tutarak güvende olursunuz. Ayrıca, yükleme sürecini hızlandırmak için birden fazla CSS ve JS dosyasını tek dosyalarda birleştirmeyi düşünün.
Web sitenizi yoğunlaştırma konusunda birçok yararlı bilgiyi aşağıdaki kaynaklarda bulabilirsiniz:
Sunucu Performansını Artırın
Yavaş sayfa yüklenme hızının nedenlerinden biri elbette büyük HTML sayfa boyutudur. Ancak, önceki bölümde anladığımız gibi, analiz edilen web sitelerinin sadece %1’inin büyük bir HTML sayfa boyutuna sahip olduğu ortaya çıktı. Peki yavaş sayfa yüklenme hızı sorunlarının diğer %42’si nereden geliyor? Çoğu zaman bu, sunucu sorunlarından kaynaklanmaktadır.
Web sunucusu verimlilikten yoksunsa, erişmeye çalıştığınız web sayfası da yavaş yüklenecektir. Hosting hizmetinizi ve sağlanan paketi gözden geçirmeniz gerekir; yetersizse, sağlayıcıyı değiştirin veya özel bir sunucu almayı düşünün. Hızlı bir hosting paketine katkıda bulunan faktörler hakkında daha fazla bilgiyi burada bulabilirsiniz.
Aynı durum mobil web siteleri için de geçerlidir. Aslında, mobil siteler için sayfa hızı faktörü daha da kritiktir çünkü genellikle hareket halindeyken kullanılırlar. Think with Google’dan bu hesap makinesi, site hızınızı artırmanın gelirinizi nasıl etkileyebileceğini tahmin etmenize yardımcı olacaktır.
Sunucunuzun yanıtını yavaşlatabilecek yavaş uygulama mantığı, yavaş veritabanı sorguları, yavaş yönlendirme, çerçeveler, kütüphaneler, kaynak CPU açlığı veya bellek açlığı gibi başka faktörler de vardır. Bu sorunların nasıl ele alınacağı ve sunucu yanıt süresinin nasıl iyileştirileceği konusunda Google Geliştiricileri tarafından verilen bu önerileri kullanın.
Araştırmamızın gösterdiği gibi, analiz edilen web sitelerinin %25’inde önbelleğe alınmamış Javascript ve CSS dosyaları bulunmaktadır. Bu sorun, yanıt başlığında tarayıcı önbelleklemesi belirtilmediğinde tetiklenir. Basitçe ifade etmek gerekirse, tarayıcı önbelleklemesini etkinleştirmemek, kullanıcıların sayfanızı her ziyaret ettiklerinde aynı dosyaları indirmelerine neden olur.
JavaScript ve CSS dosyaları için tarayıcı önbelleklemesini etkinleştirmek, tarayıcıların sayfanızın kaynaklarını tekrar indirmek zorunda kalmadan depolamasına ve yeniden kullanmasına olanak tanır. Bu şekilde, tarayıcı daha az veri indirecek ve bu da sayfa yüklenme sürenizi azaltacaktır.
Genel olarak, bu basit düzeltme, incelenen web sitelerinin dörtte birinin önemli ölçüde daha iyi performans göstermesini sağlayabilir.
Düzeltmeye Başlayın
Nihai sayfa hızına katkıda bulunan birçok faktör vardır ve bunlarla manuel olarak uğraşmak dayanılmaz bir angaryadır, ancak her zaman özel araçlara başvurabilirsiniz.
Google’ın PageSpeed Insights’ı başlamak için harikadır; ücretsizdir, işlevseldir ve sitenizin hem mobil hem de masaüstü sürümleri için raporlar sunar. Ek bir avantajı da, Google’ın kendisi tarafından önemli görülen sorunlara odaklanmasıdır.
Google, sayfanın yüklenme hızı açısından Hızlı, Yavaş veya Ortalama olup olmadığını değerlendirmek için Chrome kullanıcılarının deneyim verilerini kullanır. Ne yazık ki bu, yalnızca analiz için Chrome kullanıcılarından yeterli trafik alan web siteleri hakkında bilgi alabileceğiniz anlamına gelir ve daha küçük web siteleri “Kullanılamıyor” sonucunu alabilir.
Yavaş ve Ortalama sonuçlar için, sayfayı hızlandırmak için en iyi uygulamaların bir listesi olan Optimizasyon Önerileri sunulacaktır. Bu liste kesinlikle incelenmeye değerdir, ancak ihtiyatlı yaklaşılmalıdır; mükemmel puanın peşinde koşmak zamanınızı boşa harcamanıza ve kötü bir kullanıcı deneyimi yaratmanıza neden olabilir.
Sadece performans sorunlarının çok ötesine geçen kapsamlı ve esnek bir site analizi için Alien Road Site Audit aracını öneriyoruz:
Alien Road Site Audit Performans Raporu, web sitenizin teknik sorunları hakkında genel bir fikir edinmeniz için istatistiksel grafikler sunacaktır; araç ipuçları, her bir sorunun neyle ilgili olduğunu ve nasıl düzeltebileceğinizi açıklayacaktır.
Sorun listesi ciddiyet derecesine göre Hatalar, Uyarılar ve Bildirimler olarak ayrılmıştır; bu, en kritik hataları önce çözmenize yardımcı olacaktır.
Performans Raporu ayrıca kullanıcı deneyimi hakkında daha fazla bilgi (Google Analytics Ortalama Sayfa Etkileşim Süresi) almak için Google Analytics hesabınızı bağlamanıza da olanak tanır:
Gördüğünüz gibi, ince ayar ve yapılandırma ile web sitenizi hızlandırmak oldukça basittir. Web sitenizin belirli bölümlerini test edin, tematik raporları kullanın ve kaynaklarınızdan tasarruf etmek ve en az çabayla en iyi sonuçları elde etmek için önerilerimizi izleyin. Ayrıca, raporun üst kısmındaki Performans Puanınızı izleyerek ilerlemenizi her zaman takip edebilirsiniz.
Web sitesi hızınızı artırmaya yönelik en iyi uygulamalarınızı paylaşmak için lütfen aşağıdaki yorumlar bölümünü kullanın. Ayrıca, diğer web sitesi sahiplerinin performans sorunlarını gidermelerine yardımcı olabilecek bağlantıları paylaşmaktan çekinmeyin – faydalı bir kütüphane oluşturalım.
E-Pazarlama Nedir? — Tanım, Türler ve Örnekler
Dijital Pazarlama Ajansı Fiyatlandırması
Dijital Pazarlama Ajansı Fiyatlandırması Dijital pazarlama hizmetlerine hiç bu kadar büyük bir talep olmamıştı ..