Yavaş Bir Web Sitesinin İçerik Pazarlamanızı Öldürmesine İzin Vermeyin

Günümüzün aşırı rekabetçi, her zaman hareket halinde olan toplumunda, hiç kimsenin yavaş web sitesi yüklemesi için zamanı yoktur.

Google artık tıknaz, verimsiz web sitelerini arama motoru sonuç sayfalarındaki (SERP'ler) sıralamalarını düşürerek cezalandırıyor. Web sitesi sahiplerinin, ziyaretçilerin hayal kırıklığına uğraması ve devam etmesi için yalnızca saniyeleri vardır. Bu, bir ziyaretçiyi etrafta takılmaya ve oluşturmuş olabileceğiniz harika içeriğin çılgın bir hayranı olmaya ikna etmek için çok fazla bir zaman değil.

Hızı ve verimliliği artırmak için yapabileceğiniz her şeyi hızlı yapmalısınız çünkü yavaş bir web sitesini terk eden ve bir daha geri gelmeyen insanların yüzdesi cesaret kırıcı derecede yüksektir.

Peki, sayfanızın olabildiğince çabuk yüklenmesini nasıl sağlarsınız? Gecikme sorunlarını azaltacak ve süreci hızlandıracak birkaç püf noktası ve profesyonel ipucu öğrenmek için okumaya devam edin.

Köprü Metni Aktarım Protokolü isteklerinin sayısını azaltın

Köprü Metni Aktarım Protokolü (HTTP) istekleri, web sayfası yükleme sürelerinin yaklaşık yüzde 80'ini oluşturur. Tarayıcının sunucudan bir sayfa, resim veya dosya çekmesi gerektiğinde ortaya çıkarlar. Ortalama bir web tarayıcısı aynı anda bu bağlantılardan yalnızca dört ila sekiz tanesini açar.

Bu, teorik hıza sahip olsanız bile, çok sayıda istek içeren sayfaların yüklenmesinin biraz zaman alacağı anlamına gelir. Sayfa tasarımını temiz ve basit tutarak veya her sayfadaki resim ve video dosyalarının sayısını azaltarak HTTP isteklerinin sayısını kolayca sınırlayabilirsiniz.

Yavaş bir web sitesini hızlandırmanın başka bir yolu da CSS ve JavaScript dosyalarını tek ve daha büyük bir dosyada birleştirmek. Bu, kümülatif dosya sayısını azaltarak tarayıcının dosyaları almak ve bunları web sayfasına yüklemek için sunucuya geri dönme sayısını azaltır. İşlem, yeni başlayan birinin bile yapabileceği kadar basittir ve aslında her iki dosya türü için de aynıdır.

Dosyaları birleştirmek için kodu bir dosyadan diğerine kopyalamanız/yapıştırmanız yeterlidir. Tüm uygun kodlamalar aktarıldıktan sonra, orijinal dosyaları ve fazladan HTML kodunu silin. Tüm bunlar basit bir kopyala-yapıştır işlemidir ve Mac OS X'te TextEdit veya Windows'ta Notepad gibi herhangi bir metin düzenleyicide yapılabilir.

Dosyalarınızı optimize edin ve sıkıştırın

Web sitesi yükleme sürelerini iyileştirmek için sıkıştırmanız gereken iki dosya türü vardır: 1) resimler ve 2) CSS ve JavaScript gibi kod dosyaları. Her birine bakalım.

Görüntüler nasıl sıkıştırılır

Görüntüler, mevcut web sayfası kaynaklarının çoğunu kaplar. Sitenizi incelemeli ve gereksiz olanları kaldırmalısınız. Yalnızca istediğiniz görüntülere sahip olduğunuzda, her birini bir fotoğraf optimizasyon programından geçirin.

Google, geliştirici araçlarında harika bir resim optimize ediciye sahiptir. Her görüntü 150 KB'den az olmalı ve orta kalitede - yaklaşık 72 dpi olmalıdır. Hiçbir resim 1.920 pikselden daha geniş olmamalıdır. Bazen optimizasyon, resimleriniz için dosya biçimini değiştirmek kadar basittir.

Google'ın resim optimize edicisini veya başka bir optimize edici aracını kullanmak için, bilgisayarınızdan bir resim yükleyin, Optimize et veya Sıkıştır düğmesini tıklayın, ardından yeni sıkıştırılmış resmi indirin. Çoğu görüntü sıkıştırma aracı, dosyaları orijinal boyutlarının %50'sinden %5'ine kadar herhangi bir yere sıkıştırabilir; bu, sayfa hızı için büyük bir kazançtır.

CSS dosyaları nasıl sıkıştırılır

Basamaklı Stil Sayfalarına (CSS) gelince, tüm kodlamayı tek bir ana dosyaya kopyalayabilirsiniz, ancak daha fazla gecikmeye neden olabileceğinden, @import komutu yerine kopyala/yapıştır kullandığınızdan emin olun.

