Blog Sayfası Yükleme Süresini Azaltmak İçin 17 Etkili İpuçları

Her sayfanın yüklenmesinin birkaç saniye sürdüğü bir siteyi ziyaret ettiğinizi hayal edin.

Sinir bozucu, değil mi?

Gerçek şu ki, birçok blog yazarı, görüntü karusellerinden etkileşimli widget'lara kadar süslü görsel öğeler yüklerken web sitelerinin yükleme hızını ihmal ediyor.

İzleyicilerinizi etkilemenin yolu bu değil.

İhtiyaç duydukları şey, hızlı yüklenen, okunabilirliği en üst düzeye çıkaran ve istedikleri bilgileri anında sunan bir blogdur.

Onlara istediklerini nasıl vereceğimizi tartışalım.

Sayfa Yükleme Hızı Neden Önemli?

Gelişmiş kullanıcı deneyimine ek olarak, hızlı bir yükleme hızının pazarlama açısından da çok sayıda faydası vardır.

Daha Fazla Trafik Elde Edin

İstatistikler, kullanıcıların yaklaşık yüzde 40'ının üç saniye veya daha kısa sürede yüklenemeyen bir siteden ayrıldığını gösteriyor. Mobil kullanıcılardan bahsediyorsak bu rakam yüzde 53'e çıkıyor .

• Kayıt etmek

Ve blogunuzun neden bu kadar berbat bir hemen çıkma oranına sahip olduğunu merak ediyorsunuz.

Blogunuzun yükleme hızını görmezden gelmeye devam ederseniz, temelde trafik potansiyelinizi yarı yarıya azaltmış olursunuz.

Dönüşümleri Artırın

Yükleme sürelerinde bir saniyelik bir gecikmenin dönüşümlerde yüzde 7'lik bir düşüşe neden olduğunu biliyor muydunuz?

İşleri perspektife koymak için, 100 ABD doları değerinde dönüşümleri her güvence altına aldığınızda bu 7 ABD doları kayıptır.

• Kayıt etmek

Çok büyük görünmeyebilir, ancak rakiplerinizin web sitelerinin sadece birkaç tıklama uzaklıkta olduğunu unutmayın.

Okuyucular, daha iyi kullanıcı deneyimine sahip farklı bir bloga geçtikten sonra, asla geriye bakmayabilirler.

Daha Yüksek Arama Motoru Sıralaması

Bilmiyorsanız, Google gibi arama motorları konu kullanıcı deneyimi olduğunda çok titizdir.

Bu nedenle yükleme hızına yalnızca masaüstü için değil, mobil web siteleri için de önemli bir sıralama faktörü olarak bakıyorlar.

• Kayıt etmek

SEO veya Arama Motoru Optimizasyonu terimlerine aşina değilseniz, bu yazıyı kullanarak öğrenmeye başlamanızı öneririm.

Şimdilik, size birinci sınıf blog performansına ulaşmanın bir sonraki adımını göstermeme izin verin: blogunuzun gerçek yükleme hızını ölçme.

Web Sitesi Yükleme Hızı Nasıl Test Edilir

Web sitenizin zaten yeterince hızlı çalıştığını düşünebilirsiniz, ancak yalnızca Google'ın PageSpeed ​​Insights gibi bir araç bunu kanıtlayabilir.

Basitçe söylemek gerekirse, web sitenizin hızını analiz eden, hızı etkileyen sorunları tespit eden ve yararlı kaynaklarla birlikte bir öneri listesi sunan bir performans optimizasyon aracıdır.

PageSpeed ​​Insights'ı kullanmak için devam edin ve blogunuzun URL'sini girin ve 'Analiz Et'i tıklayın .

• Kayıt etmek

Sadece PageSpeed ​​Insights'ın büyüsünü gerçekleştirmesi için birkaç saniye verin.

Bittiğinde bulacağınız ilk şey, hız puanınız, yükleme hızınızı etkileyen faktörler ve tahmini gecikme veya kullanıcı girdilerinin kaydedilmesinden önceki gecikme dahil olmak üzere web sitenizin performansının derinlemesine bir değerlendirmesidir.

• Kayıt etmek

"Mobil" sekmesine geçerek mobil performans için PageSpeed ​​Insights'ı da kullanabilirsiniz. Araç, blogunuzun akıllı telefonlar ve tabletlerdeki performansını yansıtan farklı bir raporu size hemen sunmalıdır.

• Kayıt etmek

Hız puanlarınızı buldunuz mu?

Bundan sonra, bunları web sitenizin performansını ölçmenin birincil yolu olarak kullanmanızı tavsiye ederim.

Hedefiniz basit: Hız puanı ölçeğinin "hızlı" sonuna ulaşmak için gerektiği kadar çok optimizasyon gerçekleştirmek.

Neden bahsettiğimi size göstereyim.

• Kayıt etmek

En az 85'lik bir hız puanının yeterince iyi olduğunu bir yerde okuyabilirsiniz, bu aslında Facebook gibi büyük sitelerin bile 90'ın altında puanları olduğu düşünüldüğünde oldukça doğrudur.

• Kayıt etmek

Ancak, nişinizde bir çukur açmaya çalışan yeni gelişen bir marka olarak, " yeterince iyi " ye razı olmak asla bir seçenek değildir.

Her zaman rekabette öne geçmenize yardımcı olacak fırsatları kucaklamalısınız.

Yükleme hızınızı artırarak web sitenizdeki kullanıcı deneyimini iyileştirmek bu fırsatlardan biridir.

