Web Sitenizin Yüklemesini Hızlandırmanın 6 Yolu

Web siteniz dünyanın en güzel sitesi olabilir, ancak yüklenmesi sonsuza kadar sürerse size bir faydası olmaz. Kabul edelim. İnsanlar sabırsız ve yavaş bir web sitesi, potansiyel müşterilerin satın alma işlemlerini tamamlamasını engelliyor.

Online alışverişe çıktığımda sayfaların en kötü ihtimalle 5-10 saniye içinde yüklenmesini bekliyorum. Bundan daha uzun sürerse huzursuz olurum ya da dükkânı tamamen terk ederim.

Elbette, bazı insanlar benden daha sabırlı olabilir ama neden riske girelim? Güvenli oynayın ve işletme web sitenizi mümkün olduğunca hızlı hale getirin.

Fotoğraf: Meddygarnet

Ancak başlamadan önce, belirlemeniz gereken ilk şey ne kadar hızlı yeterince hızlı mı? Web sitesi optimizasyonlarınızın bu boyutu, büyük ölçüde web ziyaretçilerinizin analizlerine ve demografisine bağlıdır.

Örneğin, 3 yıl önce eşim ve ben çevrimiçi mağazamızı ilk kez açtığımızda müşterilerimizin %35'inden fazlası çevirmeli ağ kullanıyordu. Sonuç olarak, sadece 56K indirme oranı varsayarak hızlı bir alışveriş deneyimi sağlamak için web sitesi tasarımımızda ciddi kesintiler yapmak zorunda kaldık.

Bugün, müşterilerimizin yalnızca %2'si çevirmeli ağ kullanıyor (şükürler olsun!), böylece kullanıcı deneyimini etkilemeden daha fazla multimedya içeriğini güvenle ekleyebiliyoruz.

Herhangi bir sayfanın maksimum boyutunu belirlemek için, genellikle web ziyaretçilerimin ağırlıklı ortalama bant genişliği ile 5 saniyeyi çarparım. Örneğin, ziyaretçilerimin çoğu DSL kullanıyorsa, 1Mbit indirme hızı varsayabilir ve herhangi bir web sayfasının olması gereken maksimum boyutun 5Mbit olduğuna karar verebilirim.

Bu kesin bir bilim değil. Sonuç olarak, web sitenizin ne kadar hızlı olması gerektiğine kendiniz karar vermelisiniz.

Ancak her durumda, daha hızlı her zaman daha iyidir. Son yazımda bahsettiğim gibi, web sitesi hızı her zaman web barındırıcınızın bir işlevi değildir. Aslında çoğu zaman, web yöneticisi yavaş bir web sitesi için değil, yavaş bir web sitesi için suçludur. Bu makale, işleri nasıl hızlandıracağınıza dair bazı ipuçlarını açıklayacaktır.

Neyin En Önemli Olduğuna Karar Verin ve Yüklemeyi Yeniden Sıralayın

Web sitenizi daha hızlı hale getirmek her zaman görüntüleri ve içeriği kesmekle ilgili değildir. Bazen sitenizi olduğu gibi beğenebilirsiniz ve gerçekten hiçbir şeyi değiştirmek istemezsiniz.

Durum buysa ve web siteniz yavaşsa, çoğu zaman sayfanızın yüklenme biçimine öncelik vermekten kurtulabilirsiniz.

Kullanıcının ilk önce neyi görmesini istiyorsunuz? Çoğu durumda, ziyaretçileriniz, önemli şeyler önce yüklendiği ve tüyler daha sonra bittiği sürece daha yavaş bir siteye aldırmaz.

Örneğin, MyWifeQuitHerJob.com ile, her zaman tüm çekici içeriğin reklamlardan önce ortaya çıktığından emin olurum. Bu şekilde, reklamların yüklenmesi biraz yavaşsa, tüm blogu aşağı çekmez.

Web sayfaları her zaman sıralı olarak yüklenir, bu nedenle yüklenmesini istediğiniz öğeleri her zaman sayfanızın en üstüne ve en az önemli olanları html belgenizin sonuna yerleştirmelisiniz.

Sayfada belirli bir konumda görünmesi gereken öğeler olması durumunda, yükleme sırasını kontrol etmek için javascript veya css kullanabilirsiniz.

Örneğin, MyWifeQuitHerJob.com'umun en üstünde 728×90 büyük afiş reklamım görünse de, aşağıdaki adımları uygulayarak en son yüklenmesini sağlarım.

• Reklamın olması gereken yerde boş bir <div id=”banner728″> oluşturuyorum ve kimliğini “banner728” olarak ayarladım. Bu, daha sonra javascript kullanarak yükleyebileceğim boş bir yer tutucu oluşturur.
• Sayfanın en sonuna aşağıdaki javascript parçacığını ekliyorum
  <script type=”metin/javascript”>
  document.getElementById(“banner728”).innerHTML = “istenen reklam başlığı kodu”;
  </script>
  Bu kod, yukarıda belirlediğim “banner728” yer tutucusunu bulur ve reklam banner'ını <div> içine yerleştirir. Bu komut dosyası dosyanın en sonunda olduğundan, her şeyden sonra en son yüklenir.

HTML Resmi Yeniden Boyutlandırma Kullanmayın

