ev borcu WordPress sitesi
E-Ticaret web siteniz olabildiğince hızlı mı?
Eşsiz Bir Değer Önerisi. Harika Ürünler. Zarif Tasarım. Mükemmel İçerik. Etkili CTA'lar.
Web sitenizin ve işinizin tüm bu kritik unsurlarına çok fazla düşünce, zaman, çaba ve kaynak harcadınız. Ancak, bu çabalar alt satırınıza yansımıyorsa, bunun ne faydası var?
Söylemeye çalıştığım şey, bazı birinci sınıf ürünler ve yerinde etkili bir pazarlama stratejisi olsa bile, yalnızca web siteniz yeterince hızlı olmadığı için görebileceğiniz türden sonuçları göremeyebilirsiniz.
Hız İhtiyacı
Hızlı bir web sitesine sahip olmak, sahip olunması güzel bir özellik, bonus, lüks veya bu konuda bir seçenek bile değildir. Bu çok önemli bir gereklilik.
Hepimiz – en azından söylemek gerekirse – tamamen can sıkıcı olan yavaş web siteleriyle karşılaştık. Böyle bir siteyle yolunuz kesiştiğinde ne yaparsınız? Google'ın sizin için getirdiği başka bir seçeneğe geçmeden önce en fazla birkaç saniye beklersiniz.
Orada bulundum, yaptım.
Bundan ne çıkarabilirsiniz?
Yavaş bir web sitesi, potansiyel müşterilerin hemen geri dönmesine neden olur; bu da sayılarınız üzerinde olumsuz bir etkiye sahiptir.
Ama, gerçekten öyle mi?
Cevap için bazı verilere dönelim.
- Web sitenizin hızının Kullanıcı Deneyiminiz üzerinde etkisi vardır.
“Tüketicilerin %47'si bir web sayfasının yüklenmesi için iki saniyeden fazla beklemeyi bekliyor. Bundan sonra, tüketici toleransı aşınır ve ziyaretçilerin %40'ı, üç saniyeden kısa sürede yüklenmeyen bir web sayfasını terk eder.”- Shopify Web sitenizin hızının Trafiğiniz üzerinde etkisi vardır.
"BBC, sayfa yüklemesinin her saniyesi için kullanıcılarının %10'unu kaybetti."- WPO İstatistikleri
- Web sitenizin hızının Hemen Çıkma Oranlarınız üzerinde etkisi vardır.
"Sayfa yükleme süresinde iki saniyelik bir gecikme, hemen çıkma oranını %100'den fazla artırabilir." – Akamai
- Web sitenizin hızının Arama Sıralamanız üzerinde etkisi vardır.
"Bizim gibi, kullanıcılarımız da hıza çok değer veriyor – bu yüzden arama sıralamalarımızda site hızını hesaba katmaya karar verdik." – Google
- Web sitenizin hızının Dönüşüm Oranlarınız üzerinde etkisi vardır.
"Web sitesi yükleme süresindeki 100 milisaniyelik bir gecikme, dönüşüm oranlarına yüzde 7 zarar verebilir."- Akamai
- Web sitenizin hızının Marka İmajınız üzerinde etkisi vardır.
"Trafiğin yoğun olduğu zamanlarda, çevrimiçi tüketicilerin %75'inden fazlası gecikmeler yaşamak yerine bir rakibin sitesine gitti." – Gomez
- Web sitenizin hızı, Sonuç Satırınızı etkiler
“Siteniz ayda 100.000 ABD Doları kazanıyorsa, sayfa hızında bir saniyelik bir iyileştirme ayda 7.000 ABD Doları getirir” – MachMetrics Hız Blogu
' Hızlı' ne kadar hızlı ?
Burada ayarlayabileceğiniz sabit bir kriter yok.
Genellikle, 2 saniyenin altındaki (normal olarak kabul edilen) bir yükleme süresi ideal kabul edilir; ve 3 saniyenin altında bir yükleme süresi kabul edilebilir.
Ancak daha önce de belirttiğim gibi rastgele bir sayıya takılıp o hıza ulaşmak için çalışamazsınız. Bunun nedeni, sayfa yükleme sürenizin barındırma sunucunuz, aktarılan bant genişliği miktarı, web sayfası tasarımınız ve sayfanızdaki öğelerin sayısı, türü ve ağırlığı gibi bir dizi farklı faktöre bağlı olmasıdır.
Şimdi, web sayfanızın taşıdığı tüm ağırlığı tıraş edemeyebilirsiniz ve gerçekten 2 saniyenin altında yüklenmesini sağlayamayabilirsiniz, ancak kesinlikle bundan çok daha hızlı yükleniyormuş gibi görünmesini sağlayabilirsiniz. Daha sonra bunun hakkında. Ama önce, web sitenizin gerçekten olabileceği kadar hızlı olup olmadığını anlamanıza yardımcı olacak bir sürü harika araç var.
Sayfa Nasıl Yüklenir?
Sayfanızdaki tüm öğelerin aynı anda yüklenmediğini anlamak son derece önemlidir.
Bir kullanıcının sitenize bir sayfa yüklemeye çalıştığı zaman ile bu sayfanın tam olarak yüklendiği zaman arasında düzinelerce, bazen de yüzlerce farklı işlem gerçekleşir. İçeriğe sunucudan erişilmesi gerekiyor, stil sayfalarının yüklenmesi gerekiyor, görüntülerin alınması gerekiyor ve bir sürü başka teknik gidiş-dönüş (şimdilik girmeyeceğiz) yapılması gerekiyor.
Bu işlemler, web sayfanızın farklı öğelerinin her seferinde bir kat olmak üzere sırayla oluşturulacağı şekilde yapılandırılmıştır . Bunu sizin için birkaç terimle özetlememe izin verin:
- Sayfa Yükleme Hızı , web sitenizin tüm içeriğini yüklemek ve görüntülemek için gereken süredir.
- İlk Bayt Süresi (TTFB) , bir tarayıcının web sunucunuzdan yanıtın ilk baytını alması için geçen milisaniye sayısıdır.
- Render Time'ı Başlat , ekranda bir şey görüntülendiğinde ilk zaman noktası olacaktır. Bu, kullanıcının sayfa içeriğinizi gördüğü anlamına gelmez. Aslında, arka plan rengi kadar basit bir şey olabilir.
- Hız İndeksi – diğer bir önemli Anahtar Performans Göstergesi – ekranda görünür bir öğe görünene kadar geçen İlk Anlamlı Boyama , kullanıcının önemli bilgileri ilk kez gördüğü andır. E-Ticaret web siteniz söz konusu olduğunda, ürün başlığı ve genel bakış olabilir.
Algılanan Hız Nedir?
Şimdi bir perspektife oturtmak için, web sitenizin ilk anlamlı boyası, kullanıcılara , tüm süreç tamamlanmadan çok önce, web sitenizin yüklendiği izlenimini verir . Burada harika kullanıcı deneyimleri yaratmaya çalıştığımız için, kullanıcıların algısı önemlidir. Başka bir deyişle, bir web sayfasının algılanan hızı mümkün olduğunca düşük olmalıdır.
Gerekli görüntüleri optimize etmenin ve gereksiz olanları ortadan kaldırmanın yanı sıra, Lazy Loading'i de uygulayabilirsiniz ; burada, kullanıcınız aşağı kaydırana kadar görünüm alanı dışındaki görüntüler yüklenmez.
Bunu söyledikten sonra, ilk anlamlı boya mı yoksa tüm içerik mi olduğuna bakılmaksızın, web sitenizin yüklenmesi için geçen süreyi en aza indirmeniz gerekir. Artık Ne ve Neden kısmını anladığımıza göre, nasıl kısmına geçelim.
Hız Nasıl Ölçülür?
#1 Sayfa Hızı Öngörüleri
Google'ın kendi aracı olan Page Speed Insights, web sitenizin performansının ayrıntılı bir analizini sunar. Başlangıç olarak, web siteniz hem masaüstü hem de mobil cihazlarda hızı için 100 üzerinden puanlanır .
Araç daha sonra sitenizi yavaşlatan tüm öğelerin ayrıntılı bir teşhisini sunmaya devam eder. Tüm potansiyel fırsatları, geliştiricilerinizin kolayca tüketip harekete geçebileceği küçük parçalara böler.
Google'ın sayfa hızınızla ilgili analizlerinin nasıl göründüğüne bir bakış.
#2 Pingdom
Bu araç, ayrıntılar söz konusu olduğunda işleri tamamen başka bir düzeye taşır. Yeni başlayanlar için, size genel bir Performans Derecesi , Sayfa Boyutu , web sayfanızın Yükleme Süresini ve İsteklerin sayısını (yani daha önce bahsettiğimiz birçok işlem ve gidiş-dönüş) verir.
Gevşekleri doğrudan belirli resimlere, koda veya Javascript'e sabitler ve sayfa yükleme sürenizi iyileştirmek için tam olarak ne yapılması gerektiğini size söyler. Pingdom, şüphesiz, geliştiriciler için mutlak bir zevktir.
Bu anlık görüntü size Pingdom'un ayrıntılı analiz raporunun nasıl göründüğüne dair bir fikir verecektir.
Ve bu sadece buzdağının görünen kısmı!
#3 Yük Testi
Belki web sitenizi optimize etmeyi bitirdiniz, ancak mevcut kurulumunuzun aşırı koşullarda çalışabileceğinden emin misiniz?
Emin olmalısın. Özellikle yeni bir ürün veya büyük ölçekli bir pazarlama kampanyası başlatmanın eşiğindeyken. Pazarlama çabalarınız siteye aynı anda binlerce ziyaretçi getiriyorsa, ihtiyacınız olan son şey, aksi takdirde hızlı sitenizin ek baskı altında çöküşünü görmektir.
Yük testinin resme girdiği yer burasıdır . Bu araç, gerçek trafiği taklit ederek aşırı durumlar için hazırlanmanıza yardımcı olur . Web sitenize birden fazla farklı konumdan, mobil ağdan ve tarayıcıdan ping gönderir. Yoğun trafik yüklerinin web sitenizin performansıyla ilgili farklı metrikler üzerindeki etkisini daha iyi anlamak için çeşitli analiz metrikleri de oluşturabilirsiniz.
Bu, yalnızca küresel kitlenizin tüm yelpazesinde birinci sınıf bir performans sağlamanıza yardımcı olmakla kalmaz, aynı zamanda geliştirme döngüsünün tüm aşamalarında veriye dayalı geliştirme süreçlerini destekler.
İşte kullanışlı olabilecek bazı araçların listesi:
- Yük Görünümü
- WebYük
- YükNinja
Ek olarak, GTmetrix gibi web sitenizin performansını sürekli izleyen ve belirlediğiniz performans parametrelerini ihlal ettiği anda sizi bilgilendiren birçok web sitesi izleme aracı vardır.
Optimizasyonun Temelleri
Tüm web sitesini etkileyen sunucu düzeyindeki değişikliklerle başlamanız ve sayfa düzeyine, kod düzeyine ve hatta görüntü düzeyindeki değişikliklere inmeniz gerekir. Dürüst olmak gerekirse, aşağıda belirtilen tüm noktalar, henüz yapmadıysanız hemen incelemeniz gereken en temel performans sağlayıcılardan bazılarıdır.
#1 Yüksek Kaliteli Barındırma
Talep, barındırma sağlayıcınızın yeteneklerini aştığında, siteniz, sonuçta kayıp dönüşümlere ve gelir kaybına dönüşen performans sorunları ve kesintilerle karşılaşmaya mahkumdur. Barındırma hizmetiniz yalnızca web sitenizin hızını etkilemekle kalmaz, aynı zamanda ölçeklenebilirliğini, güvenliğini ve yedekleme sıklığını da belirler.
Bu durumda, işletmenizin web sitesinin barındırıcısını aştığını belirlemek ve doğru siteye geçmek , yükleme süresini iyileştirmede son derece önemli bir adım haline gelir.
'Doğru olan' terimi burada anahtardır. Bunun nedeni, her tür barındırılan hizmet çözümünün (Adanmış Barındırma, Paylaşılan Barındırma, Buluta Ayrılmış Barındırma, Sanal Özel Barındırma, Yönetilen Barındırma) masaya getirdiği ayrıntıları araştırmanız ve ardından ihtiyaçlarınıza en uygun olanı seçmeniz gerektiğidir. .
#2 CDN Kurulumu
Aşağıdaki resim, bir İçerik Dağıtım Ağının sizin için ne yaptığını tam olarak özetlemektedir.
CDN, coğrafi olarak farklı konumlara dağılmış bir sunucu ağıdır. Bu sunucuların her biri web sitenizin bir kopyasını içerir. Müşteriniz bir web sayfası istediğinde, bu ağ en yakın sunucudan getirilen içeriği sunar.
Bir CDN genellikle kaynak sunucunuzun yükünün en az %60'ını alır ve bu da Sayfa Yükleme Hızlarınızda önemli bir artış sağlar.
#3 Görüntü Optimizasyonu
Mağaza sayfanızdaki görseller, üzerlerindeki en ağır öğelerden biridir. Buna rağmen, en iyi web sitelerinin çoğu, aynı ürünün farklı açılarını ve renklerini sergileyen birden fazla resmini gösterir – ve haklı olarak.
Sonuçta, yüksek kaliteli ürün resimleri , dönüşümleri sağlamada büyük rol oynar. Bununla birlikte, optimize edilmedikçe, bu görseller web sitenizi yavaşlatmada da büyük bir rol oynayabilir. Tüm önemsiz resimlerin, grafiklerin ve tasarım öğelerinin şişelendiğinden emin olmanız gerekir.
ayrılık sözleri
Açıkça bilmeniz gereken başka bir önemli şey daha var, Örneğin, Web Sitenizi Masaüstünde çalışacak şekilde optimize etmek, Mobil Cihaz için Optimize Etme ile aynı şey değildir.
Evet. Bu yutulması acı bir hap ama bu durumda kaçınılmaz bir hap.
Web Sitenizin Google Page Speed Insights'taki Masaüstü puanını Mobil puanıyla karşılaştırın ve farkı kendiniz göreceksiniz. Şimdi, kitlenizin büyük bir bölümünün web sitenize akıllı telefonlarından erişebileceği gerçeği göz önüne alındığında, bu fark biraz daha korkutucu hale geliyor.
Daha önce bahsedilen yüzey düzeyindeki değişiklikleri tamamladığınızda, sitenizin mobil cihazlarda ve tabletlerde de daha hızlı yüklenmesini sağlamaya odaklanan küçük ancak gerekli kod düzeyinde değişikliklere geçmeniz gerekir. Bu temel bilgilerin ötesinde nelerin yattığını öğrenince şaşıracaksınız .
Söylenen ve yapılan her şey, web sitenizin hızı ve performansı – erişmek için kullanılan cihazdan bağımsız olarak – hiçbir şeyden ikinci olmamalıdır. Daha hızlı bir web sitesi arayışınızda size rehberlik edecek en az birkaç ilginç bilgi parçasıyla karşılaştığınızı umuyoruz.
Değilse, bizimle her zaman iletişime geçebilirsiniz ve yolunuzu bulmanıza yardımcı olacağız.
| Önerilen Kaynaklar: |