Gereksiz boşlukları, yorumları ve satır sonlarını ortadan kaldırarak JS kodunu sıkıştırabilir veya küçültebilirsiniz. Minifier gibi ücretsiz web uygulamaları bunu sizin için yapabilir. Aracı nasıl kullanacağınız aşağıda açıklanmıştır:

1. Tarayıcınızda Minifier.org'a gidin. WordPress kontrol panelinize giriş yapın ve Görünüm > Düzenleyici'ye gidin.

2. Ardından style.css'e tıklayın ve ekrandaki tüm kodu kopyalayın.

3. Ardından, kodu Minifier'daki pencereye yapıştırın. CSS'nin seçili olduğundan emin olun, ardından büyük KÜÇÜLT düğmesini tıklayın.

4. Son senin style.css levha içine Minifier arkasından çıktı yapıştırın ve Update File tıklayın.

Tebrikler! Artık CSS kodunuzu küçülttünüz. Başka bir deyişle, yerden tasarruf etmek için sıkıştırdınız, böylece bu kodun sitenize yüklenme şeklini hızlandırdınız.

İşlemi, JavaScript dahil olmak üzere herhangi bir kod türüyle tekrarlayabilirsiniz. MINIFY düğmesine basmadan önce Minifier'da JS seçeneğini seçtiğinizden emin olun.

Sayfanızdaki yönlendirmelerin sayısını azaltın

Sayfaları taşımak veya silmek web sitenizin görünümünü düzene sokabilir, ancak yönlendirmelerle sayfa yükleme sürelerinizi yavaşlatarak hızı düşürür. Görüyorsunuz, bir sayfayı her taşıdığınızda veya sildiğinizde, tarayıcı eski veya bozuk bir bağlantıyla karşılaşır ve yeniden gruplanması gerekir.

Bu, özellikle artık web trafiğinin büyük bir bölümünü oluşturan mobil cihaz kullanıcıları için sinir bozucu.

Çözüm, sorunu belirlemek ve ortadan kaldırmaktır. Bu ipucu biraz araştırma gerektirir, ancak tüm yönlendirmeleri tanımlamayı kısa sürede yapacak programlar mevcuttur.

Örneğin, GTmetrix adlı bir uygulama, URL'nizi yerinde bir arama çubuğuna girmenize ve sitenizdeki tüm yönlendirmeleri listeleyen ücretsiz, yerinde performans analizi elde etmenize olanak tanır.

Tarayıcı önbelleğini kullanın

Önbelleğe alma, web sitenizin bölümlerini bir kullanıcının sistemindeki geçici depolama alanına indirmenize olanak tanır. Tarayıcı önbelleğe alma, sayfanın gelecekte daha hızlı yüklenmesini sağlar. İlgili bir püf noktası, web sitenizin ön sayfasının özellikle hızlı yüklenmesini sağlamaktır. Kullanıcılar sitenizin geri kalanına geçerken, önbelleğe alma yoluyla tüm sitenin yükleme süreleri iyileştirilir.

WordPress, .htaccess ve W3 Total Cache dahil olmak üzere tarayıcı önbelleğinden yararlanan çeşitli eklentiler sunar. Eski yöntemlerle yapmak istiyorsanız, .htaccess dosyasındaki kodlamayı resim ve CSS dosyalarının sona erme sürelerine göre düzenleyin.

Bunu yapmak için şu adımları izleyin:

1. İlk olarak cPanel'e giriş yapın.

2. Ardından, Dosya Yöneticisini bulun ve başlatın.

3. Ardından, Ayarlar seçeneğine gidin ve 'Gizli Dosyaları Göster'i tıklayın.

4. Şimdi, kök dizini bulun ve public_html klasöründeki .htaccess dosyasını bulun.

5. Son olarak, .htaccess dosyasına sağ tıklayın, 'Düzenle'ye tıklayın ve aşağıdaki kodu ekleyin:
## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
## EXPIRES CACHING ##


Ardından 'Kaydet'i tıklayın ve işte! Hazırsınız.

Güvenilir bir web barındırıcısı seçme

Web barındırma seçiminiz ve türü, web sitesi hızı üzerinde önemli bir etkiye sahip olabilir. Üç barındırma seçeneği vardır:

1. Paylaşılan en ucuz seçenektir. Unutulmaması gereken en önemli şey, web sitenizin başkalarıyla birlikte bir sunucuya paketleneceğidir. Belki başkaları çoktur. Bazı ana bilgisayarlar, sunulan istemci sayısı için disk alanı, CPU ve RAM gibi yeterli bilgi işlem kaynakları sağlamamakla ünlüdür. Yeni başlayan veya düşük trafikli bir site için bu korkunç bir seçenek değil.
2. Sanal özel sunucu veya VPS , fiyat ve hizmet açısından paylaşılan barındırmadan bir adım öndedir . Siteniz fiziksel olarak diğer sitelerle birlikte bir sunucuda bulunsa da, kendi bölümünüz ve işletim sisteminin kopyası ile komşunuzun sitesi tarafından alınamayacak özel bilgi işlem kaynaklarına sahipsiniz. Kesinti süresinin para kaybı anlamına geldiği daha yüksek trafikli siteler ve e-ticaret için bu daha iyi bir barındırma seçeneğidir.
3. Özel bir sunucuya ihtiyaç duyacağınız zorlu ve hızlı bir trafik seviyesi yoktur, ancak düzenli olarak ayda altı rakam görüyorsanız, dikkate almaya değer olabilir. Aylık 80 ila 100 ABD Doları arasında, bu en pahalı seçenektir, ancak bir sunucudaki alan yerine, tüm sunucuya sahip olursunuz ve tahsis edilen kaynaklarda sınır yoktur.

