Web Sitesi Performans Araştırması


13
/ 100


Web Sitesi Performans Araştırması

Sayfa yükleme hızı, bir web sitesini ziyaret ettiğinizde fark ettiğiniz ilk şeydir, ancak bunu yalnızca web sitesi çok yavaşsa fark edeceksiniz. Sayfa hızı, kullanıcı deneyiminin büyük bir parçasıdır; bu nedenle, mobil aramalar için resmi olarak bir sıralama faktörü haline gelmesi ve uzun süredir masaüstü için de bir faktör olması şaşırtıcı değildir.

Sayfa yükleme hızı ile hemen çıkma oranları arasındaki korelasyon üzerine yapılan çok sayıda araştırma, oldukça endişe verici sonuçlara varmıştır: her milisaniye önemlidir. Yeni web sitesi performans araştırmamızla, göz korkutucu istatistiklere bir umut ışığı eklemek ve web sitenizin performansında iyileştirme için çok fazla alan olduğunu kanıtlamak istedik.

Araştırmamız, site performansı optimizasyonuyla uğraşırken iş akışınızı yapılandırmanıza yardımcı olacaktır. Özellikle size en belirgin hataların neler olduğunu ve hangilerinin daha fazla dikkat gerektirdiğini göstereceğiz, böylece bunları düzeltme sürecine öncelik verebilirsiniz.

Metodoloji

Bu çalışma için, performanslarını değerlendirmek amacıyla 150.000 rastgele web sitesini (hem masaüstü hem de mobil versiyonları) analiz ettik. Verileri toplamak için Alien Road Site Audit’in web sitesi performansını etkileyen en yaygın dokuz sorun hakkında kullanışlı istatistikler sağlayan yeni Performans raporunu kullandık.

Şaşırtıcı Sonuçlar

Şaşırtıcı bir şekilde, analiz edilen web sitelerinin %82’sinin performanslarını önemli ölçüde etkileyen sorunlarla karşılaştığını ilk kez görüyoruz. Bu, performansla ilgili sorunları web sitelerinde en yaygın sorunlardan biri haline getirir.

Ayrıca, analiz edilen web sitelerinin %44’ünde en az bir kritik sorun vardı (Site Denetimi sorun ciddiyet sınıflandırmamıza göre).

Olumlu bir gelişme olarak, performans sorunları yaşayan web sitelerinin çoğunun, basit sayfa optimizasyon teknikleri ve basit sunucu yapılandırması kullanarak bunları iyileştirebileceğini gördük.

Şimdi bulduğumuz sorunlara daha yakından bakacağız ve bunları ortadan kaldırmak için denenmiş ve test edilmiş yöntemlerden bazılarını önereceğiz.

Bu verilerin, çalışmanızı önceliklendirmenize ve web sitenizde meydana gelebilecek sorunların sayısını ve ciddiyetini tahmin etmenize yardımcı olacağını umuyoruz.

Şimdi bu sorunları çözme sürecine bir göz atalım.

Basit tutmak için önerilerimizi üç gruba ayıracağız:

Yönlendirmeleri Temizleme
Sayfa Boyutunu Aşağı Kırp
Sunucu Performansını Artırın
Yönlendirmeleri Temizleme

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ülerle test etmek istemiyorsanız web sitenizde bunlardan kaçınmaya çalışı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 bir miktar kaybeder. Daha fazla bilgi edinmek isterseniz aşağıda Matt Cutts’ın yönlendirmeleriyle ilgili harika bir videosu var.

Bir sayfa 3 veya daha fazla URL ya da döngü içeriyorsa Site Denetimimiz tarafından bir sorun olduğu şeklinde işaretlenir. Şans eseri, araştırmamıza göre analiz edilen web sitelerinin yalnızca %7’sinde bu sorun yaşandı.

Bununla birlikte, bir web sitesini yeniden markalarken veya yeniden adlandırırken, onu HTTPS’ye taşırken, yinelenen sayfaları azaltırken (örneğin, “www” ve “www olmayan” sürümler) ve diğer birçok durumda, bir sayfadan diğerine yönlendirmeler genellikle bir zorunluluktur.

Web siteniz büyüdükçe ve eskidikçe yapısını temiz tutmak da 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 nedenle ‘gerekli’ yönlendirmeleri uygularken daha dikkatli olmanız gerekir.

Sayfa Boyutunu Aşağı Kırp

