Blogunuzun Bir Yıllık Kaşıntısı (ve Ne Yapmalı)

Gerçekten blog yazmanın hızına girdiğinizde düşünecek çok şey var. Bir web sitesini çalıştırmak, içerik, pazarlama, tasarım vb. gibi birçok düzeyde dikkatinizi gerektirir.

Bunu akılda tutarak, blog çalıştırmanın bazı temel esaslarını gözden kaçırmanız büyük bir sürpriz değildir. Ben buna “Bir Yıllık Kaşıntı” diyorum. Sitenizin günlük işleyişine o kadar dahil olduğunuz ve en önemli şeylerden bazılarını unuttuğunuz o nokta.

Son zamanlarda kendimi tam da bu durumda buldum ama neyse ki ağaçları görmek için ormandan uzaklaştım ve doğru yola geri döndüm. Bu yazıda gözden kaçırmış olabileceğiniz şeyleri açıklamak ve işleri nasıl düzeltebileceğinizi göstermek istiyorum.

Hız İhtiyacını Hissediyorum

Hız konusunda sağlıklı bir takıntım var. Sayfa yükleme hızını daha spesifik olmak gerekirse (Top Gun kadar göz alıcı olmasa da bu gerçek için daha az önemli değil).

Yükleme hızının kullanıcı deneyimi ve sonuç olarak kârınız üzerindeki etkisini anlıyorum. Aslında burada WPExplorer'da site hızının nasıl artırılacağını daha önce defalarca yazmıştık.

Ancak yine de kendi blogumda sayfa yükleme hızının önemini gözden kaçırmıştım. Blogumun günlük işleyişine o kadar dalmıştım ki, en temel düzeyde (yani sayfanın ne kadar hızlı yüklendiği) kaliteli bir kullanıcı deneyimi sağlama konusundaki görüşümü kaybetmiştim. Neredeyse iki yıllık yaşamdan sonra blogum, ince ayar yapma takıntımın bir sonucu olarak çıkmaza girmişti ve gerçekten de gösteriyordu.

Temel Bilgileri Doğru Anlamak

Hatamı anladıktan sonra hala basit şeyleri doğru yaptığımdan emin olmak için kontrol ettim. Bu beni WPExplorer'da site hızıyla ilgili olarak aşağıdaki konulara değindiğim orijinal makaleme geri getiriyor:

Site hızını ölçme
Önbelleğe almak
Görüntü optimizasyonu
Yavaş yüklenme

Bunlar, site hızını artırma söz konusu olduğunda "düşük asılı meyve" olarak adlandırmayı sevdiğim şeylerdir. Uygulamaları hızlı ve kolaydır. Ancak sitemin yükleme hızı söz konusu olduğunda bazı daha temel sorunlarım olduğunu biliyordum. Biraz daha derine inmenin zamanı gelmişti.

Sitenizde değişiklik yapmaktan suçluysanız, web sayfalarınızda sitenizi önemli ölçüde yavaşlatan gereksiz ve/veya değersiz öğeler olabilir. Bu benim için davada bulduğum şey. Neyi kaçırıyor olabileceğinizi keşfetmek için okumaya devam edin.

Sonsuz Ayarlamanın Yan Etkileri

İlk adımım Pingdom'a gidip ana sayfamın yüklenme süresini test etmekti. Güzel değildi; yükleme süresi yaklaşık 5 saniyeydi ve istatistiklerine göre diğer web sitelerinin yaklaşık %80'inden daha yavaştı.

Ancak ince ayar yapmayı bitirdiğimde sonuç çok daha iyiydi:

Site hızımı artırmak için geçirdiğim süreç son derece basitti. Kendi sitenizi Pingdom üzerinden çalıştırırsanız yukarıda gördüğünüze benzer bir rapor alırsınız, ancak bizi gerçekten ilgilendiren şey aşağıda bulacaksınız:

Bu, sitemi yüklemek için yapılan tüm isteklerin listesinin bir kısmıdır; aslında web sayfasının tamamını oluşturmak için yüklenen farklı dosyaların sayısıdır. Varsayılan olarak yüklenme sırasına göre sıralanırlar (bu genellikle sayfanın kaynak kodunda çağrıldıkları sıradır), bu mantıksal bir sıradır ancak bizim için pek kullanışlı değildir.

Yapmanız gereken listenin en üstündeki açılır kutuya tıklayıp “Dosya boyutuna göre sırala”yı seçmek. Artık sitenizin canını emen dosyaların berbatlık sırasına göre bir listesi var (daha uygun bir kelime yok):

Listeyi sıraladığınızda bazı isteklerin tamamen gereksiz olduğunu görebilirsiniz. Ayrıca sitenize yükledikleri yüke değmeyecek taleplerin yapıldığını da görebilirsiniz. Sitenizi daha şık bir forma indirgemek söz konusu olduğunda artık gökyüzü gerçekten sınırdır.

Bu yeni bilgilerle, değerinden daha fazla sorun yaratan dosyaları kaldırmaya ve optimize etmeye bir başlangıç yapabilirsiniz.

Değişiklikleri Çalma

Yukarıda belirtilen site hızına yönelik temel iyileştirmeleri zaten gerçekleştirdiğinize göre, kolları sıvamamız ve biraz daha kirlenmemiz gerekiyor.

Eklentilerinizi Temizleyin

İlk tavsiyem eklentilerinizi kontrol etmeniz olacaktır. Sitenizi bir süredir çalıştırıyorsanız, sitenizde artık kullanmadığınız eklentilerin yüklü olduğunu göreceksiniz. Alternatif olarak ve/veya ek olarak,<i> kullandığınız eklentilerin buna pek de değmediğini görebilirsiniz.