Bir sonraki adımı atmaya hazır mısınız? O zaman başlayalım.

Blog Yükleme Süresi Nasıl Azaltılır

Artık sayfa yükleme hızı optimizasyonunun " nedenini " ele aldığımıza göre, " nasıl " hakkında konuşma zamanı . "

Web geliştirme hakkında bir veya iki şey biliyorsanız, PageSpeed ​​Insights'ta gösterilen önerileri gerçekleştirmek, performans optimizasyonu kampanyanızı sıçrama tahtası haline getirmelidir. Bunları " Laboratuvar Verileri " bölümünün hemen altında bulabilmelisiniz.

• Kayıt etmek

Doğal olarak, PageSpeed ​​Insights'ta alacağınız öneriler web sitenizin genel durumuna bağlıdır. Bununla birlikte, yaygın optimizasyon önerilerinin çoğu, aşağıda oluşturduğum stratejiler listesine dahil edilecektir.

Daha fazla uzatmadan, çok daha hızlı ve karlı bir bloga ulaşmak için kanıtlanmış adımlar şunlardır:

1. İstenmeyen Eklentileri Kaldırın

Blog yayınlama platformları ve WordPress gibi içerik yönetim sistemleri genellikle kullanıma hazır eklentilerin kamyon yüklerini destekler ve bu da her tür özelliğin uygulanmasını kolaylaştırır.

Tüm zaman boyunca tek bir kod satırı yazmadan bir çevrimiçi rezervasyon widget'ına sahip olabilir, özel kayıt formları oluşturabilir, etkileyici açılış sayfaları oluşturabilirsiniz. İhtiyaçlarınızı karşılayan bir eklentiyi hızlı bir şekilde bulmak için entegre arama çubuğunu kullanın.

• Kayıt etmek

Kolaylık hakkında konuşun.

Bununla birlikte, eklentileri kullanmak iki ucu keskin bir kılıç olabilir.

Web sitenizi istediğiniz kadar eklentiyle yükleyemezsiniz.

Bir sayfadaki çok fazla eklenti, sunucu kaynaklarını tüketebilir ve sitenizi yavaşlatabilir.

Eklenti kitaplığınıza hiç dikkat etmediyseniz, benzer temel özelliklere sahip yedek eklentiler kurmuş olabilirsiniz.

Aynı türde birden fazla eklenti kurmak üzereyseniz WordPress'in sizi uyaracağını düşünürdünüz.

Maalesef durum bu değil.

WordPress kontrol panelime sığdırabileceğim birçok form oluşturucuya bir göz atın:

• Kayıt etmek

İyi haber şu ki, benzer eklentiler arasındaki uyuşmazlıklar, artık ihtiyacınız olmayanları devre dışı bırakarak kolayca düzeltilebilir.

Bunu yapmak için, kontrol panelinizden 'Eklentiler' menüsünü genişletin ve 'Yüklü Eklentiler'e gidin . Buradan ihtiyacınız olmayan tüm eklentileri seçin ve "Toplu İşlemler" açılır menüsünden "Devre Dışı Bırak" veya "Sil" komutlarını uygulayın.

• Kayıt etmek

Benzer eklentiler arasındaki çelişkiler dışında, bazı eklentiler - özellikle mevcut WordPress sürümünüzle test edilmemiş olanlar - kontrol panelinizin bozulmasına neden olabilir.

" Test edilmemiş " eklentilerden kaçınırken her seferinde bir eklenti kurarak bunu önleyebilirsiniz.

• Kayıt etmek

WordPress panonuzda daha uzun yükleme süreleri, çökmeler veya başka sorunlarla karşılaşırsanız, yüklediğiniz son eklentiyi devre dışı bırakın. Sorun devam ederse, muhtemelen başka bir eklentiden kaynaklanmaktadır.

İşte o zaman tüm eklentileri devre dışı bırakabilir ve suçluyu bulana kadar bunları birer birer açabilirsiniz. Bunu yaptıktan sonra, alternatif bir eklenti aramayı veya en son sürüme güncellemeyi düşünün.

2. Daha Fazlasını Yapan Eklentileri Arayın

Eklentiler üzerindeyken, eklenti seçenekleriniz hakkında kısa bir bilgi verelim.

WordPress'te ne kadar az eklenti olursa o kadar iyidir.

Mümkün olduğunca, uygulamak istediğiniz her özellik için yenisini yüklemek yerine birçok şapka takabilecek eklentileri arayın.

Örneğin, iletişim formları, yıldız derecelendirmeleri, incelemeler ve açılış sayfası tasarımı için ayrı eklentiler kullanmak yerine, tüm bu özellikleri bir araya getiren Elementor Page Builder gibi bir eklenti kullanın.

• Kayıt etmek

Fazla eklentileri CMS'nizden çıkardıktan sonra, web sitenizin yavaş çalışmasına neden olabilecek başka bir faktöre bakalım.

3. Barındırma Planınızı Yükseltin

Yeni blogcular için, web siteniz için bir dolarlık bir barındırma planına direnmek gerçekten zordur.

Ancak ayda binlerce olmasa da yüzlerce ziyaretçi oluşturmaya başladığınızda, barındırma şirketlerinin neden bu fiyat noktasında planlar sunduğunu anlayacaksınız.

Sık sık yavaşlama, aksama süreleri, zayıf müşteri desteği - bunlar, ucuz bir web barındırma çözümü seçmenin dezavantajlarından bazılarıdır. Bunun temel nedeni, bir dolarlık barındırma hizmetlerinin genellikle düşük güçlü, temel sunucu donanımı kullanmasıdır.