Birçok aceminin yaptığı yaygın bir hata, görüntüleri küçültmek ve yeniden boyutlandırmak için html'ye güvenmek. Bu teknik işe yarasa ve zararsız görünse de, web sitenizin performansını kesinlikle öldürecektir.

Bunun nedeni, yalnızca çok daha küçük bir görüntü gösteriyor olsanız bile, görüntülenmeden önce orijinal görüntünün tamamının yüklenmesi gerektiğidir.

Kendinizi bu tuzağa düşmemek için sitenizde göstermeden önce görseli istediğiniz boyutlara küçültmek için zaman ayırdığınızdan emin olun. Görüntüleri doğrudan dijital kameranızdan çekmeyin.

Resimlerinizi Optimize Edin

İnsan gözü, bilgisayar monitöründe bağımsız bir görüntüye bakarken görüntü kalitesi konusunda çok daha bağışlayıcıdır. Bu nedenle, web siteniz için çok daha düşük kaliteli resimlerle kurtulabilirsiniz.

Resimlerinizi sayfanızda göstermeden önce mümkün olduğunca optimize ettiğinizden ve küçülttüğünüzden emin olun. Sitelerimdeki resimlerle Photoshop kullanarak genellikle yüzde 50 veya daha düşük bir JPEG kalitesi seçiyorum.

GIFS kullanıyorsanız, gerçekten ihtiyacınız olandan daha büyük bir renk paleti kullanmadığınızdan emin olun. Sadece 16 renkle kurtulabiliyorsanız, GIF'inizi yalnızca 16 renk paleti ile seçin.

Renk yuvalarından hiçbirinin kopyalar tarafından boşa harcanmadığından emin olmak için tüm GIF'lerinizi analiz edin.

3. Bir Tarafla Video ve Büyük Görüntüler Barındırın

Web sitenizi güçlü bir sunucu kümesinde barındırmıyorsanız, zengin multimedya içeriği sitenizi bir taramaya kadar yavaşlatacaktır. Genel olarak, videolarınızı ve daha büyük dosyalarınızı, akışı daha iyi destekleyen daha sağlam bir altyapıya sahip bir üçüncü taraf hizmetinde barındırmak çok daha ekonomiktir.

Örneğin videoları kendi sunucunuzda barındırmak yerine neden YouTube veya Vimeo kullanmıyorsunuz? Ürettiğiniz içeriğe sahip olmak istiyorsanız, Amazon'un S3'ü gibi bir hizmeti de ödeyebilir ve kullanabilirsiniz. Yüksek bant genişliği içeriğini büyük çocuklara bırakın.

Üçüncü Taraf Kodunu veya Bağlantılı Görselleri Kullanmaktan Kaçının

Başka bir sunucuda barındırılan bir görüntüyü veya kaldıraç kodunu her bağladığınızda, web sitenizin hızını riske atmış olursunuz. Üçüncü taraf sunucusu yavaşsa veya yavaşsa, kendi web sitenizi de kapatabilir, bu nedenle 3. taraf kodunun kullanımını en aza indirmek önemlidir.

Ayrıca, siteniz üçüncü taraf bir sunucuya her eriştiğinde, ağ tıkanıklığına bağlı olarak biraz zaman alabilen bir DNS araması yapılmalıdır.

Birkaç yüz milisaniyelik gecikme çok fazla görünmeyebilir, ancak 10 farklı sunucudan kod alıyorsanız, bu aramalar birkaç saniyeye kadar gecikme süresi ekleyebilir.

Önbelleğe Alma ve Sıkıştırmadan Yararlanın

Çoğu web sitesinin büyük kısmı metindir ve metin son derece iyi sıkıştırılır. Bu nedenle sunucunuzda sıkıştırmayı etkinleştirirseniz indirme sürelerini %75'e kadar azaltabilirsiniz.

Ne yazık ki, tüm paylaşılan web barındırıcılarının sunucularında sıkıştırma etkin değildir. Web siteniz paylaşılan bir web barındırıcısındaysa, sunucularının mod_deflate veya mod_gzip'i destekleyip desteklemediğini sorun.

Sunucunuz sıkıştırmayı destekliyorsa, bu makalede açıklanan adımları izleyerek web sitenizde sıkıştırmayı etkinleştirdiğinizden emin olun. WordPress kullanıyorsanız, WP-SuperCache eklentisi zaten sizin için sıkıştırmayı yönetir.

Sıkıştırmaya ek olarak, web sitenizde sık erişilen sayfaları önbelleğe alarak sitenizi hızlandırabilirsiniz. Online mağazamız için aslında bunu bir adım daha ileri götürüyorum ve çok sık değişmeyen yoğun trafikli web sayfaları için statik sayfalar oluşturuyorum.

Hız Önemlidir

Muhtemelen, birileri muhtemelen web sitenizi sizinkinden çok daha yavaş bir bağlantıyla görüntülüyor. Ve çevrimiçi işinizin kâr potansiyelini en üst düzeye çıkarmak için her zaman en düşük ortak paydayı hesaba katmanız gerekir.

Çevrimiçi mağazamızın hala çevirmeli ağ müşterileri olduğunu görmek beni çok şaşırttı! Ben hala onlara sahipsem, o zaman sen de olabilirsin.