Hiç kuşkusuz, geliri etkileyen birkaç faktör varken, uzmanların çoğu, 5 saniye içinde yükleme yapan iş yerlerinin, ortalama site yükleme süresi olan 19'da neredeyse iki katına çıktığını söylüyor.
Çalışma ayrıca 5 saniye içinde yükleme yapılan sitelerin de bulunduğunu tespit etti:
- % 25 daha yüksek reklam görünürlüğü,
- % 35 daha düşük hemen çıkma oranı, ve
- % 70 daha uzun kullanıcı oturumları.
İşte bu yüzden işletmelerimizin başarılı olmalarına yardımcı olmak için mobil-ilk çözümlere odaklanmamız gerekiyor. Sonuçta, mobil hız hiç bu kadar önemli olmamıştı.
$config[code] not foundYavaş Yükleme Hızı Gerçekten Sorun Olabilir
Google’a göre
- 2 kişiden 1'i bir sayfanın 2 saniyeden daha kısa sürede yüklenmesini bekliyor.
- Sayfa bir mobil cihaza yüklenmek için 3 saniyeden uzun sürerse, ziyaretlerin% 53'ünün terk edilme olasılığı daha yüksektir.
- İnsanların% 46'sı web’de gezinirken bir mobil cihazda sayfaların yüklenmesini beklemekten memnuniyet duymadığını göstermiştir.
Mobil internetteki siteleri yavaşlatan 3 ana faktör sunucu istek sayısı, dosya boyutu ve sayfa yükleme elemanlarının sıralı sırasıdır. Şimdi nedenlerini vurguladık; Çözüme geçelim.
Mobil Site Hızı Nasıl Artırılır?
Sunucu Yanıt Sürenizi Ölçün ve Küçültün
Mobil sayfa hızınız yalnızca kodunuza bağlı değildir, aynı zamanda sunucu adı verilen önemli bir teknik araca da bağlıdır.
Sunucunuz bir tarayıcı isteğine yanıt vermek için ne kadar beklerse, sayfanız aygıta o kadar yavaş yüklenir. Google’daki uzmanların çoğu, sunucunuzu 1’in iletilmesine başlast Daha optimum sonuç için bir istek bir iki yüz milisaniye içinde kaynakların bayt.
Genel olarak, sunucu yanıt sürenizin yükseltilmesinde 3 ana yöntem vardır:
- Web sunucusu yapılandırmanızı veya yazılımınızı iyileştirme.
- Barındırma hizmetinizin kapsamını ve kalitesini artırmak, özellikle de yeterli bellek ve CPU kaynaklarına sahip olmanızı sağlamak.
- Web sayfalarınızın ihtiyaç duyduğu kaynak sayısını azaltma.
Görüntüleri yüklemek için CSS kullanın
İçerik resimlerinizi mobil kullanıcılar için gizlemek istiyorsanız, bunları CSS üzerinden arka plan görüntüleri olarak yükleyin ve koşullu olarak gizlemek için medya sorguları kullanın.
Bu tekniğin bir varyasyonu, aygıta özgü görüntüleri şartlı olarak yüklemek için Amazon tarafından kullanılır.
Mobil Sayfa Hızınızı Artırmak için Yönlendirme Sayısını En Aza İndirin
Yönlendirmeler web sitesi ziyaretçilerini bir sayfadan diğerine otomatik olarak götürebilecek talimatlardan başka bir şey değildir.
Her yönlendirme değerli bir milisaniyeyi yenebilir, bu da daha yavaş sayfa yüklenmesine neden olur. Bu, mobil cihazlar için özellikle problemlidir, çünkü bunlar genellikle masaüstü kullanıcılarından çok güvenilmez ağlara bağımlıdır.
Bu sorunu çözmek için ilk adım, yönlendirme eşleştiricisi gibi araçlar kullanarak sitenizdeki yeniden yönlendirme sayısını araştırmaktır. Sayı çok büyükse, en aza indirin veya ideal olarak en iyi sonuçlar için sıfıra getirin.
JS ve CSS Dosyalarını küçültün
Daha fazla veri, fazla sayfa ağırlığı anlamına gelir. Bu, mobil cihaza yüklenmek için sayfalarınızın daha uzun sürmesini sağlar.
Bu nedenle, web geliştiricilerinin titizlikle değer vermelerinin çoğu, sayfa yükleme hızını artırmak için varlıkları optimize etme ve en aza indirmenin gerekliliğini bilir.
“Minification”, bir sayfanın görüntüsünü etkilemeden fazlalığı ortadan kaldırır. Çok çeşitli Google araçları, aşağıdakiler dahil olmak üzere bu fazlalıkları ortadan kaldırmanıza yardımcı olabilir:
- CSSNano (CSS için)
- UglifyJS (JS için)
Görüntüler Yerine, CSS3 Kullanın
Alt gölgeler, yuvarlatılmış köşeler ve degrade dolgular - bu özelliklerin tümü görüntüler yerine CSS ile yapılabilir.
Bu, HTTP isteklerinin sayısını azaltmada büyük ölçüde yardımcı olabilir, böylece yükleme süresini bir seferde ve aynı anda hızlandırabilir.
JPEG Yerine Satır İçi SVG Kullan
Veri URI'leri gibi, HTTP isteklerinin sayısını azaltmak için SVG'ler (ölçeklenebilir vektör grafikleri) bir sayfaya gömülebilir.
Bu dosyalar Inkscape, Adobe Illustrator, vb. Gibi bir vektör grafik düzenleyicide oluşturulabilir. Bir kez oluşturulduktan sonra, bir metin düzenleyicide açıp kodunuza bırakabilirsiniz.
Not: Bir SVG'yi stil sayfanıza gömmek için önce onu veri URI'sine dönüştürmeniz, ardından bir sonraki adıma geçmeniz gerekir.
Böylece az çok şeyleri özetler. Umarım iyi ve aydınlatıcı bir okuma yapmışsınızdır.
Shutterstock üzerinden fotoğraf
1
