Hızlı Açılan Web Sitesi İçin Temel Adımlar

Bir sayfa açılırken ekranın boş kalması, hem sabırsız ziyaretçiyi hem de sizi yorar. Üç saniye kadar süren bir bekleme bile, telefonla ve mobil bağlantıyla gelen ziyaretçi için uzun hissedilir. Hız, teknik bir ayrıntı gibi görünse de aslında kullanıcı deneyiminin bir parçasıdır. İyi haber şu: bir sitenin yavaşlığının büyük kısmı birkaç basit nedene dayanır ve çoğu bu nedenler sizin elinizdedir.

Önce ölçün, sonra düzeltin

Hızı tahminle değil ölçümle değerlendirin. Tarayıcılarda ve çevrimiçi araçlarda sitenizi test eden ücretsiz hız ölçerler bulunur. Bu araçlar sayfanın ne kadar sürede göründüğünü ve hangi öğelerin yüklenmeyi yavaşlattığını listeler. Sonuçtaki puandan çok, listelenen öneri kalemlerine bakın; bu kalemler size nereden başlayacağınızı söyler.

Ölçümü hem telefon hem masaüstü için yapın. Çoğu zaman telefon sonucu daha düşüktür ve gerçek ziyaretçilerinizin deneyimine daha yakındır. Ölçümü farklı saatlerde birkaç kez tekrarlayın; tek bir sonuç değişkenlik gösterebilir.

Görseller: en büyük etken

Çoğu işletme sitesinde yavaşlığın ilk nedeni görsellerdir. Telefonla çekilen bir fotoğraf birkaç megabayt boyutunda olabilir. Bu fotoğrafı doğrudan yüklerseniz, küçücük bir kutuda gösterilse bile bütün dosya indirilir. Çözüm basit:

• Görseli ekranda gösterileceği boyuta yakın bir boyuta küçültün
• Uygun bir biçim seçin; fotoğraflar için sıkıştırılmış formatlar, logo ve simgeler için vektör formatlar daha hafiftir
• Gereksiz yere çok sayıda fotoğraf koymayın; bir bölümde altı görsel yerine üç iyi görsel yeterli olabilir
• Sayfanın alt kısmındaki görseller, ziyaretçi oraya inene kadar yüklenmeyi bekleyebilir

İlk ekranda görünen büyük görsel özellikle önemlidir; çünkü ziyaretçinin ilk izlenimini belirler ve sayfanın yüklenme hissini yönetir. Bu görseli hafif tutun.

Çok fazla öğe, çok fazla istek

Her görsel, her yazı tipi dosyası, her yerleşik video ve her ek araç sayfanın ek bir istek yapmasına neden olur. Sayfa ne kadar çok parça yüklerse o kadar yavaşlar. Sitenize eklediğiniz her aracı, sayaç, canlı destek kutusu, yorum eklentisi ve benzerlerini, gerçekten işe yarayıp yaramadığı açısından sorgulayın. Kullanmadığınız bir aracı kaldırmak, sayfa hızına anında yansır.

Yazı tiplerinde de dikkatli olun. Dört beş farklı yazı tipi ailesi ve çok sayıda kalınlık yüklemek sayfayı ağırlaştırır. İki yazı tipi ailesi ve gerekli birkaç kalınlık çoğu site için yeterlidir.

Videoları dikkatli kullanın

Otomatik oynayan arka plan videoları etkileyici görünebilir; ama sayfa yükünü ciddi biçimde artırır. Videoyu kullanacaksanız kısa tutun, sıkıştırın ve ilk ekranı kaplamasını gerektiren bir durum yoksa ziyaretçi oynat düğmesine basana kadar yüklemeyi erteleyin. Bir tanıtım videosunu doğrudan sayfaya gömmek yerine, harici bir video platformundaki bağlantıyla paylaşmak da hafif bir seçenektir.

Sayfa düzeni kayması

