Daha fazla trafik ve dönüşümler için sayfa hızınızı geliştirin

Daha fazla trafik ve dönüşümler için sayfa hızınızı geliştirin

Sayfa hızı bugün dijital pazarlamada kritik bir faktördür. Üzerinde önemli bir etkisi vardır:

Daha fazla trafik ve dönüşümler için sayfa hızınızı geliştirin
Daha fazla trafik ve dönüşümler için sayfa hızınızı geliştirin Editör

Sayfa hızı  bugün dijital pazarlamada kritik bir faktördür. Üzerinde önemli bir etkisi vardır:

  • Ziyaretçiler sitenizde ne kadar süre kalır.
  • Kaç tanesi ödeme yapan müşteriye dönüşüyor.
  • Ücretli aramada TBM bazında ne kadar ödersiniz.
  • Organik arama sıralamasında nerde.

Ne yazık ki, çoğu web sitesi sayfa hızı söz konusu olduğunda kötü performans göstermektedir. ve bunların gelirleri üzerinde doğrudan olumsuz etkisi vardır.

Günümüzü dijital pazarlamacılar olarak geçirdiğimiz sonsuz sayıda şey var ve hepsini yapmak için yeterli zamana sahip değiliz. Sonuç olarak, bazı şeyler arka brülöre itilir.

Sıklıkla geriye itilen şeylerden biri, sayfa hızını optimize etmektir. Çoğu kişi bu sıklıkla gözden kaçan ayrıntıların önemini gerçekten kavrayamadığı için anlamak kolaydır; bu nedenle, birkaç saniye veya daha kısa sürede onu geliştirmek için zaman ve para yatırımındaki değeri görmezler.

Arama motoru optimizasyonu odaklanmak olanlar da dahil olmak üzere bazı pazarlamacıların, zaman Önemsiz miktarda gibi görünse Ne, tüm yol kendi analitik verilere aşağı sanayi devleri verilerine göre anıtsal olduğu kanıtlanmıştır.

Benim gibiler ve size sonuçları maksimize etmek istiyorum ve tabii ki, gelir, doğru olduğunu kabul edeceğiz? Sonra web sitenizi yağlanmış sümüğüye oranla daha hızlı hale getirmeye başlayın! (Bu oldukça görsel, değil mi?)

1. Hendek Bütçe Web Hosting

Hepimiz bu gün de olsa biz günlük olarak kullanmak Raven, SEMrush, Moz için bu abonelikleri ve tüm diğer araçları hızla artabileceğini para kazanmak için çalışıyoruz. Neredeyse fazladan bir çocuğa sahip olmak gibidir.

Birçok insan para kazanmayı deneyen bir yol, ucuz bir tür paylaşımı seçerek, bir sunucuya sığabilecekleri kadar birçok web sitesi gibi sıkışmalara ev sahipliği yapar , çok sayıda palyaço tek bir arabaya yığılmış gibi. Performans lanetlenecek!

Elbette, web siteniz çoğu zaman herhangi bir web barındırıcısı ile olduğu gibi kullanılabilir olacak, ancak ziyaretçilerinizin hiç alıcıya dönüşmeden hayal kırıklığına uğrayacakları yavaş yavaş kanlı hale gelecektir.

"Ancak bu pek de fark edilmiyor!" Diyen bu pazarlık müşterileri ısrar ediyor.

İşte şey - sizin için neredeyse fark edilmeyebilir, çünkü bu sizin bebeğiniz ve onu seviyorsunuz. Ancak herkes, web sitenize mümkün olduğunca çabuk girip girmek istiyor.

İnsanlar, bir cevap almak, bir ürün satın almak ya da başka bir belirli objektif almak anlamında olsun, yaptıkları şeyi yapabilecek kadar uzun süre sitenizde olmak istemektedirler. Onları biraz yavaşlarsan, deneyimlerinden nefret edecek ve dönüştürmeden terk edecekler.

Bunun hakkında böyle düşün:

Çoğu insan kendi çocuklarını koşulsuz olarak seviyor. Ama başka birinin çocuğu çığlık atarak, bir şeyler atıyor, geceyi bir lokantada bozuyor mu? Onlar nefret o çocuk. Web sitenizle aynı şey.

Ne Kadar Gerçekten Fark Yaratıyor?

Amazon tarafından yürütülen bir araştırmaya göre , sadece bir insanın algılayamayacağı bir zaman birimi olan sadece 100 ms'lik bir fark, satışlarını yüzde 1 oranında azaltmak için yeterliydi. Walmart benzer sonuçlar verdi.

