Web Sitesi Yükleme Süresini %54 Azaltmak için 5 Adım

İlk kez gelen bir ziyaretçinin dikkatini, onu e-posta listenize dönüştürecek veya onlara bir ürün veya hizmet satacak kadar uzun süre tutmak için yaklaşık dört saniyeniz var.

Bundan sonra, bir web sayfasının ilk işaretinin gösterilmesini beklerken hala baş parmaklarını oynatıyorlarsa, yaklaşık yarısını kaybedersiniz. Burada büyük bir varsayım var, ancak web siteniz bir ağaç tembeli uykusunu hızlı gösteriyor diye bu kadar çok potansiyel ödeme yapan müşteriyi feda etmek istemezsiniz.

Gomez.com'un araştırmasına göre, web ziyaretçilerinin yaklaşık yarısı bir sitenin 2 saniyede yüklenmesini istiyor ve genellikle 3 saniye içinde yüklenmeyen bir siteden çıkıyorlar. Site performansıyla ilgili sorun yaşayan çevrimiçi alışveriş yapanların %79'u tekrar satın almak için siteye dönmeyeceklerini ve yaklaşık %44'ü çevrimiçi alışverişle ilgili kötü bir deneyim yaşamaları durumunda arkadaşlarıyla paylaşacağını söylüyor.

İyi haber şu ki, çoğu durumda sayfa yükleme süresi birkaç ince ayar ile önemli ölçüde iyileştirilebilir. Belki de üzerinize düşmek üzere olduğumuz beş ile %54 kadar. Hazır? Hadi gidelim!

#1. Bu Görüntüleri Boyutuna Göre Kırın

Son derece yavaş bir web sitesi söz konusu olduğunda belki de en büyük suçlu, optimize edilmemiş resimlerdir. Basit dosya boyutundan bahsediyoruz. Çoğu zaman, doğrudan bir telefon kamerasından veya stok görüntü sitesinden çekilen görüntüler çok büyüktür - birçok megabayt. Bu bebeklerden bir veya daha fazlasını birkaç düzine veya yüzlerce gönderiye koyduğunuzda, web siteniz hamile bir denizayısı gibi yuvarlanıyor.

İşte bu sorun için bir çözüm. Photoshop'unuz varsa harika, ancak Pixlr gibi ücretsiz bir çevrimiçi grafik düzenleyici de aynı şekilde çalışır. Yapmanız gereken, web sitesine yüklenmeden önce her bir resmin boyutunu küçültmektir. Sizin için neyin işe yaradığını bulmak için ayarlarla oynayabilir, ancak boyutu megabayt yerine kilobayt olan görüntüler için çekim yapabilirsiniz.

#2. Tarayıcınızı Önbelleğe Almada Çalıştırın

En sık kullanılan tarayıcılar, web sitesi öğelerini önbelleğe alma özelliğine sahiptir ve bundan yararlanmak için akıllı bir girişimci olursunuz. İşte çalışma şekli. Bir ziyaretçi web sitenize ilk kez geldiğinde, sayfanın her bir öğesi - resimler, metinler, komut dosyaları, CSS - indirilmelidir. Üzgünüz, bunun gerçekten bir yolu yok, ancak web sitenizi hareket halindeyken olabildiğince yalın hale getirme ihtiyacını vurgulamalıdır.

Ancak önbelleğe alma düzgün şekilde yapılandırıldığında, sonraki ziyaretler daha hızlı yüklenir çünkü değişmeyen öğelerin yeniden indirilmesi gerekmez. Çoğu web sitesi (haber siteleri olsa da) aynı kalan içeriğin çoğuna sahip olduğundan, tarayıcı önbelleğe alma, deneyimi önemli ölçüde hızlandırır. Web sitenizde bu işlevin etkinleştirildiğinden emin olma düşüncesi, kovanlara girmenize neden oluyorsa, barındırma şirketinizin teknik desteğini arayın ve para kazanmalarını sağlayın.

#3. Web Sitenizi İnceltin

Web sitenizde sıkıştırmayı etkinleştirerek kümülatif dosya boyutunu %50-70 oranında azaltabileceğinizi biliyor muydunuz? Millet, bu önemli ve başarılı bir çevrimiçi iş ile devasa bir zaman kaybı arasındaki fark olabilir. Esasen burada bahsettiğimiz şey, web sitesi dosyalarınızı, sıkıştırma olarak da adlandırılan bir siber kuşağa bırakmaktır.