Sayfa ne kadar ağırsa ve ne kadar çok kaynak içeriyorsa, yüklenmesi de o kadar uzun sürer. Sayfa boyutunuzun yanı sıra JS ve CSS dosyalarının toplam boyutunun (aktarım boyutu) 2 MB’ı aşmadığından emin olmanız önemlidir.

Site Denetimimizde 2 MB’ın üzerindeki her şey ağır kabul edilir ve bir hatanın ortaya çıkmasına neden olur. Bir sayfanın ‘hayatını dolu dolu yaşaması’ için 2MB yeterli olsa da, analiz edilen web sitelerinin %1’inde hala bu sorun yaşanıyor. Kendinizi %1’in arasında bulduysanız sayfanızı diyete sokmanızı ve boyutunu en az 2 MB’ın altında tutmanızı öneririz.

Görseller ve Videolar

Resimler ve videolar bir sayfanın ağırlığının en büyük kısmını oluşturur, bu nedenle başlangıç noktanız bu olmalıdır. Görsel içeriğinizin biçimini, çözünürlüğünü veya kalitesini değiştirmek sayfanın boyutunu önemli ölçüde küçültebilir. Bu görsellerin gerçek bir değer getirip getirmediğini kendinize sorarak başlayın ve bazen daha azının daha fazla olduğunu unutmayın.

JavaScript ve CSS

Araştırmamız, web sitelerinin hayal kırıklığı yaratan %68’inin küçültülmemiş JavaScript ve CSS dosyalarına sahip olduğunu ortaya çıkardı. JavaScript ve CSS dosyalarınızı küçülterek (kaynak kodundan gereksiz satırları, boşlukları ve yorumları kaldırarak), kaynaklarınızın boyutunu ve dolayısıyla yükleme sürelerini azaltacak, daha iyi bir kullanıcı deneyimi sağlayacak ve arama motoru sıralamalarınızı iyileştireceksiniz.

JavaScript Kodu Küçültme Araçları ve Yöntemleri

JavaScript kodunun küçültülmesi iki popüler araç kullanılarak yapılabilir: JSMin ve YUI Compressor. YUI sıkıştırıcı ayrıca CSS’yi de küçültebilir. Kapanış Derleyicisi, dosyalarınızı ayrıştıran başka bir kullanışlı araçtır.

JavaScript, onu analiz eder, ölü kodu kaldırır ve yeniden yazar ve kalanları en aza indirir. Gizleme, boyut küçültmenin başka bir yöntemidir; küçültme işleminden biraz daha etkilidir, ancak şaşırtma adımının kendisinin bir sonucu olarak hata oluşması açısından biraz daha risklidir.

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ı da unutmayın. Bu, boyutlarını yarı yarıya veya daha fazla azaltacaktır.

Hem mobil hem de masaüstü deneyimler için web’de JavaScript ve CSS kullanımına ilişkin istatistikler sağlayan JavaScript Durumu ve Sayfa Ağırlığı raporlarına göre, ortalama bir web sayfası 25 kaynak isteği içerir (sırasıyla 20 JS isteği ve 5 CSS isteği).

Site Denetimi aracımız, yalnızca 100’den fazla kaynağa sahip olması durumunda bir sayfayı ‘Çok fazla JavaScript ve CSS dosyası’ içeriyor olarak işaretler ve bu oldukça fazla bir sayıdır. Yine de analiz edilen web sitelerinin %1’inde çok fazla JavaScript ve CSS dosyası 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, dolayısıyla bu sayıyı 100’ün altında tutarak güvenli tarafta olursunuz. Ayrıca yükleme işlemini hızlandırmak için birden fazla CSS ve JS dosyasını tek dosyada birleştirmeyi düşünün.

Aşağıdaki kaynaklarda web sitenizi yoğunlaştırmaya ilişkin pek çok yararlı bilgi bulacaksınız:

Google Web Fundamentals’a Göre Performans Neden Önemlidir?
İçerik Verimliliğini Google’ın Web Temelleri Aracılığıyla Optimize Etme
Yahoo’dan Web Sitenizi Hızlandırmaya Yönelik En İyi Uygulamalar
Mozilla’dan Hızlı Yüklenen HTML Sayfaları Yazmaya İlişkin İpuçları
Upwork’ten JavaScript’i Optimize Etmek ve Web Sitesi Yükleme ve Oluşturma Hızlarını Artırmak için 11 İpucu
Sunucu Performansını Artırın

Yavaş sayfa yükleme hızının nedenlerinden biri açıkçası büyük HTML sayfa boyutudur. Ancak önceki bölümde de anladığımız gibi, analiz edilen web sitelerinin yalnızca %1’inin büyük HTML sayfa boyutuna sahip olduğu ortaya çıktı. Peki yavaş sayfa yükleme hızı sorunlarının diğer %42’si nereden geliyor? Çoğu zaman bunun nedeni sunucu sorunlarıdır.

