Çarşı Sesi
Yayınlanan: 2024-02-14Büyük bir tatilden önceki gün market alışverişine giden herkes, park yeri bulmak için daire çizmenin ve diğer elli kişinin peşinde olduğu eşyalara ulaşmak için mücadele etmenin acısını bilir. Bu, kimsenin e-ticaret mağazasında kopyalamak isteyeceği bir deneyim değil; ancak web sitenizin performansını artırmak için çalışmazsanız bunu yapabilirsiniz.
Tamam, tamam, belki biraz abartıyoruz. En sevmediğiniz Noel şarkısı mağazanın ses sisteminde yankılanırken, yarı düzgün bir patates bulmaya çalışmak kadar kötü bir şey olamaz. Ancak müşterilerin çevrimiçi alışverişin sunduğu rahatlığı sevdiğini biliyoruz. Tüketicilerin yaklaşık %70'i, çevrimiçi bir perakendeciden satın alma isteklerinde site hızını da hesaba katıyor. Çevrimiçi alışveriş yapanların çoğunluğu sayfa yükleme süresinin 3 saniye veya daha kısa olmasını bekliyor.
Son zamanlarda web sitenize performans kontrolü yapmadıysanız, artık vakit çoktan geçmiş demektir. Mevcut performansınızı nasıl değerlendireceğinizi ve hızlı bir alışveriş deneyimi için bir e-ticaret sitesini optimize etmek amacıyla herkesin atabileceği bazı adımları burada bulabilirsiniz.
Bölümler:
- Web sitesi performansı neden önemlidir?
- 7 ana web sitesi performans ölçümü
- Web sitenizin performansını nasıl ölçersiniz?
- E-ticaret web sitenizin performansını nasıl artırabilirsiniz?
- Web sitesi performansı tamamen hız ihtiyacıyla ilgilidir
Web sitesi performansı neden önemlidir?
O 3 saniyelik yükleme sınırına ulaşmamanız gerçekten önemli mi? Evet öyle. Web sitesi yükleme hızına öncelik vermemek kullanıcı deneyiminizin kalitesini düşürür ve bu birçok açıdan kötüdür.
İlk ve en bariz olanı, daha yüksek yükleme süreleri, hemen çıkma oranının artması anlamına gelir. İlk birkaç yavaş sayfa yüklemesine devam eden kullanıcılar bile, satın alma işlemi yapmadan sitenizden vazgeçebilir.
Daha düşük ilk dönüşüm oranlarının genel olarak daha düşük sadakatle eşleşmesi muhtemeldir. İdeal olmayan alışveriş deneyimini hatırlayan müşterilerin, tekrar denemek için geri gelme olasılıkları daha düşüktür ve kendilerini sitenize yönlendiren bağlantıları takip etmek istemezler.
Kötü web sitesi performansı aynı zamanda Google SERP sıralamanızı da etkiler. Arama motorunun algoritması kullanıcı deneyimini ön planda tuttuğu için yükleme hızı yavaş olan sayfalar arama sonuçlarında alt sıralara itilir. Dikkat çekmek için rekabet eden daha küçük satış noktaları, daha hızlı rakiplerine kaptırılabilir.
7 ana web sitesi performans ölçümü
Sayfa yükleme süresi bağımsız bir web sitesi performans ölçümü değildir. Bu, birden fazla ölçümü bir araya getiren kapsamlı bir değerlendirmedir. Bu metriklerden dördü Google'ın Önemli Web Verileri'dir:
- En Büyük İçerikli Boya, kullanıcıların "ekranın üst kısmında" görebileceği en büyük sayfa öğesinin, yani aşağı kaydırmadan yükleme hızını ölçer
- Next Paint ile Etkileşim, bir sayfanın "sepete ekle" düğmesini tıklamak veya bir forma bilgi yazmak gibi etkileşimlere yanıt verme yeteneğini ölçer.
- İlk Giriş Gecikmesi, bir kullanıcının web sitenizle etkileşime girmesi (örneğin "sepete ekle" düğmesini tıklaması) ile tarayıcısının bu isteği işlemeye başlaması arasındaki zaman aralığını ölçer.
- Kümülatif Düzen Kayması, bir sayfa yüklenirken sayfa içeriğinin ne sıklıkta hareket ettiğini ölçer
Google bu hususları en önemli husus olarak görmektedir çünkü kullanıcı deneyimi üzerinde en büyük etkiye sahiptirler. Ancak kullanıcı deneyiminin önemli kısımlarını da yakalayan dört ölçüm daha var:
- İlk Bayta Kadar Geçen Süre, DNS sağlayıcınızın isteği aldıktan sonra web sitenizin içeriğini teslim etmeye başlama hızını ölçer
- Toplam Engelleme Süresi, bir web sayfasının kullanıcının etkileşimde bulunabileceği kadar yüklenmesinin ne kadar sürdüğünü ölçer (sayfa yükleme işleminin ortasında bulunan tarayıcılar etkileşimleri işleyemediğinden)
- First Contentful Paint, web sitenizin içeriğinin ilkinin oluşturulmasının ne kadar sürdüğünü ölçer
Bu metriklerden herhangi birini derinlemesine incelemek istiyorsanız, Google'ın web.dev sitesinde her birinin neden önemli olduğu ve bunların nasıl ölçüleceği hakkında daha fazla bilgi verilmektedir. Veya biz sitenizin performansını ölçmeyi tartışırken okumaya devam edebilirsiniz.
Web sitenizin performansını nasıl ölçersiniz?
Google'ın ücretsiz PageSpeed Insights'ı ile sitenizin performansını ölçmek kolaydır. Bu araç, sitenizi yukarıda listelenen ölçümlere göre değerlendirir ve sitenizi iyi, iyileştirilmesi gerekiyor veya kötü olarak sıralar. Ayrıca sitenizin performansı, erişilebilirliği, en iyi uygulamaların kullanımı ve SEO hakkında notlar alacaksınız.
Sitenizin mobil ve masaüstü cihazlarda nasıl performans gösterdiğini görüntüleme seçeneği ve sitenizi optimize etmenize yardımcı olacak ipuçları vardır. Google'ın web ekosisteminde yaşamanın düşük bedeli karşılığında çok fazla yardım alıyorsunuz ve kabul edelim ki bu zaten oluyor.
Raporunuza baktığınızda Toplam Engelleme Süresinin "Önemli Web Verileri Değerlendirmesi" kutusundan çıkarıldığını fark edebilirsiniz. Performans kutusuna ilerleyin ve sonuçlarınızı görmek için Metrikler tablosuna bakın.
PageSpeed Insights, renk kodlu grafikler ve kişiselleştirilmiş ipuçlarıyla sitenizin neden bu sıralamayı kazandığını anlamanızı kolaylaştırır. Devam edin ve şimdi bir test yapın; yalnızca birkaç saniye sürer; böylece sitenizin performansına ilişkin bir temel elde edebilir ve nerede iyileştirme alanınız olduğunu görebilirsiniz.
E-ticaret web sitenizin performansını nasıl artırabilirsiniz?
Hâlâ buradaysanız Önemli Web Verileri Değerlendirmenizin, yapmanız gereken bazı işler olduğunu gösterdiğini varsayacağız. Bunda utanılacak bir şey yok. Google'ın web.dev sitesi bile değerlendirmeyi geçemiyor! İşte e-ticaret web sitenizin performansını artırmanıza yardımcı olacak en iyi ipuçlarımız ve bunu gerçekleştirmek için ihtiyaç duyduğunuz araçlar.
1. HTTP isteklerini azaltın
Web sayfalarının yüklenmesinin temelinde HTTP istekleri bulunur. Buradaki teknik ayrıntıları bilmenize gerek yoktur; yalnızca bir tarayıcının sayfanıza CSS dosyalarını, komut dosyalarını, resimleri ve diğer içeriği yüklemek için bu istekleri yapması gerekir. Her istek, tarayıcının web sunucunuza bir mesaj göndermesini gerektirir; bu mesaj daha sonra uygun içerikle yanıt vermelidir.
Ne kadar çok HTTP isteğiniz olursa, hepsini tamamlamak o kadar uzun sürer. Bir restorana gittiğinizi ve önce su istediğinizi, ardından garsonunuz döndüğünde soda sipariş ettiğinizi hayal edin. Gazozu getirdiklerinde meze istedin. Ve nihayet mezeler geldikten sonra mezelerinize karar vermiştiniz. Sunucunuz ne kadar hızlı çalışırsa çalışsın, yemeğinizi alıp bitirmeniz uzun zaman alır.
Gereksiz HTTP isteklerini ortadan kaldırarak (web) sunucunuza bir mola verin. Bir komut dosyasına veya CSS dosyasına ihtiyacınız yoksa sayfanızın başlığında buna referans vermeyin. Sayfa yükleme hızınızı artırmak için multimedya içeriğini azaltmayı da deneyebilirsiniz.
2. HTTP/2'yi kullan
Tüm HTTP istekleri eşit yapılmaz. 2015 yılında kullanıma sunulan bir standart olan HTTP/2, web sayfalarınızın daha hızlı yüklenmesine yardımcı olacak özelliklerle birlikte gelir. Birincisi, geliştiricilerin hangi öğelerin önce yükleneceğine öncelik vermesine olanak tanır, böylece tarayıcılara daha büyük komut dosyalarından önce hafif kaynaklar istemelerini söyleyebilirsiniz. Aynı anda birden fazla kaynağa da hizmet verebilir. Restoran metaforumuza dönecek olursak, HTTP/2, garsonun yemeğinizi size daha hızlı ulaştırabilmesi için siparişinizin tamamını tek seferde vermenize olanak tanır.
KeyCDN, sitenizin HTTP/2 protokolünü destekleyip desteklemediğini belirlemek için ücretsiz bir HTTP/2 testine sahiptir. Veya daha yakından bakmak istiyorsanız tarayıcınızın geliştirici araçlarını açın, ağ sekmesine gidin ve "Protokol" sütununu arayın. (Sütun listesine sağ tıklayıp Protokol eklemeniz gerekebilir.)
HTTP/2 desteği web barındırıcınız tarafından belirlenir, dolayısıyla protokolü etkinleştirmeniz gerektiğinde başvuracağınız kaynak onlardır. Süreç her sağlayıcı için farklıdır.
3. Gereksiz yönlendirmeleri ortadan kaldırın
Birçok şirket, web sitesi revizyonları sırasında bağlantı çürümesini atlatmak için yönlendirmeler kullanır. Ancak, bir kullanıcıyı yeni bir sayfaya her yönlendirdiğinizde, onu başka bir sayfa yükleme işlemine zorlamış olursunuz. Özellikle başka bir yönlendirmeye yol açan yönlendirmeler - hayır, teşekkürler! Kullanıcı gerçek URL'ye ulaştığında sayfanızı kapatmaya hazır olacaktır.
Yönlendirmelerin zamanla birikme alışkanlığı vardır. Bu, onları periyodik olarak denetlemeniz gerektiği anlamına gelir; web sitenizin yeniden tasarlanmasından veya yeniden tasarlanmasından sonra bunu yapmanız özellikle önemlidir.
Screaming Frog SEO Spider, sitenizin tamamını yönlendirmelere karşı kontrol etmenize ve hatta yönlendirme zincirlerini ve döngülerini sizin için tespit etmenize yardımcı olabilir. Sayfa sayfa kontrol etmek için Ahrefs SEO Araç Çubuğunu da kullanabilirsiniz, ancak bunu önermiyoruz. Gerçekten kurtulmak istediğiniz bir yükümlülüğünüz olmadığı sürece.
4. Harici komut dosyalarını sınırlayın
Çoğu geliştirici, şirket içinde kodlayacak kaynaklara sahip olmadıkları işlevleri eklemek için üçüncü taraf komut dosyalarını kullanır. Ancak harici komut dosyalarının dahil edilmesi sayfa hızı açısından her zaman risklidir. Kod üzerinde kontrolünüz yoktur, dolayısıyla betiğin yüklenmesi yavaşsa hiçbir şey yapamazsınız.
Yavaş yüklenen komut dosyaları, sayfaların yüklenmesinin daha uzun sürmesine neden olur ve içerik atlama gibi sorunlara neden olabilir (Kümülatif Düzen Kayması ölçümüyle ölçülür).
Gereksiz komut dosyalarının yüklenmediğinden emin olmak için her sayfayı kontrol edin. Örneğin, sitenizin tamamında bir inceleme özelliği etkinleştirilmiş olabilir, ancak bu komut dosyasının tarama için oluşturulmuş sayfalara dahil edilmesine ihtiyacınız yoktur. Ayrıca kendinize, müşterilerin e-postalarını toplamak için bu modele gerçekten ihtiyacınız olup olmadığını veya getirdiğinden daha fazla alıcıyı geri çevirip çevirmediğini sorabilirsiniz.
Daha fazla zil ve ıslık her zaman daha iyi değildir. İyi bir kullanıcı deneyimine sahip basit bir web sitesi, aşırı tasarlanmış bir mağazayı güçlendirebilir.
5. Tembel (asenkron) yüklemeyi etkinleştir
Bir tarayıcı bir web sitesini oluşturduğunda, varsayılan olarak her isteği sırayla işlemek ve yalnızca mevcut görevi tamamladıktan sonra bir sonraki komuta geçmektir. Büyük komut dosyaları tüm süreci yavaşlatır, çünkü tarayıcının içeriğin geri kalanını oluşturmaya geçmeden önce dosyanın tamamını yüklemesi gerekir.
Tarayıcıyı komut dosyalarınızı eşzamansız olarak, yani web sayfasını oluşturmaya devam ederken yüklemeye yönlendirerek bu gecikmeyi önleyin. Komut dosyası etiketlerinize async özelliğini eklemeniz yeterlidir (kodunuz şuna benzer: <script src=”my_script.js” async></script>).
Bazı uzmanlar, eski tarayıcıların eşzamansız özelliğini okuyamayabileceğinden <script> etiketlerinizi gövde içeriğinizin alt kısmına eklemenizi önerir, ancak bunu yapmanıza gerek yoktur. Vahşi doğada async etiketini işleyemeyen bir tarayıcı bulmakta zorlanacaksınız.
6. Mobil öncelikli tasarımları kullanın
Web sitesi performans optimizasyonunun mobil odaklı düşünmeyi içermesi gerekir. Akıllı telefonlar artık neredeyse her beş e-ticaret sitesi ziyaretinden dördünün ve her üç e-ticaret satın alımından ikisinin kaynağı oluyor. Ne yazık ki mobil web hâlâ bir engel. Çoğu sitenin mobil cihazlarda yükleme süreleri çok daha uzundur. Bir sitenin yüklenmesi 3 saniyeden uzun sürerse mobil ziyaretçilerin %50'sinden fazlası hemen yola çıkmaya hazır olduğundan, e-ticaret perakendecileri büyük olasılıkla birçok iş kaybediyor.
Bugünlerde yayınlanan hemen hemen her web sitesi duyarlı, ancak masaüstü için kod yazan ve daha sonra mobil cihazlar için optimize eden tasarımcılar yanlış sırada ilerliyor olabilir. Küçük ekranlara yönelik tasarım yapmak için cep telefonu emülatörlerini kullanmak, büyüyen bu hedef kitlenin ihtiyaçlarını ön plana çıkarıyor.
Üstelik çok kolaydır; Google Chrome'un Geliştirici Araçları, sitenizin daha küçük ekranlarda nasıl görüneceğini görüntülemek için "cihaz moduna" girmenize olanak tanır.
Cep telefonları için tasarım yapmak aynı zamanda sınırlı ekran alanından en iyi şekilde yararlanmanızı gerektirir; bu da sayfayı yavaşlatabilecek daha az dekoratif unsuru tercih etmeniz anlamına gelebilir. Ayrıca harici komut dosyaları ve eklentiler gerektiren gösterişli veya benzersiz deneyimler yerine gezinmeyi ve etkileşimleri basitleştirmek isteyeceksiniz.
Mevcut bir siteyle çalışıyorsanız muhtemelen bu uygulamayı şu anda uygulayamazsınız. Bir sonraki yeniden tasarımınız için bunu aklınızda bulundurun.
7. Metin tabanlı dosyaları gzip ile sıkıştırın
HTML ve CSS dosyalarının yüklenmesi çok zahmetli görünmeyebilir, ancak milisaniye cinsinden sayarken her bayt önemlidir. Sıkıştırma, metin tabanlı dosyaların boyutunu azaltır, böylece sunucunuzdan müşterinin tarayıcısına daha hızlı yolculuk yapabilirler. Gzip en yaygın sıkıştırma çerçevesidir ancak Brotli ve Deflate de web sitenizi hızlandırmak için iyi çalışır.
Bu, barındırma tarafında ayarlanan başka bir özelliktir. Çoğu ana bilgisayar bunu varsayılan olarak etkinleştirir, ancak ücretsiz bir HTTP Sıkıştırma testi kullanarak kendinizinkini kontrol etmeniz iyi olur. İçeriğinizin sıkıştırılmadığını fark ederseniz barındırma sağlayıcınızla iletişime geçmenin zamanı gelmiştir.
8. CSS, JavaScript ve HTML dosyalarını küçültün
Bayt tasarrufu sağlayan tek şey Gzip gibi sıkıştırma çerçeveleri değildir. Ayrıca kodun önemli bir parçası olmayan şeyleri (yorumlar, biçimlendirme veya uzun değişken adları gibi) kaldırarak metin dosyalarınızı küçültebilirsiniz. Bu öğelerin birçoğu insan geliştiriciler için faydalıdır, ancak web tarayıcılarının web sayfanızı doğrudan görüntülemek için bunlara ihtiyacı yoktur.
Yorumları, ekstra boşlukları ve sekmeleri tek başınıza gözden geçirip silmenize gerek yok. Minifier.org, CSS ve JavaScript'i işleyebilen ücretsiz bir araç sunar. Google'ın web.dev'i bu ücretsiz HTML küçültücüyü önerir.
Toplu küçültme yapabilecek araçlar arıyorsanız, Google'ın PageSpeed Modülü Apache veya Nginx web sunucularıyla çalışır ve dosyalarınızı otomatik olarak küçültür. Ancak bunun gibi araçları veya CSSNano'yu yüklemek BT'yi aramanızı gerektirebilir.
9. Resimleri ve videoları optimize edin
Multimedya dosyaları genellikle çok büyük oldukları için web sitesi performansını düşürür. Görsellere ve videolara büyük ölçüde güvenen e-ticaret satıcıları, ziyaretçilerin internet bağlantılarındaki yükü azaltmak için bu dosyaları optimize etme konusunda dikkatli olmalıdır.
Görüntüleri optimize etmenin kolay kısmı onları yeniden boyutlandırmaktır. Hiçbir dosya 20 megabaytı (MB) aşmamalıdır; ancak gerçekte yalnızca kahraman görselleriniz bu kadar büyük olmalıdır. Shopify, satıcıların görselleri mümkünse 500 kilobayt (KB) civarında tutmasını önerir ancak bazı sitelerin boyutu 2 MB'a kadar olan dosyalara ihtiyaç duymasına da izin verir. Bu hedeflere ulaşmak için muhtemelen görsellerinizi sıkıştırmanız gerekecektir. Neyse ki kullanabileceğiniz çok sayıda ücretsiz resim sıkıştırma aracı var.
Dosya boyutlarını küçülttükten sonra, kullanıcıların sitenizi daha küçük cihazlardan yüklemesini hızlandırmak için duyarlı tasarım ilkelerini kullandığınızdan emin olun. Mozilla tarafından çalıştırılan MDN Web Docs, konuya yeniyseniz takip edebileceğiniz güzel bir duyarlı görseller eğitimine sahiptir.
10. Tarayıcı önbelleğinin avantajlarından yararlanın
Web tarayıcıları, dosyaları kullanıcıların makinelerinde yerel olarak depolayabilir, bu da tekrar gelen ziyaretçilerin yükleme sürelerini hızlandırır. Tarayıcılar, her dosya için sunucunuzla iletişim kurmak yerine, önbelleğe alınmış varlıkları makinenin yerel belleğinden alabilir.
Varlıklarınız oldukça statik kaldığından, önbelleğe alma çoğu e-ticaret satıcısı için mükemmel bir çözümdür. Büyük bir sitede ürün resimlerini elden geçirir veya değiştirirseniz, tarayıcıların yeni içeriği yeniden indirme ve önbelleğe alınmış varlıkları değiştirme talimatlarına sahip olduğundan emin olmak istersiniz. Ancak bu, çoğu çevrimiçi perakendeci için önbelleğe alma işleminin yapılması gereken nadir bir durumdur.
Web barındırıcınız bir kez daha önbellekleme ayarlarınızdan sorumlu taraftır. Yerel önbellekleri etkinleştirmek ve son kullanma tarihlerini ayarlamak (tarayıcılara sitenizdeki önbelleğe alınmış varlıkları ne sıklıkta yenilemeleri gerektiğini bildiren) belgelerini bulmanız ve talimatları izlemeniz gerekir.
11. İçerik dağıtım ağı (CDN) kullanma
Tarayıcı önbellekleri yalnızca web sitenize daha önce gelmiş olan hedef kitlelere yardımcı olur. İçerik dağıtım ağları veya CDN'ler, yükleme sürelerini kısaltmak için varlıkları her ziyaretçiye mümkün olduğunca yakın bir yerde saklar.
CDN'ler varlıkları depolamak için yerel makinelere güvenmez. Varlıklarınızı çeşitli konumlardaki sunuculardan oluşan bir ağa dağıtırlar. Bu, Virginia'da tüm istekleri yanıtlayan tek bir sunucuya sahip olmak yerine Virginia'da, Kaliforniya'da, Illinois'de vb. bir sunucunuz olabileceği anlamına gelir. Uluslararası kitlelere hizmet veren şirketler uluslararası CDN'lerle çalışabilir, dolayısıyla birden fazla ülkede, bölgede ve kıtada sunucuları bulunur.
Bir tarayıcı web sitenizi yüklemek için bir istek gönderdiğinde, bu istek coğrafi olarak kullanıcıya daha yakın olan sunucuya yönlendirilir. Çok büyük bir zaman tasarrufu gibi gelmeyebilir ancak sayfa yükleme hızları çok küçük ölçekte ölçüldüğü için CDN'ler gözle görülür bir fark yaratır.
12. Eklentilerinizi düzenli olarak denetleyin
Eklentiler, eklentiler ve uzantılar çoğu web geliştiricisi için büyük bir zaman tasarrufu sağlar. Ancak harici komut dosyaları gibi şişirilmiş eklentiler de sayfa hızınızı düşürebilir. Artık kullanmadığınız herhangi bir askı olup olmadığını görmek için eklenti kitaplığınızı yeniden ziyaret ederek web sitenizin performansını artırın.
Bazen tüm eklentilerinize ihtiyacınız olur ancak sayfalarınız hâlâ çok yavaş yükleniyor. Bu durumda suçluyu bulmanın zamanı geldi. Sitenizi bir hazırlama ortamına kopyalayın, tüm eklentilerinizi devre dışı bırakın ve sitenizin yükleme hızını test edin. Ardından, tek bir eklentinin performans ölçümlerinizi düşürüp düşürmediğini belirlemek için eklentileri birer birer etkinleştirin. (Yanlışlıkla kümülatif etkileri ölçmemek için her eklentiyi etkinleştirdiğinizden, test ettiğinizden ve ardından devre dışı bıraktığınızdan emin olun.)
Neyse ki, piyasada bu kadar çok eklenti varken, muhtemelen yavaş çalışan araçların yerini alacak bir tane bulabileceksiniz.
Diğer bir seçenek de hız için optimize edilmiş eklentileri aramaktır. Örneğin, Derecelendirmeler ve İncelemeler görüntüleme teknolojimiz web sitenizin hızlı çalışmasını sağlamak için tasarlandı ve geliştiricilerimiz bu sözü yerine getirmek için attıkları adımları paylaştılar. Denetimlerinizi kolaylaştırmak için komut dosyası dosyalarını küçültme ve küçültme, önbelleğe alma ve yavaş yükleme gibi en iyi uygulamaları kullanan, bu doğrultuda yerleşik araçları bulun.
13. Gereksiz açılır pencereleri kaldırın
Evet söyleyeceğiz. Pop-up'lar pek popüler değil. Özellikle mobil cihazlarda kötü bir deneyime yol açıyorlar. Pop-up'larınızın zevkli bir şekilde yapıldığını ve yararlı olduğunu düşünseniz bile, internet kullanıcıları gün boyu çok sayıda model, katman ve sohbet widget'ıyla karşı karşıya kalır. Herkeste aniden ortaya çıkan bir yorgunluk vardır ve eğer katkıda bulunursanız tüketicilerinizin güvenini aşındırırsınız.
Açılır pencerelerin çoğu, tümü tarayıcının yüklemesi gereken, harici komut dosyalarını ve resimler ve yazı tipleri gibi referans varlıklarını çağırır. Koşullu olarak görünen modellerin tetiklemeden önce kitle verilerini toplaması gerekir ve bu da zaman alır. Toplam Engelleme Süreniz yüksekse, sitenizin geri kalanı işlenirken kullanıcılar bu öğeleri kapatamayabilir. Bu gecikme, gerçek bir yavaşlama olmasa bile kullanıcıların site hızınıza ilişkin algısını etkileyecektir.
Yavaşlama gerçektir, tıpkı bu araçlara yönelik neredeyse evrensel hoşnutsuzluk gibi. Bunları sitenizden kaldırmak bir kazan-kazan yöntemidir.
14. En hızlı hizmetleri seçin
Bir müşteri bir bağlantıya tıkladığında veya bir URL yazdığında, tarayıcısına kendisini hedef siteye götürecek bir DNS hizmetini sorgulamasını söylüyor demektir. Bu DNS hizmeti, tarayıcıyı sitenizin IP adresine yönlendirir. Daha sonra tarayıcıları HTML dosyalarınızı okumaya başlar ve tasarladığınız web sitesini oluşturabilmek için sunucunuzdan veya CDN'nizden varlıklar ister.
Sitenizin görünmesini sağlamak için bir araya gelen birçok hizmet var. Bunlardan herhangi birinin yavaş olması sayfa hızınız olumsuz etkilenecektir. Bu nedenle en ucuz seçenek, teknik altyapınız için mutlaka en iyi seçenek olmayabilir.
Örneğin, birçok temel web sitesi barındırma planı paylaşılıyor. Bu, diğer web sitelerinin sizinle aynı sunucuyu kullandığı anlamına gelir; dolayısıyla bunlardan birinden gelen trafikte ani bir artış, yükleme sürenizi yavaşlatabilir. VPS barındırma (büyüyen siteler için) veya özel web sitesi sunucuları (parası yetenler için) daha iyi sonuçlar verecektir.
Ayrıca, DNS barındırma işlemlerini gerçekleştiren alan adı kayıt kuruluşunuzun yüksek performanslı olduğundan emin olmak istersiniz. DNSPerf, DNS performansının devam eden bir kaydını tutar, böylece çeşitli sağlayıcıların nasıl biriktiğini kendiniz görebilirsiniz.
Elbette hız sadece üst seviyelerde önemli değil. Hafif ve akıcı eklentiler bulmaktan bahsettik. Ayrıca güvenlik yazılımınız ve diğer arka uç araçlarınız gibi hizmetleri de düşünmek isteyeceksiniz. Müşteriler onlarla doğrudan etkileşime girmese de e-ticaret web sitenizin performansını yine de etkileyebilirler.
15. Web sitesi işlemlerini izleyin
Büyük sorunların olup olmadığını görmek için web sitenizin performansını arada bir kontrol etmek akıllıca bir fikirdir. Sorunun ortaya çıktığı anda farkında olmanız için sitenizi sürekli izlemek daha da akıllıca olacaktır.
Sitenizin gerçek dünyada nasıl performans gösterdiğini göstermek için kullanıcılarınızın deneyimine ilişkin verileri toplayan araçlara yatırım yapabilirsiniz. Alışveriş yapan birçok kişi sizi sizinkinden farklı kurulumlardan ziyaret edeceğinden, gerçek kullanıcı izleme yeni bir bakış açısı sağlar.
Diğer araçlar, web sitenizde gezinmek ve performansını test etmek için bir dizi komut dosyası kullanarak insan ziyaretçilermiş gibi davranır. Bunun gibi sentetik izleme kurulumları, kontrollü testlerden veri toplamak isteyen ekipler için daha kullanışlıdır. Sitenizi optimize etmenin tam ortasındaysanız sentetik izleme, gerçekten fark yaratan değişiklikleri tespit etmenize yardımcı olacaktır. Bu sistemler ayrıca, müşterileriniz bu sorunlarla karşılaşmadan önce büyük sorunları yakalamak amacıyla planlanmış testler de gerçekleştirebilir.
Bu işlerin her ikisini de (ve daha fazlasını) gerçekleştiren çok sayıda araç var:
- Site24x7 sizin için sentetik ve gerçek kullanıcı izleme gerçekleştirir
- LogRocket kullanıcıları izler ve kullanıcıların genellikle uğraştığı hataları ve site etkileşimlerini belirler
- New Relic, mevcut hemen hemen her altyapıyla entegre olabilen uçtan uca bir sentetik izleme sistemidir.
Hangi aracı kullanırsanız kullanın, uyarıları bir şeyler ters gittiğinde size haber verecek şekilde yapılandırdığınızdan emin olun. Sorunu ne kadar çabuk çözerseniz o kadar az müşteriyi hayal kırıklığına uğratırsınız.
Web sitesi performansı tamamen hız ihtiyacıyla ilgilidir
İnternet ve mobil bağlantılar daha hızlı ve daha yaygın hale geldikçe tüketici standartları da yükselmeye devam edecek. Hızlı ve kullanışlı bir deneyim sunmak temel beklentidir. Mobil ortamda nasıl başarılı olacağını çözebilen ve yükleme hızlarını bir saniyeye veya daha kısa bir süreye indirebilen şirketler, daha fazla pazar payı elde etme şansına sahip olacak.
Sağladığınız müşteri deneyimi, dönüşüm ve elde tutma oranlarınızla doğrudan bağlantılıdır ve web sitenizin performansı da o müşteri deneyimiyle doğrudan ilişkilidir. Web sitesi optimizasyonu yağmurlu bir günü bekleyebilecek bir proje değildir. Müşterileri sitenize çekmenin ve daha fazla satış yapmanın önemli bir parçasıdır.
Daha fazla müşteriye ulaşmanın tek yolu sitenizin hızını artırmak değildir. SERP'deki ivmenizi korumak için organik trafiği artırmanın bu yollarına göz atın .