"Blog yazma konusunda ciddiyseniz, web siteniz en ucuz barındırma planından daha iyi bir şeyi hak ediyor." - Ankit Singla

Araştırmanızı yapın ve birçok olumlu incelemeyle desteklenen web barındırma şirketlerini arayın, örneğin:

• BlueHost
• HostGator
• SiteGround
• WPXHosting

Şüphe duyduğunuzda, düşündüğünüz herhangi bir ana bilgisayarın hızını test etmek için Pickuphost gibi bir araç kullanabilirsiniz. Tek yapmanız gereken, açılır menüden barındırma sağlayıcınızı seçmek, sunucu konumunu seçmek ve 'Testi Başlat'ı tıklamaktır .

İdeal olarak, hedef kitlenize yakın sunucu konumunu seçmelisiniz.

• Kayıt etmek

Çoğu barındırma şirketinin paylaşılan, Sanal Özel Sunucu veya VPS dahil olmak üzere birden fazla plan sunduğunu ve özel olarak tahsis edildiğini de fark edebilirsiniz.

Çoğu blog için, bir VPS barındırma planı web sitenizin bant genişliği ihtiyaçlarını karşılamak için fazlasıyla yeterli olmalıdır. Öte yandan, henüz trafik yığınları almıyorsanız, paylaşılan bir barındırma planı da geçerli olabilir.

Önce paylaşılan bir barındırma ile başlamanızı ve blogunuzun trafiği toplandıktan sonra VPS destekli bir plana geçmenizi öneririm.

Belki de adanmış barındırmayı seçmenin tek nedeni, sitenizin yüzlerce ürün içeren bir çevrimiçi mağazaya sahip olması olabilir. Bu durumda, bir VPS sunucusu bile dijital mağazanızın çalışır durumda kalması için gereken bant genişliği kapasitesine sahip olmayabilir.

4. Daha İyi Bir Tema Seçin

Bant genişliğinden bahsetmişken, daha basit, minimalist bir tema seçerek web sitenizin bant genişliği gereksinimlerini azaltabilirsiniz.

WordPress kullanıcıları bahsettiğimi hemen anlamalı.

Sonuçta, WordPress tema kitaplığında zaten birkaç ücretsiz minimalist tema var. Üçüncü taraf tema tasarımcıları bile web sitenizin performansını artırabilecek tonlarca hafif temaya sahiptir.

• Kayıt etmek

Buradaki anahtar, resim kaydırıcıları, animasyonlar ve CSS efektleri gibi gereksiz görsel ayrıntılarla dolu olmayan temaları aramaktır.

WordPress tema dizini de dahil olmak üzere çoğu tema pazarında temel bir özellik olan temaları önizleyerek bu öğeleri kendiniz kontrol edebilirsiniz.

• Kayıt etmek

Studiopress'ten Genesis çocuk temaları WordPress için en sevdiğim temalar arasında. WordPress 5.0 ve sonraki sürümler için varsayılan içerik editörü olan Gutenberg editörü ile de uyumlu düzinelerce minimalist, mobil uyumlu tema sunarlar.

Daha da önemlisi, bu temalar siteniz için daha hızlı yükleme hızları elde etmenize yardımcı olacaktır.

Genesis temaları ve avantajları hakkında daha fazla bilgi edinmek için bu incelemeye kesinlikle göz atmalısınız.

5. Görsellerinizi Optimize Edin

Web sitenizin performansını etkileyen tüm görsel öğeler temanıza dahil edilmez.

Web sitenize yüklediğiniz her resim, web sitenizin logosu, öne çıkan resimler, düğmeler veya infografikler, blogunuzun bant genişliği gereksinimlerini artırır ve dolayısıyla performansı etkiler.

Ancak görsel içerik her blogda olmazsa olmaz olduğundan, yazılarınızı resimlerle renklendirmeyi de bırakamazsınız. Bunun yerine, kalitede gözle görülür bir değişiklik olmadan resimlerinizin boyutunu küçültmek için Kraken.io gibi bir resim sıkıştırma aracı kullanabilirsiniz.

• Kayıt etmek

Kraken.io, görüntüleri toplu olarak optimize edebilen ücretsiz, bulut tabanlı kayıpsız bir sıkıştırma aracı ile birlikte gelir. Sıkıştırma işlemini başlatmak için görüntülerinizi araca sürükleyip bırakın veya sıkıştırılmış bir klasör yükleyin.

Son görüntülerin bulanık görünmemesi için sıkıştırma modunu " Kayıpsız " olarak ayarlamayı unutmayın.

• Kayıt etmek

Kendi kendine barındırılan blog yazarları için, medya kitaplığınızdaki tüm görüntüleri tek seferde sıkıştırmak için WordPress hızını WP Smush gibi bir eklentiyle artırabilirsiniz. Başlamak için kontrol panelinizden "Sıkıştır" ı ve "Şimdi Toplu Sıkıştır" ı tıklayın.

• Kayıt etmek

WP Smush ayrıca resimleri yüklenir yüklenmez otomatik olarak sıkıştırma seçeneği sunar. Bu özelliği etkinleştirmek için, eklenti arayüzünün "Ayarlar" bölümünün altındaki "Otomatik Sıkıştırma" yı açın.

• Kayıt etmek