Topluluk destekli bir araştırma kuruluşu olan Hosting Canada'nın yakın tarihli bir raporu, iyi bilinen web barındırıcıları arasında bile sayfa yükleme hızındaki farkın önemli olabileceğini belirtiyor. Örneğin, on yıllık bir test, belirli bir ana bilgisayara bağlı olarak ortalama yükleme sürelerinin 226 ms ile 2.850 ms arasında değiştiğini ortaya çıkardı.

İlk kez gelen ziyaretçileri, etrafta dolaşmak için ilgi yaratacak kadar uzun süre tutmak söz konusu olduğunda, ikinci bir gecikmenin kesirleri onları asla geri dönmemek üzere yola çıkarabilir. Web sitenizin hızını düzenli olarak Pingdom'da test etmek dünyadaki en kötü fikir olmaz. URL'nizi forma bırakın ve "testi başlat"ı tıklayın. Bu makaleye göre değişiklik yaparsanız ve herhangi bir gelişme görmüyorsanız, farklı bir ana bilgisayar denemenin zamanı gelmiş olabilir. Bazı ana bilgisayarlar, web sitesi hızını analiz etmek ve optimize etmek için araçlar sunar.

Web siteniz videolar veya başka büyük dosyalar içeriyorsa, bunları harici olarak barındırmak mantıklıdır. Kendi sunucularınızı kullanmak, sitenizi bir taramaya getirerek mevcut bant genişliğini artıracaktır.

Ayrılan bant genişliğinizi tekrar tekrar maksimuma çıkarmak, aslında kendinizi barındırma şirketinizin kullanım şartlarını ihlal ederken bulabilir ve bu da sitenizin tamamının kaldırılmasına neden olabilir.

YouTube gibi video içeriği için harici bir barındırma sitesi kullanmak, web sitenizi barındırma şirketinizle iyi durumda tutarken izleyiciler için deneyimi optimize eder.

Bir içerik dağıtım ağı kullanın

Bir içerik dağıtım ağı (CDN) kullanırken, web siteniz coğrafi olarak dağılmış sunuculardan oluşan bir ağda "önbelleğe alınır" - "depolanır" demenin başka bir yolu.

Bu, barındırma sunucuları istekte bulunan bilgisayarlardan uzaktayken oluşan yükleme gecikmelerinin sanal olarak ortadan kaldırılmasını sağlar.

Bir CDN kullanmaktan en çok görüntü bağımlı sayfalar yararlanacaktır.

Son düşünce

Yavaş web sitesi hızını artırmak için ilgili noktaları özetleyelim:

1. HTTP isteklerinin sayısını azaltın. Tarayıcı, sunucudan her dosya istediğinde bir istek oluşturulur. Minimalist bir tasarım yaklaşımı deneyin.
2. Görüntüler ve CSS ve JavaScript gibi kod dosyaları için dosyaları optimize edin veya sıkıştırın.
3. Yönlendirme sayısını azaltın. Zamanla, doğal site değişiklikleri, tarayıcı bağlantının nereye gitmesi gerektiğini bulmaya çalışırken zaman kaybına neden olan yönlendirmelere neden olur. Bunları temiz tutun.
4. Tarayıcı önbelleğe almayı etkinleştirin. Statik dosyaları kullanıcının tarayıcı belleğine kaydederek gelecekteki ziyaretlerde web sitesinin daha hızlı yüklenmesini sağlar.
5. Güvenilir bir web barındırma seçin ve performans konusunda ciddi olduğunuzda paylaşılandan VPS barındırmaya geçin.
6. Bir CDN hizmetine abone olun. Sitenizin kopyalarını dağınık coğrafi konumlarda tutmak, son kullanıcılara daha hızlı teslimat yapılmasını sağlar.

Web sitesi yükleme sürelerini etkileyen çeşitli şeyler vardır. Optimizasyon, statik bir süreç değil, sürekli olarak izlenecek ve ayarlamalar yapılacak bir şeydir. Her zamankinden daha gelişmiş bir internet gerçeği sayesinde, bir sitenin hızı zamanla doğal olarak düşecektir. Dengede kalmak için savaşmak zorunda kalacaksın.

Ama kimse görmek için etrafta dolaşmıyorsa neden mükemmel bir içerik pazarlama kampanyası yaratma noktasına gelelim? İyi şanlar!