Bu küçük zaman birimi satışlarda o kadar doğrudan etkiye sahipse, fazladan bir saniyenin veya daha fazlasının ne gibi bir etkisi olacağını düşünüyorsunuz?

Ancak web sitenizin ne kadar çabuk (veya yavaş) yüklenmesinin organik arama sıralaması ve tıklama başına ödeme maliyetleri üzerinde de etkisi olduğu için burada durmaz. Başka bir deyişle, web siteniz yavaş yüklüyorsa, bu kritik bölgeye yatırım yapan rakiplerinizin öğle yemeğinizi yemelerini beklemelisiniz.

Sonuç: bütçenin web barındırmasını atlayın. Bir emtia (esas olarak fiyata dayalı olarak) satıyorlarsa, müşterilerine bir emtia gibi davranacaklardır.

Özellikle WordPress web siteleri için hız için optimize edilmiş bir çok web barındırma birimi var ve bazıları bütçe seçeneklerine benzer şekilde fiyatlandırılıyor. Etrafınıza sorun, bazı testler yapın ve ziyaretçilerinizi ve Google'ı hem tatmin edecek bir performans verecek bir web barasına yatırım yapın.

2. HTTP Çağrılarını Azaltın

HTML, CSS, JavaScript, resimler ve fontlar gibi bir web sayfası işlemek ve işlemek için gereken her dosya ayrı bir HTTP isteği gerektirir. Daha fazla istek yapılırsa o sayfa o kadar yavaş yüklenir.

Şimdi, konuştuğum insanların çoğuna benzer iseniz, muhtemelen "Ah, bunun hakkında endişelenmem gerek" diye düşünüyorsunuz, Jeremy. Ne yaptığımı biliyorum ve web siteme bir yığın şişirilmiş çöp eklemiyorum! "

Bu kısmen doğru olabilir. Sen olmayabilir eklemek web şişirilmiş çöp bir demet, ama ben karşılaşmak web sitelerinin yüzde 90 + için -  yine hala var .

Bu şişkinlik orada değil, çünkü Bloat Peri uyurken içeriye girdi. Web tasarımcılarının çoğunluğu, beceri veya tecrübeye bakılmaksızın, sayfa hızını öncelikli kılmadığı için orada. Üzücü gerçek şu ki çoğu nasıl bilmiyor.

İşte sorunun başladığı yer:

Çoğu temalar bir veya daha fazla CSS dosyası ve birkaç JavaScript dosyası yükler. JQuery veya FontAwesome gibi bazıları genellikle başka bir sunucudan uzaktan yüklenir; bu, bir sayfanın yüklenmesi gereken süreyi önemli ölçüde artırır.

Bu eklentiler tarafından eklenen CSS ve JavaScript dosyalarını eklediğinizde bu daha da sorunlu hale gelir. Yalnızca CSS ve JavaScript dosyalarından yarım düzine veya daha fazla HTTP isteği ile sonuçlanması kolaydır.

Her birinde ayrı bir HTTP isteği gerektiren bir sayfadaki tüm görüntüleri dikkate aldığınızda, hızla el ele verilir.

  • JavaScript dosyalarını tek bir dosyaya birleştirin.
  • CSS dosyalarını bir dosyaya birleştirin.
  • Kendi JavaScript ve / veya CSS dosyalarını yükleyen eklentileri azaltın veya ortadan kaldırın. Bazı durumlarda, Gravity Forms'da olduğu gibi yüklenmelerini de devre dışı bırakma seçeneğiniz vardır.
  • Sık kullanılan görüntüler için sprite kullanın.
  • Resim dosyalarının yerine FontAwesome veya İyonik Simgeler gibi bir yazı tipi kullanın, o zaman sadece bir dosyanın yüklenmesi gerekecektir.
  • 3. Son Array Ekle

Harici kaynaklardan (bağlantı kurma çabaları) ya da kendi web sitenizden web sitenize yönlendiren bağlantılardaki son eğik çizgiyi atlama, hız üzerinde olumsuz bir etkisi vardır.

İşte böyle:

Eğik çizgi olmadan bir URL'yi ziyaret ettiğinizde, web sunucusu bu ada sahip bir dosya arar. Bu ada sahip bir dosya bulamazsa, bu dosyayı bir dizin olarak kabul eder ve bu dizindeki varsayılan dosyayı arar.