Hızın bir yönü de sayfanın yüklenirken sıçramamasıdır. Bir ziyaretçi bir düğmeye basmak üzereyken görsel yüklenir ve düğme aşağı kayarsa yanlış yere basar. Bu sorun, görsellerin boyutu önceden belirtilmediğinde ortaya çıkar. Her görsel için bir genişlik ve yükseklik alanı ayırmak, sayfanın yüklenirken yerinde kalmasını sağlar.

İçeriği sadeleştirin

Hız yalnızca teknik bir mesele değildir; içerik miktarıyla da ilgilidir. Bir sayfaya her şeyi koymak yerine, ziyaretçinin ihtiyacı olanı koymak hem sayfayı hafifletir hem de kullanımı kolaylaştırır. Uzun bir ana sayfa yerine, ayrıntıları ayrı sayfalara bölün ve ana sayfada özet verin. Bir sayfa ne kadar kısa ve odaklıysa o kadar hızlı yüklenir ve o kadar kolay anlaşılır.

Barındırma ve bağlantı

Sitenizin barındırıldığı hizmet de hızı etkiler. Sunucunuz ziyaretçilerinize uzaksa ya da paylaşımlı ve aşırı yüklüyse sayfa yavaş gelebilir. Hizmet sağlayıcınızın bu konudaki seçeneklerini ve yöntemlerini kendi sözleşmenize ve panelinize bakarak değerlendirin. Burada kesin bir sonuç vaat etmek mümkün değil; ama görsellerinizi ve sayfa düzeninizi iyileştirmek çoğu zaman barındırma değişikliğinden daha büyük fark yaratır.

Hız için kısa kontrol listesi

• Sayfayı hem telefonda hem masaüstünde ölçtüm mü?
• Görselleri ekranda gösterileceği boyuta küçülttüm mü?
• İlk ekrandaki görsel hafif mi?
• Kullanmadığım araç ve eklentileri kaldırdım mı?
• Yazı tipi aile ve kalınlık sayısı makul mü?
• Videolar otomatik oynamıyor ve ağır değil mi?
• Görsellerin boyutları belirtildiği için sayfa yüklenirken sıçramıyor mu?
• Ana sayfa gereksiz uzunlukta değil mi?

Gerçek ziyaretçi koşullarını taklit edin

Sitenizi hızlı bir ofis bağlantısında denemek, çoğu ziyaretçinin yaşadığı gerçeği yansıtmaz. Telefonunuzda Wi-Fi'ı kapatıp mobil veriyle açın; mümkünse sinyalin zayıf olduğu bir yerde deneyin. Sayfanın ne kadar sürede metin göstermeye başladığına, görsellerin ne zaman geldiğine ve düğmelerin ne zaman tıklanır olduğuna bakın.

Bu deneyimde en çok fark yaratan şey, ilk ekranın yüklenme sırasıdır. Başlık ve düğme birkaç saniye içinde görünüyorsa, alttaki görseller biraz gecikse de ziyaretçi sayfayı beklemeye razı olur. Önceliği ilk ekrana vermek, toplam yüklenme süresini kısaltmaktan çoğu zaman daha etkilidir.

Küçük işletme siteleri için pratik bir hedef şudur: telefonda orta düzey bir bağlantıyla sayfa başlığı birkaç saniye içinde görünsün. Kesin bir sayı sözü vermek mümkün değildir; yine de her değişiklikten sonra aynı denemeyi yapıp sonucu karşılaştırmak yön gösterir.

Denemelerin sonuçlarını tarihleriyle birlikte bir tabloya yazın. Üç ay sonra hangi değişikliğin sayfayı hızlandırdığını, hangisinin işe yaramadığını bu kayıttan okuyabilirsiniz.

Küçük adımlar, görünür fark

Hız çalışması bir kerede büyük bir yenileme gerektirmez. Önce en büyük görselleri küçültün, ardından ölçümü tekrarlayın. Sonra kullanılmayan araçları kaldırın ve yine ölçün. Her adımın etkisini görmek, hangi değişikliğin işe yaradığını anlamanızı sağlar. Yeni bir görsel ya da bölüm eklediğinizde aynı alışkanlığı tekrarlayın; böylece site zamanla ağırlaşmaz.