Unutmayın, resim sıkıştırma, görsel içeriğin hayranıysanız yapmanız gerekenlerden yalnızca biri - tıpkı benim gibi. Bu nedenle, görsel optimizasyonu ve SEO ile ilgili ayrıntılı kılavuzumu okumanızı tavsiye ederim.

• Kayıt etmek

6. Sıcak Bağlamayı Devre Dışı Bırak

Kayıpsız sıkıştırma uygulandığında bile, resimleriniz sunucu kaynaklarınızı tüketebilir ve hotlinking nedeniyle sitenizi yavaşlatabilir .

Bu, başka bir sitenin doğrudan resminize veya dosyanıza bağlandığı ve bu kaynakları kendi sayfalarında görüntülemelerine izin verdiği yaygın bir uygulamadır.

Elbette, doğru şekilde yapıldığında içeriğinizin başka web sitelerinde paylaşılması harikadır. Ancak hotlinking ile bu siteler nihayetinde sitenizden içerik çekerek ödediğiniz bant genişliğini kullanır.

Bu nedenle hotlinking, genellikle bant genişliği çalma olarak da adlandırılır.

Aşağıdaki kodu “.htaccess dosyanıza” ekleyerek hotlinking'i tamamen durdurabilirsiniz:

gzip açık;

gzip_disable “msie6”;

gzip_vary on;

gzip_proxied herhangi biri;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype uygulaması / x-font-otf uygulaması / x-font-truetype uygulaması / x-font-ttf uygulaması / x-javascript uygulaması / xhtml + xml uygulaması / xml yazı tipi / opentype yazı tipi / otf yazı tipi / ttf görüntüsü / svg + xml görüntü / x-simge metni / css metni / javascript metni / düz metin / xml;

Web sitelerinin .htaccess dosyasını nerede bulacağını bilmeyenler için, hosting hesabınızın kontrol panelinde bulunabilir.

Yapmanız gereken, barındırma hizmetinizin " dosya yöneticisini " aramak ve web sitenizin kök klasörüne gitmektir. .Htaccess dosyanız, not defterine benzeyen bir simgeyle tam orada olmalıdır:

• Kayıt etmek

7. Bir CDN'ye yatırım yapın

Görüntü sıkıştırma ve sıcak bağlantı önleme ile işiniz bitti mi?

İyi.

Ya size görsellerinizi daha da hızlı yüklemenin bir yolu olduğunu söylersem?

Bir İçerik Dağıtım Ağı veya CDN ile, web sitenizin verilerinin kullanıcılara aktarım hızını artırmak için tüm proxy sunucuları ağından yararlanabilirsiniz.

En iyi yanı, CDN hizmet sağlayıcılarının, sunucularının dünya çapında önemli konumlara dağıtıldığını görmesidir. Bu, normalde uzak bölgelerden gelen ziyaretçilerin yaşadığı gecikme sorununu önemli ölçüde azaltır.

• Kayıt etmek

Tıpkı web barındırıcıları gibi, blogunuz için bir CDN seçerken dikkatli olmanız gerekir.

Endişelenmeyin - Kullanabileceğiniz WordPress blogu için en iyi CDN Hizmetlerinin bir listesini oluşturdum.

Maliyet ve özellikler açısından açık ara en iyi CDN'ler arasında yer alan MaxCDN için şahsen kefil olabilirim.

8. Kodlarınızı Küçültün

Web sitenizin bant genişliği gereksinimlerini artırabilecek tek şey resimleriniz değildir.

HTML, CSS ve JavaScript gibi kodlar da web sayfalarınızın boyutuna katkıda bulunabilir.

Çözüm? Kod içindeki beyaz boşluklar, fazladan satırlar ve yorumlar gibi gereksiz karakterleri kaldırarak bunları küçültün .

Bu karakterler hiçbir şekilde kodun işlevini etkilemez, ancak dosya boyutunu artırır. Buna karşılık, tarayıcıların sayfanızı yüklerken kodu indirmesi ve çalıştırması daha uzun sürer.

• Kayıt etmek

Bir dakika - bu, gereksiz karakterleri tek tek kaldırmak için sitenizdeki her bir kodu gözden geçirmeniz gerektiği anlamına mı geliyor?

Sakin ol.

Görüntü sıkıştırmada olduğu gibi, bu işlemi otomatikleştirmek için kullanabileceğiniz araçlar vardır.

Örneğin, Kodu Küçültme, kodlarınızı saniyeler içinde kırpabileceğiniz ücretsiz bir araçtır. Web sitenizde sahip olabileceğiniz tüm JavaScript, CSS ve HTML dosyaları için çalışır.

• Kayıt etmek

WordPress kullanıyorsanız, bir alternatif, kod varlıklarınızı tek bir hamlede küçültebilen W3 Total Cache gibi bir eklenti kullanmaktır.

Kurulduktan sonra, ana panodan " Performans" ı tıklayın ve seçeneklerinizi görüntülemek için "Küçült" ü tıklayın.

• Kayıt etmek

Geliştirilmiş performans için web sitenizin kodunu optimize etmek üzere aşağıdaki ayarları açmanızı tavsiye ederim:

• HTML küçültme ayarları
• JS küçültme ayarları
• CSS küçültme ayarları

• Kayıt etmek

Tüm optimum ayarlar için bu W3 Total Cache Eğitimini okuyun.

9. Oluşturmayı Engelleyen Kaynakları Önleyin

Kodlar konusuna geldiğimiz için, hadi daha gelişmiş konulara geçelim.

