E-Ticaret Sitenizi Hız İçin Optimize Etmenin 11 Yolu

Bir e-ticaret işletmesi olarak, site performansınızı optimize etmek en önemli önceliklerinizden biri olmalıdır.

Bunun nedeni, dönüşümlerinizin, sayfalarınızın yüklenme hızından doğrudan etkilenmesidir. Günümüzün tüketicileri, inanılmaz derecede hızlı siteler bekliyor. Çevrimiçi mağazanız herhangi bir nedenle yavaşsa, müşterileri ve nihayetinde geliri kaybetme riskiyle karşı karşıya kalırsınız.

Aberdeen Group tarafından 2016 yılında yapılan bir araştırmaya göre, sayfa yükleme süresinde 3 saniyelik bir gecikme yaşarlarsa ziyaretçilerinizin %20'sini kaybedeceksiniz.

Hızlı ne kadar hızlı? Dijital performans yönetimi firması Dynatrace'e göre, 2017'de Kara Cuma ile 3 Ocak arasında faaliyet gösteren küresel perakende web siteleri ortalama olarak 2,5 saniye içinde görsel olarak eksiksiz ve kullanıma hazır hale geldi.

Sitenizin hız için optimize edildiğinden emin olmanın bazı temel yolları şunlardır:

1. DNS Arama Sayısını Sınırlayın

E-Ticaret siteniz her yüklendiğinde, tarayıcının alan adınıza karşılık gelen IP adresini bulması gerekir. Buna DNS (etki alanı adı sistemi) araması denir.

Tarayıcının, ana alan adınızın yanı sıra, Twitter beslemesi veya gömülü bir YouTube videosu gibi harici bir kaynaktan gelen sayfanızdaki tüm alan adlarını da araması gerekir. Bu nedenle, sitenizdeki harici kaynaklara yapılan sorgu sayısını azaltmak, müşterinin yapması gereken farklı DNS aramalarını en aza indirecek ve bu da sayfanın ilk yüklenmesini geciktirebilir. Örneğin, resimlere köprü oluşturmak yerine, bunları sunucunuzda barındırabilirsiniz.

Ayrıca daha hızlı bir DNS sağlayıcısı arayabilir, DNS önbelleğinden yararlanmak için TTL (yaşam süresi) değerlerini değiştirebilir veya mümkün olduğunca çok kaynağı bir içerik dağıtım ağına taşıyabilirsiniz (bununla ilgili daha fazla bilgi ileride anlatılacaktır).

2. Daha İyi Web Hosting Aramalarına Yatırım Yapın

Güvenilir, hızlı web barındırma, sitenizin hızında kritik bir faktördür. Ve tüm web barındırıcıları eşit yaratılmamıştır. Web trafiğinde ve işlemlerde (örneğin büyük bir ürün lansmanı sırasında veya Kara Cuma'dan Siber Pazartesi'ye kadar olan dönemde) büyük artışlarla başa çıkabilecek bir hizmet bulmak isteyeceksiniz.

Bir e-ticaret sitesi için ziyaretçiler tarafından erişilemez olmaktan daha kötü bir kader yoktur. İyi bir barındırma hizmeti, %99,5 veya daha yüksek çalışma süresini garanti eder. Premium bir ana bilgisayar, %99,99'a kadar çalışma süresi vaat eder.

Şüphesiz, SSL sertifikası ve özel bir IP adresi isteyeceksiniz.

3. Fotoğraflarınızı Sıkıştırın

Görseller, toplam web sitenizin ağırlığının %50-75'ini oluşturur, ancak şaşırtıcı bir şekilde, ilk 100 e-ticaret sitesinin yaklaşık %45'i görsellerini sıkıştırmakla uğraşmaz. Onlar yapmalı ve sen yapmalısın. Kaliteyi kesmeden dosya boyutunuzu küçülten kayıpsız sıkıştırmayı tercih edebilirsiniz.

Tarayıcının, sayfadaki diğer öğelere geçmeden önce resminizin tamamen oluşturulmasını beklemesine gerek kalmaması için, kodunuzdaki resim boyutlarını her zaman ayarlamalısınız. Sadece önceden ayarlanmış boyutlara sahip bir kutu bırakacak ve siteyi yüklemeye devam edecektir.

Resimlerinizi Photoshop'ta sıkıştırın veya TinyPNG veya Kraken.io gibi bir resim sıkıştırıcı kullanın.

4. Ekranın Üstü Yüklemeye Öncelik Verin

Sitenizin üst kısmı, ziyaretçilerinizin gördüğü ilk şey olacağından, "ekranın üst kısmındaki" herhangi bir şeyin web sitesinin geri kalanından daha hızlı yüklenmesi mantıklıdır. Bu işlem için başka bir terim tembel yüklemedir. Birçok marka için popüler bir tasarım tercihi haline gelen tek sayfalık, görsel ağırlıklı web sitelerini hızlandırmada özellikle yararlıdır.

Geç yüklemenin nasıl etkinleştirileceğine ilişkin talimatlar için buraya gidin.

5. Sayfanızı Önbelleğe Alın

Bir kullanıcıyı her ziyarette her sayfanın her bileşenini indirmeye zorlamak yerine, önbelleğe alma, global öğelerin tarayıcı tarafından önbelleğe alınmasına izin verir, böylece yalnızca yeni öğeler bir tarayıcı isteği gerektirecektir.