Web sunucusunun verimliliği yetersizse erişmeye çalıştığınız web sayfası da yavaş yüklenecektir. Hosting hizmetinizi ve sunulan paketi incelemeniz gerekmektedir; yetersizse sağlayıcıyı değiştirin veya özel bir sunucu almayı düşünün. Hızlı bir barındırma 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ü bu siteler sıklıkla hareket halindeyken kullanılır. Think with Google’ın bu hesaplayıcısı, site hızınızı artırmanın gelirinizi nasıl etkileyebileceğini tahmin etmenize yardımcı olacaktır.

Yavaş uygulama mantığı, yavaş veritabanı sorguları, yavaş yönlendirme, çerçeveler, kitaplıklar, kaynak CPU yetersizliği veya bellek yetersizliği gibi sunucunuzun yanıtını yavaşlatabilecek 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ştiricilerinin bu önerilerini 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ının önbelleğe alınması belirtilmediğinde tetiklenir. Basitçe söylemek gerekirse, tarayıcı önbelleğe almayı etkinleştirmemek, kullanıcıların sayfanızı her ziyaret ettiklerinde aynı dosyaları indirmelerine neden olur.

JavaScript ve CSS dosyaları için tarayıcının önbelleğe alınmasının etkinleştirilmesi, tarayıcıların, sayfanızı isterken tekrar indirmek zorunda kalmadan sayfanızın kaynaklarını depolamasına ve yeniden kullanmasına olanak tanır. Bu şekilde tarayıcı daha az veri indirecek ve bu da sayfa yükleme 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şla

Nihai sayfa hızına katkıda bulunan birçok faktör vardır ve bunların hepsiyle manuel olarak uğraşmak dayanılmaz bir iştir, ancak her zaman özel araçlara başvurabilirsiniz.

Google’ın PageSpeed Insights’ı başlangıç için harika bir araçtır; Ücretsizdir, işlevseldir ve sitenizin hem mobil hem de masaüstü sürümleri için raporlar sağlar. Ek bir faydası da Google’ın kendisi tarafından önemli görülen konulara odaklanmasıdır.

Google, sayfanın yükleme hızı açısından Hızlı, Yavaş veya Ortalama olup olmadığını değerlendirmek için Chrome kullanıcılarının sayfa deneyiminden elde edilen verileri kullanır. Maalesef bu, yalnızca Chrome kullanıcılarından analiz için yeterli trafik alan web siteleri hakkında bilgi alabileceğiniz ve daha küçük web sitelerinin Kullanılamıyor sonucunu alabileceği anlamına gelir.

Yavaş ve Ortalama sonuçlar için size sayfayı hızlandırmaya yönelik en iyi uygulamaların bir listesi olan Optimizasyon Önerileri sunulacaktır. Bu liste kesinlikle incelemeye değer, ancak ihtiyatla ele alınması gerekiyor; Mükemmel puanı kovalamak zamanınızı boşa harcamanıza ve kötü bir kullanıcı deneyimi yaratmanıza neden olabilir.

Yalnızca 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 Denetim Performans Raporu, web sitenizin teknik sorunları hakkında genel bir fikir edinmek için size istatistiksel grafikler sağlayacaktır; araç ipuçları açıklanacak

Her sorunun neyle ilgili olduğunu ve bunu nasıl düzeltebileceğinizi öğrenin.

Sorunların listesi önem derecesine göre Hatalar, Uyarılar ve Bildirimler olarak bölünmüştür; bu ilk önce en kritik hataları çözmenize yardımcı olacaktır.

Performans Raporu, kullanıcı deneyimi (Google Analytics Ortalama Sayfa Etkileşim Süresi) hakkında daha fazla bilgi 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ırmayla web sitenizi hızlandırmak oldukça basittir. Kaynaklarınızı korumak ve en az çabayla en iyi sonuçları almak için web sitenizin belirli bölümlerini test edin, tematik raporları kullanın ve önerilerimizi takip edin. Ayrıca raporun üst kısmındaki Performans Puanınızı izleyerek ilerlemenizi her zaman takip edebilirsiniz.

Web sitenizin hızını 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 web sitesi performans sorunlarını çözmelerine yardımcı olabilecek bağlantıları paylaşmaktan çekinmeyin; faydalı bir kitaplık toplayalım.

Leave A Comment