PageSpeed ​​Insights'ı çalıştırdıysanız ve "oluşturmayı engelleyen kaynakları ortadan kaldırmanız" söylendi, blogunuzun performansını en üst düzeye çıkarmak için biraz kodlama yaparak ellerinizi kirletmeniz gerekebilir.

• Kayıt etmek

Özetle, oluşturma engelleme kaynakları, bir web sitesinin temel HTML içeriğinin yüklenmesini engelleyen kodlardır. Bu, logonuzun, menülerinizin, gönderilerinizin ve sayfanızın diğer temel öğelerinin, sorunlu kaynaklar yüklenmedikçe yüklenmeyeceği anlamına gelir.

Oluşturmayı engelleyen kaynaklar stil sayfaları, HTML içe aktarmaları ve çeşitli komut dosyaları olabilir. PageSpeed ​​Insights size şu kodların tam bir listesini sunmalıdır:

• Kayıt etmek

Oluşturmayı engelleyen kaynaklarla başa çıkmak için en kolay adım, JavaScript'i web sitenizin HTML'sinin altına - "</body>" kapanış etiketinin hemen öncesine taşımaktır.

Komut dosyasının yalnızca HTML tam olarak yüklendikten sonra yüklenmesi için "erteleme" özelliğini de kullanabilirsiniz. Bu, “<script>” etiketine defer = ”defer” eklenerek yapılabilir.

• Kayıt etmek

Oluşturmayı engelleyen kaynaklar ve bunları optimize etmek için neler yapabileceğiniz hakkında daha fazla bilgi için bu gönderiye göz atın.

Elbette, kodlarla çalışmaktan rahatsızsanız her zaman bir web geliştiricisinden yardım alabilirsiniz. Alternatif olarak, komut dosyalarını otomatik olarak web sitenizin altbilgisine ertelemek için Autoptimize gibi bir eklenti kullanabilirsiniz - yine de işinizi yüzlerce kat kolaylaştıran başka bir WordPress hız optimizasyon eklentisi.

• Kayıt etmek

10. Ana Sayfanızdaki Gönderi Sayısını Azaltın

Şimdi ana sayfanızda gösterilen gönderi sayısından bahsedelim.

WordPress gibi CMS ve blog yayınlama platformları, genellikle başlangıçtan itibaren blog gönderilerini sergileyen çok sayıda temaya sahiptir.

Her gönderi için yüksek kaliteli özellikli görseller kullanırsanız, kullanıcıların kaçınılmaz olarak ana sayfanızı yüklemek için daha fazla zamana ihtiyacı olacaktır.

İyi bir önlem için kişisel olarak ana sayfamda yalnızca dört gönderi görüntülüyorum:

• Kayıt etmek

Verilmişse, tarayıcılar resimler yüklenirken blog gönderilerinizin başlıklarını (bazen bir açıklama veya içeriğinizin ilk birkaç satırını da içeren) görüntüleyebilir. Ancak bu, web sitenizdeki kullanıcı deneyiminin genel akışkanlığını yine de azaltır.

Artı tarafta, çoğu web sitesi platformu ve CMS, ana sayfanızda gösterilen gönderi sayısını azaltmanıza izin verir.

Bunun için ince ayar yapmanız gereken ayarlar platformdan platforma değiştiğinden, WordPress'te nasıl yapıldığına bir göz atalım.

Ana kontrol panelinden "Ayarlar" ı tıklayın ve "Okuma" bölümüne gidin.

• Kayıt etmek

Hemen " Blog sayfaları en fazla gösteriliyor " ayarını görmelisiniz. Varsayılan değeri daha küçük bir sayıya ayarlamaktan çekinmeyin ve bunun web sitenizin yükleme hızını artırıp artırmadığını kontrol edin.

• Kayıt etmek

11. Okuyucuları Reklamlarla Doldurmayın

Ana sayfanızdaki yayın önizlemeleri yükleme hızınızı olumsuz yönde etkileyebilse de, en azından okuyucularınızın deneyimine olumlu bir faydası vardır.

Ancak, reklamlar çoğu zaman bunu yapmaz.

Reklamların bir blogdan para kazanmada kesinlikle yararlı olduğu doğru olsa da, okuyucularınız tek bir sayfada birkaç reklamla deneyimlerini bozarsanız büyük olasılıkla bunu takdir etmeyecektir. Daha da önemlisi, web sitenizin her köşesinde reklam kurmanız performansında düşüşe neden olacaktır.

• Kayıt etmek

Bununla birlikte, hedef kitlenizin blogunuzun önemli öğelerine odaklanmasına ve reklamları minimumda tutmasına izin vermeniz en iyisidir.

İlk olarak, web sitemde kesinlikle sıfır reklamla görebileceğiniz gibi, ek gelir uğruna okuyucularımın deneyiminden ödün vermeye istekli değilim.

• Kayıt etmek

Senin yerinde olsam, satış ortağı bağlantılarını birincil para kazanma stratejim olarak önceliklendirirdim. Bunlar, kullanıcılara yardımcı olabilecek ürün veya hizmetlere işaret eden bağlamsal bağlantılardır.

Affiliate marketing ile nasıl para kazanıyorsunuz?

İyi soru.

İlgileniyorsanız bağlı kuruluş pazarlama rehberime başvurabilirsiniz.

12. Sunucunuzu Temizleyin

Bu noktada, web sitenizdeki yükleme hızı ile dağınıklık miktarı arasındaki ilişkiyi zaten anlamış olmalısınız.