Diğer bir deyişle, sondaj eğik çizgisini atlayarak, sunucuyu gereksiz bir 301 yönlendirmesini yürütmeye zorluyorsunuz demektir. Size anlık gelebilir gibi görünse de, biraz daha uzun sürer ve önceden belirlediğimiz gibi, her bir parça biraz toparlanır.

  • https://example.com (bu kötü) 
  • veya 
  • https://example.com/services (bu da kötü) 
  • vs 
  • https://example.com/ (bu iyi) 
  • veya 
  • https://example.com / hizmetler / (bu da iyi)

4. Sıkıştırmayı etkinleştir

GZIP sıkıştırmasını etkinleştirmek, HTML, CSS, JavaScript dosyalarını indirmek için gereken süreyi önemli ölçüde düşürebilir; çünkü bunlar daha küçük sıkıştırılmış dosyalar olarak indirilir ve daha sonra tarayıcıya geldiklerinde sıkışmalar giderilir.

Endişelenmeyin - ziyaretçilerinizin ekstra bir şey yapmaları gerekmeyecektir, çünkü tüm modern tarayıcılar GZIP'i desteklemektedir ve tüm HTTP istekleri için otomatik olarak onu işlemektedir.

5. Tarayıcı Önbelleklemeyi Etkinleştirin

Tarayıcı önbelleğe alma özelliği etkinken, bir web sayfasının öğeleri ziyaretçilerin tarayıcısında saklanır, böylece bir dahaki sefer sitenizi ziyaret ettiklerinde veya başka bir sayfayı ziyaret ettiklerinde, tarayıcıları sunucuya başka bir HTTP isteği göndermek zorunda kalmadan sayfayı yükleyebilir önbelleklenen öğelerden herhangi biri.

İlk sayfa yüklendikten ve öğeleri kullanıcının önbelleğinde depolandıktan sonra, sonraki sayfalarda yalnızca yeni öğelerin indirilmesi gerekir. Bu, normal tarama oturumu sırasında indirilmesi gereken dosyaların sayısını önemli ölçüde azaltabilir.

6. Kaynakları Küçült

CSS ve JavaScript dosyalarınızı küçültmek, dosya boyutunu ve dolayısıyla indirme zamanını azaltmak için gereksiz boşlukları ve açıklamaları kaldırır.

Neyse ki, bunun manuel bir süreç olması gerekmez; çünkü bir dosyayı daha küçük, küçültülmüş bir sürüme dönüştürmek için çevrimiçi olarak sunulan birkaç araç bulunmaktadır.

WordPress için web sitenizdeki başlıklardaki normal CSS ve JavaScript dosyalarınızın bağlantılarını, orijinal dosyalarınızı değiştirmeden bunları küçültülmüş bir sürümüyle değiştirecek eklentiler de vardır: Popüler önbellekleme eklentileri:

  • W3 Toplam Önbellek
  • WP Süper Önbellek
  • WP Roketi

Minifikasyon genellikle CSS ve JavaScript'i bozar, çünkü ayarları doğru yapmak biraz zaman alabilir, bu nedenle her şeyi küçülttüğünüzde web sitenizi kapsamlı bir şekilde test ettiğinizden emin olun.

7. Katman Üstü İçerik Üzerine öncelik verme

Web siteniz, üst katın içeriğini önceliklendirmek için kodlanmışsa, diğer bir deyişle, bir ziyaretçinin sayfasını kaydırmadan önce görülebilen içeriği daha hızlı yüklemek için ziyaretçiye görünebilir.

Bu, katın üst kısmında görünen tüm öğelerin de HTML kodunun başına yakın olmasını sağlamaları anlamına gelir; böylece tarayıcı indirebilir ve bunları önce oluşturabilir.

Bu alanı, harici bir CSS dosyasında değil satır içi olarak oluşturmak için gereken CSS ve JavaScript'i dahil etmek de kritik önem taşır.

8. Medya Dosyalarını En İyileştirme

Yüksek kaliteli kameralar içeren mobil cihazlar yaygın olduğundan ve WordPress gibi modern içerik yönetimi sistemleri, resim yüklemeyi kolaylaştırıyor; bir çok kişi basitçe bir fotoğraf çekip, bunu fark etmeden yüklemektedir; çoğu kez, görüntü  en az dört kat daha büyüktür. gerekli . Bu, özellikle mobil kullanıcılar için web sitenizi önemli derecede yavaşlatmaktadır  .

