Bir web site nasıl mobil uyumlu hale gelir? Neler yapılması gerekmektedir? İşte bu yazı sizin için!

Bir web sitesinin mobilde nasıl performans gösterdiği hem kullanıcı deneyimi hem de arama motoru sıralamaları için çok önemlidir. Mobil cihazlarda hızlı sayfa yükleme hızları sağlamak için çeşitli stratejiler birleştirilebilir.

Mobil performans neden önemlidir?

Web mobil oluyor. Statista’ya göre, küresel web sayfası görüntülemelerinin yüzde 51’i mobil cihazlarda. Asya ve Afrika gibi bazı bölgelerde bu oran çok daha yüksektir. Her durumda, bu yüzde yıldan yıla istikrarlı bir şekilde artmaktadır.

Büyük arama motorları bu eğilimin farkındadır ve bu nedenle mobil yükleme süreleri hızlı olan sitelere öncelik verirler. Mobil kullanıcılar sınırlı bant genişliğine sahip olabilir ancak yine de bilgileri hızlı bir şekilde bulmak isteyebilir. Bu kullanıcılar daha az sabırlı olma eğilimindedir, bu da yavaş yüklenen siteler için yüksek hemen çıkma oranları anlamına gelir. (‘Hemen çıkma oranı’, yalnızca tek bir sayfayı görüntüledikten sonra siteden ayrılan web sitesi ziyaretçilerinin yüzdesidir).

Google ve diğer site hızı yetkilileri, bir mobil site için maksimum yükleme süresinin yaklaşık üç saniye olması gerektiğini belirlemiştir. Üç saniye sonra, kullanıcı tutma oranı önemli ölçüde düşer. Arama motorları, özellikle mobil kullanıcılar için, yavaş yüklenen siteleri arama sonuçlarında daha alt sıralara yerleştirerek ‘cezalandıracaktır’.

Bir mobil bağlantı üzerinden üç saniyelik yükleme süresi sınırı çok bağışlayıcı değildir, ancak mobil yükleme sürelerini düşük tutmak için denenmiş ve gerçek stratejiler vardır.

Mobil performans nasıl iyileştirilir

Mobil performansı etkileyen bir dizi faktör vardır, bu nedenle bir dizi strateji ve en iyi uygulama yükleme sürelerini iyileştirebilir.

Dosya boyutlarını ve dosya sayısını en aza indirin

Daha hızlı bir yükleme süresi sağlamak için tüm web sitesi dosyaları mümkün olduğunca küçük yapılmalıdır. Görüntüler genellikle istenen en büyük dosyalardır ve bunlar görüntü iyileştiriciler kullanılarak veya SVG gibi hafif bir görüntü formatına dönüştürülerek küçültülebilir. HTML, JavaScript ve CSS dosyaları da küçültme yoluyla küçültülebilir. Kod küçültme , tüm boşlukları ve yorumları koddan çıkarmak ve kodu mümkün olan en kompakt şekilde yeniden yapılandırmak anlamına gelir.

Bu, dosya boyutunu minimuma indirecektir. Bu, kodu bir insan için pratik olarak okunamaz hale getirirken, bir web tarayıcısı yine de kodu gayet iyi çalıştırabilir. Daha küçük dosya boyutları oluşturmaya ek olarak, toplam dosya sayısı minimumda tutulmalıdır. Bir web sitesini yüklemek için gereken her ek dosya, ek bir istek ve yanıt anlamına gelir ve bu gidiş dönüşler yükleme süresine katkıda bulunur.

Birden çok JavaScript ve CSS dosyasına sahip siteler, tüm JavaScript kodunu tek bir dosyada birleştirmeli ve aynısını CSS ile yapmalıdır. Çok az JavaScript veya CSS gerektiren sayfalar için satır içi stilleri* kullanmak yükleme sürelerini önemli ölçüde iyileştirebilir. *Genellikle web geliştiricileri farklı dosyalarda HTML, JavaScript ve CSS kodu yazar. Bir geliştirici, ‘satır içi stiller’ adı verilen bir teknik kullanarak JavaScript ve/veya CSS kodunu HTML’leriyle aynı dosyaya yazabilir.

Kaynakları uçta önbelleğe alın