Gerçekten çok basit: Blogunuzu minimalist ve hafif tutarsanız, tarayıcıların her şeyin yüklenmesi ve kullanıcılara sunulması fazla zaman almaz.

Web sitenize görsel içerik, komut dosyaları veya reklamlar gibi daha fazla öğe eklerken her zaman tedbirli olun. Aynı zamanda, web sitenizin sorunsuz çalışmasını sağlamak için barındırma hesabınızda hala yeterli disk alanı olduğundan emin olun.

Barındırma hesabınız, genel disk kullanımınızı izlemenizi sağlayan yerleşik bir araca sahip olmalıdır. Size bir fikir vermek için, burada SiteGround'un Disk Alanı Kullanımı aracının bir ekran görüntüsü verilmiştir:

• Kayıt etmek

Barındırma hesabınızda alan azalıyorsa, yapabileceğiniz şeylerden bazıları şunlardır:

• Yedeklemeleri Yerel Bir Sürücüye Taşıyın
  Daha eski web siteleri, barındırma sunucularında depolanan gigabaytlarca yedeklemeye sahip olma eğilimindedir. Bunları yerel bir sürücüye indirmek ve sunucunuzdan silmek, alan boşaltmanın harika bir yoludur.
• Etkin Olmayan Hesapları Sil
  Barındırma planınızda etkin olmayan hesaplarınız varsa, size çok fazla disk alanı kazandırmak için onları tamamen kaldırın. Bu geri alınamaz bir süreç olduğundan, silmeden önce hesabın yerel bir yedeğini oluşturmayı düşünün.
• .TMP Dosyalarını Silin
  Web sitesi platformunuz veya CMS, eklenti güncellemeleri ve oturum verilerini izleme gibi görevlerden geçici dosyalar oluşturabilir. Bunları silmek güvenli olmalıdır, ancak güvenlik amacıyla "tmp" klasörünüzün çevrimdışı bir yedeğini oluşturmak da zarar vermez.

Şüphe duyduğunuzda, disk alanından nasıl tasarruf edeceğiniz konusunda barındırma hizmeti sağlayıcınızın müşteri desteğiyle iletişime geçin.

13. Web Sitesi Önbelleğe Almayı Etkinleştirin

Resimleri sıkıştırmak, kodu küçültmek, reklamları küçültmek, barındırma hesabınızı temizlemek - web sitenizin yükleme hızı bu stratejilerle her zamanki kadar hızlı olmalıdır.

Ama henüz rahatlamayın. Web sitenizin yükleme hızını daha da artıracak tartışmamız gereken birkaç stratejimiz daha var.

Web sitesi önbelleğe alma ile blogunuz, geri dönen ziyaretçiler için neredeyse anında yüklenebilir.

Web sitesi önbelleğe alma, komut dosyaları, resimler, medya dosyaları ve diğer indirilebilir içerik biçimleri dahil olmak üzere verilerin geçici olarak depolanmasını sağlayarak çalışır - böylece bir tarayıcının yapması gereken HTTP taleplerinin sayısını azaltır.

Web sitesi önbelleğe almayı uygulamak için uzun yöntem, aşağıdaki kodu web sitenizin .htaccess dosyasının en üstüne eklemektir:

## EXPIRES CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image / jpg "erişim 1 yıl"

ExpiresByType image / jpeg "erişim 1 yıl"

ExpiresByType image / gif "erişim 1 yıl"

ExpiresByType image / png "erişim 1 yıl"

ExpiresByType text / css "1 ay erişim"

ExpiresByType text / html "1 ay erişim"

ExpiresByType application / pdf "erişim 1 ay"

ExpiresByType text / x-javascript "erişim 1 ay"

ExpiresByType uygulaması / x-shockwave-flash "1 ay erişim"

ExpiresByType image / x-icon "erişim 1 yıl"

ExpiresDefault "1 ay erişim"

</IfModule>

## EXPIRES CACHING ##

İsterseniz, belirli önbelleklerin süresi dolmadan önce farklı zaman sınırları belirleyebilirsiniz. Örneğin, PNG görüntü önbelleklerinin sona erme süresini 1 aya düşürmek istiyorsanız, "ExpiresByType image / png" satırını şu şekilde değiştirmeniz yeterlidir:

ExpiresByType image / png " 1 ay erişim"

Yine, WordPress kullanıcıları bu optimizasyon stratejisini bir esinti haline getirmek için araçları kullanabilir. Aslında, ihtiyacınız olan eklentiyi zaten inceledik - W3 Total Cache.

WordPress panonuzdan 'Performans' alt menüsüne geri dönerek, 'Sayfa Önbelleği'ne gidin' Mesajları önbelleğe alma ' onay kutusunu işaretleyin.

• Kayıt etmek

14. GZIP Sıkıştırmasını Kullanın

W3 Total Cache'i kapatmadan ve bu kılavuzdaki kalan son stratejilere devam etmeden önce yapmanız gereken bir şey daha var.

'Performans' alt menüsünden 'Tarayıcı Önbelleği'ne gidin ve ' HTTP (gzip) sıkıştırmasını etkinleştir ' seçeneğini işaretleyin.

• Kayıt etmek

GZIP sıkıştırması, metin tabanlı dosyaların indirme hızını, boyutlarını azaltarak artırır - yerel dosyalarınızı sıkıştırılmış bir klasöre sıkıştırma işleminden çok da farklı değildir. GZIP sıkıştırmasının web sitesi hız optimizasyonu için yaygın olarak benimsenmesinin ana nedeni, sürüm 1.1'den itibaren HTTP tarafından doğal olarak desteklenmesidir.