Sıkıştırılmış bir web sitesi, bir ziyaretçinin bilgisayarına indirmek için daha az bant genişliği gerektirir, bu nedenle “boru hattında” daha hızlı hareket eder. Site çapında sıkıştırma, sunucu düzeyinde uygulanan bir ayardır. Kendi sunucunuzu çalıştırıyorsanız, muhtemelen bunu zaten biliyorsunuzdur, bu yüzden listemizdeki bir sonraki öğeye geçmekten çekinmeyin. Düzenli barındırma planlarına abone olan kitleler için, bir kez daha arkadaş canlısı teknik destek personelinizi aramalı veya sohbet etmelisiniz. Onlara neyi başarmaya çalıştığınızı söyleyin ve bunu oradan alabilmeliler.

#4. CSS'nizi Kolaylaştırın

Web tasarımcıları, düzeni ve bir web sayfasının nasıl göründüğünü kontrol etmek için CSS dosyalarını kullanır. Bu dosyanın (veya dosyaların) siz herhangi bir şey görmeden yüklenmesi gerektiğinden, mümkün olduğunca küçük tutmak mantıklıdır. Bunun için iyi bir ilk adım, gerçek koda bir göz atmak ve orada olması gerekmeyen her şeyi atmak. Kelimenin tam anlamıyla, kullandığınız her karakter ve boşluk, dosyaya boyut ve bir ziyaretçinin bekleme süresine başparmak çevirme süresi ekler.

Bir sonraki adımınız CSS'yi en aza indirmektir. Bu, kodun güzel görünmesini sağlayan ancak yükleme süresini yavaşlatan fazladan boşlukları kaldırma işlemidir. Web siteniz için bir CMS kullanıyorsanız, bazıları (HubSpot) CSS'yi otomatik olarak en aza indirirken diğerleri (WordPress, Joomla) yapmaz. Üçüncü taraf seçeneğine ihtiyacınız varsa, CSS Minifier gibi ücretsiz bir çevrimiçi hizmete göz atın. Kes, yapıştır ve sıkıştır.

#5. Komut Dosyalarını Stratejik Olarak Bulun

Javascript'i herkes sever. Web sitelerini çok daha havalı ve daha duyarlı hale getirir, ancak yanlış yerleştirildiğinde, sayfa yükleme sürecinde ölü bir durak gibi görünen şeyleri de ortaya çıkarabilir. Hiç kimse, özellikle web sitesi trafiği gibi ölü durakları sevmediğinden, kullandığınız herhangi bir Javascript'i HTML belgesinin sonuna koymak mantıklıdır.

Tarayıcılar, HTML'yi yukarıdan aşağıya sırayla yorumladığından ve öğeleri geldikleri gibi görüntülediğinden, istediğiniz son şey, esasen birkaç uzun saniye boyunca "duraklat" düğmesine basan yüksek oranda yerleştirilmiş bir Javascript kodudur. Gazete işinde, ön sayfanın alt yarısında görünen ve ana başlıktan daha az önemli kabul edilen haberlere atıfta bulunan “ekranın altı” adlı bir ibare var.

Javascript kodunuzun daha az önemli olduğunu söylemiyoruz, ancak tarayıcıların çalışma şekli nedeniyle kendinize bir iyilik yapın ve onu yüklenen son şey yapın.

Son düşünceler

Pek çok çevrimiçi girişimci, paylaşılan bir barındırma planı kullanmaya başlar ve onları kim suçlayabilir? Ucuzdurlar ve kurulumu kolaydır. Dezavantajı, web sitenizin belki de yüzlerce başka sunucuyla birlikte oturmasıdır. Açıkçası, web sitesi yükleme hızı kritik olduğunda bu mükemmel bir durum değildir. Sonunda, özel bir sunucu, sanal özel sunucu barındırma planı ve hatta güvenilir yönetilen barındırma gibi daha hızlı bir seçeneğe geçmeyi düşünebilirsiniz.

Farklı bir çözüme ihtiyacınız olduğundan şüpheleniyorsanız ancak ne olması gerektiğinden emin değilseniz, 5 barındırma türünün mükemmel bir karşılaştırması için bu siteye bakın. Son olarak, web sitenizin gerçekten yavaş olup olmadığını merak ediyorsanız, bu web sitesi URL'nizi girmenize ve bir web sitesi hız testi yapmanıza olanak tanır. Gerçeği bulmak için şimdiki zaman gibisi yok.

Bu makalenin, sayfa yükleme süresini nasıl %54 oranında azaltacağınızı öğrenmenize yardımcı olacağını umuyoruz. Sitenizi nasıl hızlandıracağınız konusunda ciddi endişeleriniz varsa, uzmanlarımız özellikle sizin için sitenizin performansını artırmak için bir rehber düşündü.