Tipik olarak bir kullanıcı bir web sitesini ziyaret ettiğinde, kullanıcının cihazının web sitesi dosyalarını almak için web sunucusuyla iletişim kurması gerekir. Web sunucusu San Francisco’daysa ve kullanıcı Berkeley’de (10 mil uzakta) ise, bu oldukça hızlı olmalıdır. Ama ya kullanıcı Tokyo’daysa (5.000 mil uzakta)? Bu, her istek ve yanıtın binlerce mil yol kat etmesi gerekeceği ve web sitesinin yüklenmesine önemli ölçüde gecikme ekleneceği anlamına gelir.

Bu sorunu azaltmanın yaygın bir yolu, bir İçerik Dağıtım Ağı (CDN) kullanmaktır . Global bir CDN , içeriği ağ kenarında önbelleğe alır . Bu, CDN’nin dünyanın her yerindeki veri merkezlerinde yaşayan önbelleğe alma sunucularına sahip olduğu anlamına gelir. İnternet erişimi olan hiç kimse bir veri merkezinden asla çok uzakta değildir. Bu veri merkezi sunucuları, CDN’yi kullanan bir web sitesini ziyaret eden kullanıcıların web sitesi dosyalarını yerel veri merkezlerinden alabilmeleri için web sitesi verilerini önbelleğe almak için kaynak web sunucularıyla iletişim kurabilir. Bu, konumlarından bağımsız olarak kullanıcılar için hızlı bir istek-yanıt süresi sağlar.

API Çağrılarını Önbelleğe Alın

API çağrıları, harici kaynaklardan veri almaya yönelik HTTP istekleridir. Örneğin, Rotten Tomatoes gibi bir film inceleme sitesi, Rotten Tomatoes’a göz atan kullanıcıların yerel film gösterim saatlerini görebilmeleri için Fandango gibi bir biletleme hizmetine API çağrıları yapabilir. API çağrıları, sağlam bir deneyim oluşturmaya ve gereksiz çalışmaları azaltmaya yardımcı olurken, yükleme sürelerini yavaşlatabilen yeni HTTP istekleri de oluşturur.

Bu ekstra HTTP isteklerini en aza indirmek için API çağrıları önbelleğe alınabilir. Yukarıdaki film gösterim saati örneğimizde, Rotten Tomatoes’un günde yalnızca bir kez Los Angeles film gösterim saatlerini alması gerekir. Sitelerini bu API çağrısını günde bir kez önbelleğe alacak şekilde yapılandırabilirler. Bu şekilde, 10.000 Los Angeles kullanıcısı her gün Rotten Tomatoes’u ziyaret ederse, bu kullanıcılardan yalnızca ilkinin Fandango’ya API çağrısını beklemesi gerekecek.

Görünür İçeriğe Öncelik Verin

Bir kullanıcının bir web sayfasını yüklerken hemen gördüğü şey genellikle buzdağının görünen kısmıdır; sayfanın geri kalanını görmek için aşağı kaydırmaları gerekir. Herhangi bir kaydırma yapılmadan önce kullanıcının ekranında görünen içeriğe ‘ekranın üst kısmındaki’ içerik denir. Web geliştiricileri, ekranın üst kısmındaki içerik her zaman önce yüklenecek şekilde kod yazmalıdır. Bunu başarmanın bir tekniği, kullanıcı sayfayı aşağı kaydırırken ekranın alt kısmındaki içeriği dinamik olarak yükleyerek çalışan tembel yükleme olarak adlandırılır.

Yönlendirmelerden Kaçının

Çeşitli nedenlerle, bazı web siteleri sayfa yüklemelerinde yönlendirmeler oluşturur. Örneğin, 301 yönlendirmeleri, yeniden adlandırılan veya yeniden markalanan web sitelerinde yaygın olarak kullanılır. Yönlendirmeler değerli yükleme süresini tükettiğinden, bu uygulamadan mümkün olduğunca kaçınılmalıdır.

Özet

Mobil tarama web’in yerini aldıkça, yüksek performanslı bir mobil siteye sahip olmak giderek daha önemli hale geliyor. Hızlı mobil siteler, daha yüksek katılım ve iyileştirilmiş dönüşüm oranlarının yanı sıra bir SEO desteği ile ödüllendirilir. Web sitesi sahipleri, bu avantajlardan yararlanmak için yukarıda belirtilen stratejilerin bir kısmını veya tamamını uygulamalıdır.

Leave A Comment