WordPress veya GZIP ile ilgili eklentilere sahip başka bir platform kullanmıyorsanız, o zaman geleneksel yöntemi kullanarak etkinleştirmeniz gerekir: web sitenizin .htaccess dosyasını değiştirmek .

.Htaccess dosyanızı nerede bulacağınızı zaten bildiğiniz için, geriye kalan tek şey web sitenizde GZIP sıkıştırmasını etkinleştiren koddur.

Git - kopyalayıp yapıştırın.

Apache Sunucuları

<IfModule mod_deflate.c>

# HTML, CSS, JavaScript, Metin, XML ve yazı tiplerini sıkıştırın

AddOutputFilterByType DEFLATE uygulaması / javascript

AddOutputFilterByType DEFLATE uygulaması / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE uygulaması / x-font

AddOutputFilterByType DEFLATE uygulaması / x-font-opentype

AddOutputFilterByType DEFLATE uygulaması / x-font-otf

AddOutputFilterByType DEFLATE uygulaması / x-font-truetype

AddOutputFilterByType DEFLATE uygulaması / x-font-ttf

AddOutputFilterByType DEFLATE uygulaması / x-javascript

AddOutputFilterByType DEFLATE uygulaması / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

AddOutputFilterByType DEFLATE font / opentype

AddOutputFilterByType DEFLATE yazı tipi / otf

AddOutputFilterByType DEFLATE yazı tipi / ttf

AddOutputFilterByType DEFLATE resmi / svg + xml

AddOutputFilterByType DEFLATE resmi / x-simgesi

AddOutputFilterByType DEFLATE metin / css

AddOutputFilterByType DEFLATE text / html

AddOutputFilterByType DEFLATE text / javascript

AddOutputFilterByType DEFLATE metin / düz

AddOutputFilterByType DEFLATE metin / xml

# Tarayıcı hatalarını kaldırın (yalnızca gerçekten eski tarayıcılar için gereklidir)

BrowserMatch ^ Mozilla / 4 yalnızca gzip-metin / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

Üstbilgi ekle Vary User-Agent

</IfModule>

NGINX Sunucuları

gzip açık;

gzip_disable “msie6”;

gzip_vary on;

gzip_proxied herhangi biri;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype uygulaması / x-font-otf uygulaması / x-font-truetype uygulaması / x-font-ttf uygulaması / x-javascript uygulaması / xhtml + xml uygulaması / xml yazı tipi / opentype yazı tipi / otf yazı tipi / ttf görüntüsü / svg + xml görüntü / x-simge metni / css metni / javascript metni / düz metin / xml;

NGINX kullanıcıları için, GZIP'yi uygulamak için kodu ".conf" dosyanıza yapıştırmanız gerektiğini unutmayın.

GZIP Sıkıştırmasını Test Etme

GZIP sıkıştırmasını manuel olarak etkinleştirdiyseniz, başarılı uygulamayı doğrulamak için GiftOfSpeed ​​tarafından sağlanan GZIP Sıkıştırma Testi gibi bir araç kullanın.

PageSpeed ​​Insights'a benzer şekilde, GZIP Sıkıştırma Testini kullanmanın tek adımı, web sitenizin URL'sini girmek ve 'Kontrol Et' düğmesini tıklamaktır.

• Kayıt etmek

Birkaç saniye içinde, araç, web sitenizde GZIP sıkıştırmasının etkinleştirilip etkinleştirilmediğini doğrulamalıdır. Ayrıca, sıkıştırmadan önceki ve sonraki boyutlarıyla birlikte sıkıştırma yüzdesini de gösterecektir.

• Kayıt etmek

15. Web Sitesi Veritabanınızı Optimize Edin

Oluşturmayı engelleyen kaynakları düzeltmek ve GZIP sıkıştırmasını etkinleştirmek bu gönderideki en gelişmiş stratejiler arasında yer alıyor, ancak henüz işimiz bitmedi.

Sonraki adım, sunucunuzun kullanıcılarınızın ihtiyaç duyduğu verileri daha hızlı getirmesine yardımcı olmak için MySQL veritabanı tablolarınızı optimize etmektir.

MySQL veritabanı tabloları nelerdir?

Basit bir ifadeyle, MySQL veritabanınız, gönderiler, yorumlar, tarihler ve diğer içerik parçaları dahil olmak üzere web sitenizde bulunabilecek hemen hemen her şeyi içerir. Blog yayınlama platformları ve WordPress gibi CMS, sitenize daha fazla bilgi ekledikçe veritabanınızda otomatik olarak tablolar oluşturur.

İşte bir MySQL veritabanı nasıl görünür:

• Kayıt etmek

Bununla birlikte, veritabanınız zaman içinde pingback'ler, spam yorumlar ve gönderi revizyonları da dahil olmak üzere her tür önemsiz şeyi biriktirecektir - sürekli olarak büyür ve web sitenizin performansını etkiler.

MySQL veritabanınızın dağınıklığını gidermek için bir seçenek, barındırma hesabınızın kontrol panelindeki entegre tablo optimizasyon aracını kullanmaktır.

Örneğin SiteGround, 'Seçili:' açılır menüsünden ' Tabloları optimize et' komutuna sahiptir.

• Kayıt etmek

Bu seçenekler, kontrol panelinizin "Veritabanları" bölümünde olması gereken "phpMyAdmin" aracında bulunabilir.

• Kayıt etmek