Önbelleğe alma, site arama dizinleri, katalog bilgileri, kullanıcı bilgileri, kenar çubuğu blokları, düzen talimatları ve çeviri dosyaları gibi sayfa öğeleri tarayıcı tarafından depolandığından yükleme sürenizi hızlandırır. Bu öğeler genellikle her sayfada aynı kalır, bu nedenle ziyaretçi yeni bir sayfaya her tıkladığında tarayıcının bu kaynakları istemesine gerek yoktur.

Tarayıcı önbelleğe almayı etkinleştirmek için, belirli dosya türleri için daha uzun süre sonu süreleri ayarlamak üzere HTTP başlıklarınızı düzenlemeniz gerekir. İşte Google'ın geliştiricilerinden bazı öneriler.

6. HTTP İsteklerini Azaltın

Web sitesi yanıt süresinin yaklaşık %80'i, resimler, stil sayfaları, komut dosyaları, Flash öğeleri vb. gibi ön uç için öğelerin indirilmesine ayrılmıştır. Öğe sayısını azaltmak, sayfayı tam olarak oluşturmak için gereken HTTP isteklerinin sayısını azaltır. .

Bunu yapmanın en kolay yolu, web sitenizi tasarım açısından daha basit hale getirmektir. Ancak bu, çoğu durumda geçerli bir seçenek değildir. Birden fazla görüntüyü tek bir görüntüde birleştirmek ve dolayısıyla görüntü isteklerinin sayısını azaltmak için CSS hareketli grafiklerini ve görüntü haritalarını kullanabilirsiniz. Ayrıca tüm stil sayfalarını tek bir dosyada birleştirebilir ve tüm CSS'yi de tek bir stil sayfasında birleştirebilirsiniz.

7. Gzip Sıkıştırmayı Kullanın

Bir ziyaretçi sitenize ulaştığında, dosyaların teslim edilmesi için sunucunuza bir talepte bulunulur. Dosyalar ne kadar büyükse, tarayıcınıza ulaşmasının o kadar uzun sürmesi mantıklıdır.

Gzip sıkıştırması, sunucunuzun site dosyalarını tarayıcıya döndürmeden önce sıkıştırmasını sağlayarak aktarım süresini önemli ölçüde azaltır. Aslında, gzip sayfaların ve stil sayfalarının boyutunu %90 oranında azaltabilir!

Sıkıştırma, web sunucusu yapılandırması aracılığıyla etkinleştirilir. Her web sunucusunun farklı talimatları olacaktır. Daha fazla ayrıntı için bu Google eğitimini izleyin.

8. Bir İçerik Dağıtım Ağından Yararlanın

Dünyanın her yerinden ziyaretçileri olan küresel bir e-ticaret işletmesiyseniz, sitenizin performansını optimize etmek için kesinlikle bir içerik dağıtım ağı kullanıyor olmalısınız. Bir CDN, sunucu düğümlerini dünya çapında yayarak çalışır, böylece site ziyaretçileriniz kendilerine en yakın düğümde önbelleğe alınmış kaynakları indirebilir, verimliliği artırır ve yükleme gecikmesini azaltır.

CDN sağlayıcıları, sahip olabileceğinizden daha büyük ağ kanallarına, dünya çapında daha fazla sunucuya ve ağ eşleme özelliklerine sahiptir. Ayrıca, altyapılarını sürekli olarak izleyen ve optimize eden özel ekipleri vardır.

Doğru CDN'yi seçmek zor olabilir. Bu kılavuzla başlayın.

9. Kodunuzu Küçültün

Minification, kaynak kodunuzdaki beyaz boşluk ve satırlar gibi gereksiz tüm karakterleri, işlevselliğini etkilemeden kaldırma işlemidir ve tarayıcıların sayfaları daha hızlı yüklemesini sağlar. İşlem HTML, CSS ve JavaScript dosyalarını içerir ve yükleme sürelerinizi hızlandırmada büyük bir fark yaratabilir. Küçültme, hem dosyalarınızın boyutunu hem de gereken dosya sayısını azaltır.

Kodunuzu temizlemek ve tarayıcıların sayfanızı oluşturmasını kolaylaştırmak için bu kaynakları izleyin.

10. Asenkron Yüklemeyi Kullanın

Bir tarayıcı bir sayfayı yüklediğinde yukarıdan aşağıya doğru hareket eder. CSS ve Javascript gibi betiklerinizin aynı anda yüklenmesine izin vererek işleri hızlandırabilirsiniz. Buna asenkron yükleme denir. Komut dosyalarınız eşzamanlı olarak yüklenirse, sayfada göründükleri sırayla yüklenirler ve bu daha yavaş bir süreç olabilir.

Eşzamansız yüklemenin nasıl etkinleştirileceğine ilişkin temel bir anlayış için bu kılavuzu izleyin.

11. Site Hızınızı Sürekli Olarak İzleyin

Son olarak, başladığımız yerde bitireceğiz: Site performansını her gün bir öncelik haline getirmeniz gerekiyor. Bu, sitenizi sürekli olarak sorunlara karşı izlemeniz ve hız ve verimlilik için optimize etmenin yollarını aramanız gerektiği anlamına gelir.

Google'ın PageSpeed ​​Insights'ı, site hızınızı mobil ve masaüstünde analiz etmek için iyi bir araç sunar.

Site hızını incelemek için başka bir mükemmel araç da Pingdom'dan edinilebilir.

Şu temel kuralı unutmayın: Sitenizin yüklenmesi için geçen her saniye için ziyaretçilerinizin %10'unu kaybedersiniz. Ah.