Her ne kadar sitenize yüklediğiniz eklenti sayısının ana faktör olmadığını söyleyen ilk kişi ben olsam da (önemli olan bu eklentilerin sitenize yüklediği yüktür), ne kadar az eklentiniz varsa, bunu söylemek doğru olur. yüklüyse kaynak yoğun sürecin kurbanı olma olasılığınız artar.

Plugin Performance Profiler'ı kurup çalıştırmanızı tavsiye ederim. Bu küçük güzellik, sitenizdeki birden fazla sayfayı tarayacak ve her eklentinin genel yükleme hızınız üzerindeki etkisine ilişkin bir tahmin sağlayacaktır. Raporum şöyle görünüyordu:

Sonuçlar farklılık gösterebileceğinden performansın daha iyi bir genel resmini elde etmek için 3-4 rapor çalıştırmanızı öneririm. Burada aslında kesin rakamlar aramıyoruz; daha çok, kaynakları büyük ölçüde tüketen eklentilerin açık bir göstergesi.

Bir sonraki mantıksal adım, eklentilerinizden herhangi birinin kaldırılmasını haklı gösterip gösteremeyeceğiniz konusunda bir karar vermektir. Sonuçta bu, kaliteli bir kullanıcı deneyimi sunma arzunuza dayalı bir karar olmalıdır; eklentilerin sağladığı faydalar, ek yükleme süresinden daha ağır basmalıdır.

Manuel Kod Ayarlamalarınızı Temizleyin

Temanızın PHP dosyalarında manuel olarak herhangi bir değişiklik yaptıysanız, umarım bunu bir alt temayla yapmışsınızdır, aksi halde bu süreç potansiyel olarak biraz baş ağrısına yol açacaktır. Değilse, ilk adımınız bir alt tema oluşturmak ve tüm özelleştirilmiş tema dosyalarınızı bu temaya taşımak olmalıdır.

Bir alt temanız olduğu varsayımıyla (şu veya bu şekilde), şimdi göreviniz temanızın klasöründeki her dosyayı gözden geçirmek ve içinde gereksiz kod bulunmadığını kontrol etmektir. İşte dosyalarımda bulduklarım:

Artık kullanmadığım Google yazı tiplerine referanslar (aslında hiç kullanmadım; sadece onlarla uğraşıyordum).
Blogumun bir sayfasındaki, her sayfaya yüklenen bazı sosyal paylaşım düğmeleri için bir kod parçası.
Gerektiğinden çok daha fazla kaynak tüketen bir Facebook "beğeni kutusu" kodu.
Function.php dosyamdaki artık kullanılmayan bazı özel işlevler.

Bazı durumlarda bu unsurları hiçbir olumsuz yan etki olmadan kaldırabilirsiniz. Diğer durumlarda, ince ayarlarınızın getirdiği işlevleri korumak isteyebilirsiniz. Özellikle kaynak yoğun iseler, potansiyel olarak açgözlü komut dosyalarının sayfanın geri kalanının yüklenmesini engellememesini sağlayan eşzamansız yüklemeyi incelemenizi öneririm.

Resimlerinizi Optimize Edin

Kenar çubuğunuzdaki ve logonuzdakiler gibi sitenizin her sayfasında yüklenen resimler vardır. Bunların mümkün olduğu kadar küçük olduğundan emin olmak gerekir, çünkü birleşik boyutları oldukça büyük olabilir.

Optimizasyon süreci iki aşamaya ayrılmalıdır:

Kayıplı optimizasyon: Seçtiğiniz bir grafik düzenleme yazılımını kullanarak, dosyanızı dayanabileceğiniz en fazla kayıplı optimizasyonla kaydedin (yalnızca jpeg için geçerlidir). Bir görseli %70-80 optimizasyonla kaydetmenin hoş bir nokta olduğunu buldum.
Kayıpsız optimizasyon: görsellerinizi Smush Image Compression gibi bir eklentiyle çalıştırın, böylece görüntü kalitesinde herhangi bir kayıp olmadan daha da sıkıştırılırlar.

Resimlerinizi optimize etmek, kullanıcı deneyimi üzerinde gözle görülür bir etki yaratmadan büyük bir fark yaratabilir; bu nedenle, üzerinde düşünmeniz gerekmez.

Sonraki adımlar

Yukarıdaki önlemlerle yükleme hızını önemli ölçüde azaltabilmelisiniz, ancak elbette daha da ileri gidebilirsiniz.

Örneğin, barındırma ve içerik dağıtımı, yükleme sürelerinde büyük bir fark yaratabilir. Paylaşılan bir sunucuda barındırılan bir web sitesi, CDN ağıyla ortak olan özel bir sunucuda barındırılan bir web sitesiyle asla tamamlanmayacaktır. Bizim AJ Clarke, yükleme hızını artırmak ve güvenliği artırmak için CloudFlare topluluğunu öneriyor.

Farklı barındırma sağlayıcılarının artıları ve eksileri hakkında ayrıntılı bilgi vermek bu yazının kapsamında değil, bu yüzden bu yazıda önerilen ince ayarları yaparak başlamanızı tavsiye ederim. Daha fazlasına açsanız barındırma sağlayıcınızla iletişime geçin ve barındırma paketinizi iyileştirme ve/veya CDN'yi dahil etme konusunda tavsiyelerini isteyin.

Herhangi bir sorunuz varsa lütfen aşağıdaki yorumlar bölümüne ateş edin!