Genel bir kural olarak, optimizasyonları gerçekleştirmeden önce her zaman veritabanlarınızın yedeklerini oluşturun. Hosting hesabınızın disk alanından tasarruf etmek için bunları yerel bir sürücüye indirin.

Sunucunuzda bir şeyleri bozabileceğinden mi endişeleniyorsunuz?

WP-Sweep gibi bir WordPress eklentisi ile veritabanı tablolarınızı CMS arayüzünden optimize edebilirsiniz. Eklentiyi kurup etkinleştirdikten sonra, sitenizde bulunan veritabanı tablolarını görüntülemek için 'Araçlar'a gidin ve ' Süpür'ü tıklayın.

• Kayıt etmek

Buradan, tek tek veritabanı öğelerini silmek için 'Süpür'ü tıklayabilir veya eklenti sayfasının alt kısmına gidip ' Tümünü Süpür'ü tıklayabilirsiniz .

• Kayıt etmek

Veritabanı tablolarınızın tam bir taraması da onları sileceğinden, herhangi bir gönderi taslağınız olmadığından emin olun. Okuyucularınız tarafından dile getirilen soruları, değerli geri bildirimleri ve diğer endişeleri yanlışlıkla silmemek için onaylanmamış yorumlarınızı kontrol edin.

16. Kullanıcı Yorumlarını Optimize Edin

Yorumlardan bahsetmişken, WordPress blogları, yorumcunun profil fotoğrafını Gravatar veya Global Olarak Tanınan Avatar hizmeti aracılığıyla anında çekebilen kullanışlı bir özelliğe de sahiptir.

Gravatlar, blogunuzun yorum bölümüne hoş bir dokunuş katarken, web sitenizin yüklenme hızı üzerinde etkisi vardır. Bu, bazı WordPress blog yazarlarını bunları tamamen göstermeyi devre dışı bırakmaya zorlar.

Aynısını yapmak için 'Ayarlar'a gidin ve ardından ' Tartışma'yı tıklayın . "Avatar Görünümü" bölümünün altındaki " Avatarları Göster" seçeneğini bulun ve seçimini kaldırın.

• Kayıt etmek

Gravatarları korumak istiyor ancak yükleme hızı üzerindeki etkilerini beğenmiyorsanız, avatarların tembel yükleme olarak bilinen kritik web sitesi kaynaklarından sonra yüklenmesini sağlamak için BJ Lazy Load gibi bir eklenti kullanabilirsiniz.

Avatarların yanı sıra, küçük resimler, resimler, iç çerçeveler ve diğer içerik türleri için geç yüklemeyi de etkinleştirebilirsiniz. Sadece 'Ayarlar'a gitmeniz ,' BJ Lazy Load'u seçmeniz ve kullanmak istediğiniz seçeneklerde 'Evet'i seçmeniz yeterlidir.

• Kayıt etmek

WordPress yorumlarına gelince, sayfa yükleme hızının nasıl artırılacağına dair bir başka ipucu da sayfalandırmayı kullanmaktır. Bu, gönderilerinizdeki yorumları birden çok sayfaya bölerek tarayıcıların bunları yüklemesi ve işlemesi için geçen süreyi azaltır.

Sayfalandırmayı kullanmak için, 'Tartışma' ayarları sayfasına geri dönün ve ' Yorumları her sayfada X üst düzey yorum içeren sayfalara bölme' seçeneğini etkinleştirin .

• Kayıt etmek

Sayfa başına görünen yorumların sayısını varsayılan değer olan 50'den 10 civarında herhangi bir yere düşürmeyi deneyin. Bu, yorumların ve dolayısıyla blog içeriğinizin yüklenme süresini önemli ölçüde iyileştirmelidir.

17. En İyi Sayfalarınıza Odaklanma Optimizasyonu

Bu gönderiyi bitirmeden önce, işte son bir tavsiye:

En popüler sayfalarınızın performansını optimize etmeye başlayın .

Neredeyse hiç trafik almayan gönderilere öncelik vermeniz bir anlam ifade etmeyecektir. Kapak tarafında, en iyi sayfalarınızı bir öncelik haline getirmek, çabalarınızın çoğu kullanıcıya fayda sağlayacağı anlamına gelir.

Google Analytics, en popüler sayfalarınızı belirlemenize yardımcı olacak bir başka ücretsiz araçtır. "Davranış" alt menüsünü genişletin ve "Genel Bakış" ı tıklayın.

İlk 10 sayfanız, "Sayfa" bölümünde görünmelidir.

• Kayıt etmek

Kolay değil mi?

Google Analytics'i, Google Analytics ile en iyi performans gösteren anahtar kelimelerinizi nasıl bulacağınızla ilgili yazımda tartıştığım bir konu olan derinlemesine anahtar kelime araştırması yapmak için de kullanabilirsiniz.

Sonuç

Bir blog yazarı olarak, kullanıcı deneyimi uğruna her şeyi yapmaya hazır olmalısınız.

Web sitenizin yükleme hızı yüzeysel bir faktör gibi görünebilir, ancak blogunuzun başarısını tek başına yapabilir veya bozabilir - yalnızca UX açısından değil, aynı zamanda SEO açısından da.

Şimdi, yukarıdaki tüm stratejileri tek bir günde uygulayamayacağınızı biliyorum. Bununla birlikte, bu sayfaya yer işareti koymayı ve daha fazla katil bloglama rehberi için herkese açık Facebook grubumuza katılmayı unutmayın!

• Kayıt etmek