Mobil performans: Bir siteyi mobil uyumlu hale getirme

[Nizam-ı Alem]

Metin2 EP, Valorant VP dahil tüm oyun ürünlerini en uygun fiyatlarla bulabilir, Item ve Karakterlerinizi hızlıca satabilirsiniz. HEMEN TIKLA!

Mobil performans neden önemli?​

Web, mobil hale geliyor. Küresel web sayfası görüntülemelerinin %50'sinden fazlası mobil cihazlarda gerçekleşiyor. Asya ve Afrika gibi bazı bölgelerde bu oran çok daha yüksek. Her durumda, bu oran her yıl istikrarlı bir şekilde artıyor.

Büyük arama motorları bu eğilimin farkında ve bu nedenle hızlı mobil yükleme sürelerine sahip sitelere öncelik veriyorlar. Mobil kullanıcıların bant genişliği sınırlı olabilir ancak yine de bilgiyi hızlı bir şekilde bulmak isteyebilirler. Bu kullanıcılar genellikle daha az sabırlıdır, bu da yavaş yüklenen siteler için yüksek hemen çıkma oranları anlamına gelir. ('Hemen çıkma oranı', web sitesi ziyaretçilerinin yalnızca tek bir sayfayı görüntüledikten sonra siteyi terk etme yüzdesidir).

Google ve diğer site hızı otoriteleri, mobil bir site için maksimum yükleme süresinin yaklaşık üç saniye olması gerektiğini belirlemiştir. Üç saniyeden 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 aşağıya yerleştirerek 'cezalandırır'.

Mobil bağlantı üzerinden üç saniyelik yükleme süresi sınırı çok affedici değil, ancak mobil yükleme sürelerini düşük tutmak için denenmiş ve kanıtlanmış stratejiler vardır.
​

Mobil performansı nasıl iyileştirebilirsiniz?​

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örseller genellikle en büyük dosya boyutlarına sahip olup, görsel optimizasyon araçları kullanılarak veya SVG gibi hafif bir görsel formatına dönüştürülerek küçültülebilirler.

HTML, JavaScript ve CSS dosyaları da küçültme (minification) yoluyla küçültülebilir. Kod küçültme, koddaki tüm boşlukları ve yorumları kaldırmak ve kodu mümkün olan en kompakt şekilde yeniden yapılandırmak anlamına gelir. Bu, dosya boyutunu minimuma indirecektir. Bu, kodu insan için neredeyse okunamaz hale getirse de, bir web tarayıcısı kodu yine de sorunsuz bir şekilde çalıştırabilecektir.

Daha küçük dosya boyutları oluşturmanın yanı sıra, toplam dosya sayısı da 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 fazla JavaScript ve CSS dosyasına sahip siteler, tüm JavaScript kodunu tek bir dosyada birleştirmeli ve CSS için de aynısını yapmalıdır. Çok az JavaScript veya CSS gerektiren sayfalar için, satır içi stiller* kullanmak yükleme sürelerini önemli ölçüde iyileştirebilir.

*Genellikle web geliştiricileri HTML, JavaScript ve CSS kodlarını farklı dosyalarda yazarlar. Geliştiriciler, 'satır içi stiller' adı verilen bir teknik kullanarak JavaScript ve/veya CSS kodlarını HTML ile aynı dosyada yazabilirler.
​

Kaynakları uç noktada önbelleğe alma​

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'da ve kullanıcı Berkeley'de (10 mil uzakta) ise, bu oldukça hızlı olmalıdır. Peki ya kullanıcı Tokyo'da (5.000 mil uzakta) ise? Bu, her istek ve yanıtın binlerce mil yol kat etmesi gerektiği anlamına gelir ve bu da web sitesinin yüklenmesine önemli bir gecikme ekler.

Bu sorunu hafifletmenin yaygın bir yolu, İçerik Dağıtım Ağı (CDN) kullanmaktır. Küresel bir CDN, içeriği ağın uç noktasında önbelleğe alır. Bu, CDN'nin dünyanın dört bir yanındaki veri merkezlerinde bulunan önbellekleme sunucularına sahip olduğu anlamına gelir. İnternet erişimi olan herkes bir veri merkezinden asla çok uzakta değildir. Bu veri merkezi sunucuları, web sitesi verilerini önbelleğe almak için kaynak web sunucularıyla iletişim kurabilir, böylece CDN kullanan bir web sitesini ziyaret eden kullanıcılar, web sitesi dosyalarını yerel veri merkezlerinden alabilirler. Bu, konumlarından bağımsız olarak kullanıcılar için hızlı bir istek-yanıt süresi sağlar.
​

Önbelleğe Alınmış API Çağrıları​

API çağrıları, harici kaynaklardan veri almak için yapılan HTTP istekleridir. Örneğin, Rotten Tomatoes gibi bir film eleştirisi sitesi, Rotten Tomatoes'da gezinen kullanıcıların yerel film gösterim saatlerini görebilmesi için Fandango gibi bir biletleme hizmetine API çağrıları yapabilir. API çağrıları sağlam bir deneyim oluşturmaya ve gereksiz işleri azaltmaya yardımcı olsa da, yükleme sürelerini yavaşlatabilecek yeni HTTP istekleri de oluştururlar.

Bu ekstra HTTP isteklerini en aza indirmek için API çağrıları önbelleğe alınabilir. Yukarıdaki film gösterim saatleri örneğimizde, Rotten Tomatoes'un Los Angeles film gösterim saatlerini günde yalnızca bir kez alması gerekiyor. Sitelerini bu API çağrısını günde bir kez önbelleğe alacak şekilde yapılandırabilirler. Bu şekilde, her gün 10.000 Los Angeles kullanıcısı Rotten Tomatoes'u ziyaret ederse, bu kullanıcıların yalnızca ilki Fandango'ya yapılacak API çağrısını beklemek zorunda kalacaktır.
​

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 işlemi gerçekleşmeden önce kullanıcının ekranında görünen içeriğe 'sayfanın üst kısmı' içeriği denir. Web geliştiricileri, sayfanın üst kısmı içeriğinin her zaman önce yüklenmesini sağlayacak şekilde kod yazmalıdır. Bunu başarmak için kullanılan bir teknik, kullanıcının sayfayı aşağı kaydırdıkça sayfanın altındaki içeriği dinamik olarak yükleyerek çalışan tembel yükleme (lazy loading) 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 genellikle yeniden adlandırılan veya yeniden markalanan web sitelerinde kullanılır. Yönlendirmeler değerli yükleme süresini tükettiği için bu uygulamadan mümkün olduğunca kaçınılmalıdır.
​

Özet​

Mobil tarama web'de giderek daha fazla yer edindikçe, yüksek performanslı bir mobil siteye sahip olmak daha da önem kazanıyor. Hızlı mobil siteler, daha yüksek etkileşim ve iyileştirilmiş dönüşüm oranlarının yanı sıra SEO artışı ile ödüllendirilir. Web sitesi sahipleri, bu avantajlardan yararlanmak için yukarıda özetlenen stratejilerin bir kısmını veya tamamını uygulamalıdır.​

 

[Tolstoy]

Eline sağlık

 

[Lightning]

Eline sağlık