PageSpeed Insights ile sitenizi daha mobil uyumlu hale getirin

19 Mayıs 2014 Pazartesi

Geliştiricilerin ve web yöneticilerinin sayfalarını mobil uyumlu hale getirmelerine yardımcı olmak için, PageSpeed Insights’ı mobil kullanılabilirlik konusundaki ek önerilerle yakın zamanda güncelledik.

Kötü kullanılabilirlik, hızlı bir sayfa yüklemesinin sağladığı avantajları azaltabilir. Ortalama bir mobil sayfanın
yüklenmesinin 7 saniyeden uzun sürdüğünü biliyoruz.
PageSpeed Insights aracını kullanarak ve hız önerilerini takip ederek sayfanızın
çok daha hızlı yüklenmesini sağlayabilirsiniz. Ancak hızlı mobil sitenizin 7 saniye yerine sadece 2 saniyede yüklendiğini varsayalım. Eğer mobil kullanıcılar sayfa yüklendikten sonra metni okumaya ve sayfayla etkileşime geçmeye başlamadan önce ekranı yakınlaştırmak ve kaydırmak için 5 saniye daha harcamak zorunda kalıyorsa, o site aslında kullanım açısından hızlı değildir. PageSpeed Insights’ın yeni Kullanıcı Deneyimi kuralları, bu kullanılabilirlik sorunlarını bulmanıza ve düzeltmenize yardımcı olabilir.

Bu yeni öneriler şu anda aşağıdaki alanları kapsamaktadır:

• Görüntü alanını (viewport) yapılandırın : Bir meta-viewport etiketi olmadan, modern mobil tarayıcılar sayfanızın mobil uyumlu olmadığını varsayacak, masaüstü görüntü alanına geri dönecek ve muhtemelen yazı tipi büyütme uygulayarak amaçladığınız sayfa düzenine müdahale edecektir.
  Görüntü alanını width=device-width olarak yapılandırmak, sitenizi mobil uyumlu hale getirmede ilk adımınız olmalıdır.
• İçeriği görüntü alanına göre boyutlandırın: Kullanıcılar mobil sitelerin yatay değil, dikey olarak kaydırılmasını bekler. Görüntü alanınızı yapılandırdıktan sonra, sayfa içeriğinizin
  bu görüntü alanının genişliğine sığdığından emin olun; tüm mobil cihazların aynı genişlikte olmadığını unutmayın.
• Okunabilir yazı tipi boyutları kullanın: Kullanıcılar akıllı telefon ekranlarında makale metninizi okuyabilmek için yakınlaştırmak zorunda kalıyorsa, siteniz mobil uyumlu değildir. PageSpeed Insights, sitenizin
  metin boyutunun çoğu kullanıcının rahatça okuyabileceği kadar büyük olup olmadığını kontrol eder.
• Dokunma hedeflerini uygun şekilde boyutlandırın: Bir telefon veya tablet dokunmatik ekranında bir düğmeye veya bağlantıya tıklamaya çalışırken, parmak ucunuz masaüstü fare imlecinden çok daha büyük olduğu için yanlış yere tıklamaktan daha sinir bozucu bir şey yoktur. Mobil sitenizin dokunmatik ekran
  dokunma hedeflerinin kolayca basılabilecek kadar büyük olduğundan emin olun.
• Eklentilerden kaçının: Çoğu akıllı telefon Flash veya diğer tarayıcı eklentilerini desteklemez, bu nedenle mobil sitenizin
  eklentilere dayanmadığından emin olun.

Bu kurallar
yardım sayfalarımızda daha ayrıntılı olarak açıklanmıştır. Hazır olduğunuzda,
PageSpeed Insights aracını kullanarak sayfalarınızı ve yaptığınız iyileştirmeleri test edebilirsiniz.
Ayrıca PageSpeed Insights’ı mobil uyumlu bir tasarıma sahip olacak şekilde güncelledik ve belgelerimizi ek dillere çevirdik.

Her zaman olduğu gibi, herhangi bir sorunuz veya geri bildiriminiz varsa lütfen
tartışma grubumuzda paylaşın.

Yazan: Matthew Steele ve Doantam Phan, PageSpeed Insights ekibi