Web sitenizdeki medya dosyalarını optimize etmek, sayfa hızınızı inanılmaz derecede artırma potansiyeline sahiptir ve bunu yapmak nispeten kolaydır, bu nedenle zamanınızı iyi bir şekilde ölçün.

Resimleri En İyileştirme

İdeal biçimi seçin. JPG, fotoğraf görüntüleri için mükemmeldir; GIF veya PNG, geniş katı renk alanlı görüntüler için en iyisidir. 8-bit PNG dosyaları alfa kanalı olmayan görüntüler içindir (şeffaf arka plan) ve alfa kanalı olan görüntüler için olan 24-bit dosyalar.

Görüntülerin doğru boyutta olduğundan emin olun . Web sitenizde bir resim 800 piksel genişlikte görüntüleniyorsa, 1600 piksel genişliğinde bir resim kullanmanın hiçbir yararı yoktur.

Resim dosyasını sıkıştırın . Kenara, en iyi resim düzenleme programı olmaktan, Adobe Photoshop harika görüntü sıkıştırma yetenekleri var ve ayda 9.99 $ 'da başlıyor. Yüklenen görüntüleri otomatik olarak sıkıştıran WWW Image

Optimizer ,  Imsanity ve TinyJPG gibi ücretsiz WordPress eklentilerini de kullanabilirsiniz  .

Video En İyileştirme

  • İdeal biçimi seçin . Çoğu durumda en küçük dosya boyutu ürettiği için MP4 en iyisi olur.
  • Ziyaretçilerin ekran boyutlarına göre en uygun boyutu (boyutları) sunun .
  • Video, arka planda bir tasarım öğesi olarak kullanılıyorsa , ses parçasını ortadan kaldırın .
  • Video dosyasını sıkıştırın . Çoğu zaman Adobe Premiere kullanıyorum, ancak Camtasia da çok sağlam bir seçim.
  • Video uzunluğunu azaltın.
  • Onlara yerel olarak hizmet vermek yerine YouTube'a veya Vimeo'ya video yüklemeyi ve iframe gömme kodunu kullanmayı düşünün .
  • Orada durmamalısınız çünkü yüzey çiziliyormuş.

Gerçekten web sitenizde medyayı optimize etmek için, hizmet için gerek uygun boyuttaki görüntüleri ziyade sadece onları yeniden boyutlandırma daha ekran boyutuna göre. Bir görüntünün uygulanmasına dayanarak bunu halletmenin iki yolu vardır.

Web sitenizin HTML'sindeki görüntüler, bir kullanıcının ziyaretçisinin kullandığı cihazın ekran boyutuna göre tarayıcının uygun resmi seçmesini, indirmesini ve görüntülemesini sağlayan src set'i kullanılarak sunulabilir.

CSS aracılığıyla yerleştirilen görüntüler - genellikle arka plan görüntüleri olarak, bir ziyaretçinin kullandığı cihazın ekran boyutuna dayalı olarak uygun resmi seçmek için medya sorgularını kullanarak sunulabilir.

. Önbelleğe Alma ve CDN'lerden faydalanın

Önbellekleme, web sunucunuzun web sayfalarınızın statik bir kopyasını depolayarak bir ziyaretçinin tarayıcısına daha hızlı ulaşmasını sağlarken, bir CDN, bu kopyaların tüm dünyadaki sunuculara dağıtılmasını sağlar; böylece bir ziyaretçinin tarayıcısından indirebilirsiniz. bulundukları yere en yakın sunucu. Bu sayfa hızını çarpıcı biçimde artırır .

Daha Fazla Sayfa Hız Kaynakları Burada:

  • Google'ın Mobil Sayfa Hız Testi Nasıl Yalınır?
  • Hızlı ve İyi Sayfalık Hız Denetimlerini Nasıl Gerçekleştirirsiniz?
  • İçeriğinizin Hızının Artırılmasına Yönelik Karmaşık Kılavuz

Metkim Böcek İlaçlama da %30 İndirim Hemen Tıkla >> Böcek ilaçlama

Sende Yorumla...
Kalan karakter sayısı : 500
İLGİNİZİ ÇEKEBİLİR X
Kameralarla Dolu Villanın Banyosunda İlişkiye Girdiler
Kameralarla Dolu Villanın Banyosunda İlişkiye Girdiler
Burak Deniz Rol Arkadaşıyla Aşk Yaşamaya Başladı
Burak Deniz Rol Arkadaşıyla Aşk Yaşamaya Başladı