WordPress sitenizi eklentileri kullanarak nasıl daha hızlı yüklersiniz
Okuyucunun dikkatini çekmek istiyorsanız, çok sayıda harika içeriğe sahip güzel bir web sitesine sahip olmak önemlidir. Ne yazık ki, sayfanız çok yavaş yüklenirse, okuyucu içeriğinizi asla göremez. Neden? Niye? Dikkatlerini çekmek ve bir sonraki siteye taşınmalarını önlemek için sadece birkaç saniyeniz var. Okuyucular içeriğinizin yüklenmesini beklemek istemez. Daha uzun süre beklemek onları kaybedeceksiniz. Bu nedenle, sayfanızı yükleme hızını optimize etmek çok önemlidir. Hızınızı ölçmeye ve sorunları çözmeye yardımcı olacak bazı iyi çevrimiçi araçlar vardır. En popüler araçlardan biri Google PagePeed Insights.
Sayfa
Bu sorunların çoğu eklentiler kullanılarak çözülecektir. Bir eklentiye karar verirken, yakın zamanda güncellenmiş bir eklenti kullanmaya devam edin ve iyi bir üne sahiptir. Birçok eklenti birden fazla sorunu çözecektir. Bir kelime uyarısı – Bazı eklentiler diğerleriyle eşleşmez, çünkü her ikisi de aynı işi yapmaya çalışır. Bunun istenenden farklı bir etkisi olabilir. Ana sitenizde kullanmadan önce test sitesinde denemenizi öneririm. Sadece eklentinin kendisi değil, aynı zamanda eklentilerin bir kombinasyonu. Eklentiyi doğrudan sitenizdeki denemeden önce, en son yedeklemelere sahip olduğunuzdan emin olun.
Puanım çok kötü 46. Dikkate alınması gereken ilk şey, sonuçlarda üç farklı parça olmasıdır: Geliştirmeli (2 ürün)
Düzeltmeyi düşünün (6 ürün)
Mezun (2 ürün)
Her parça sorunun ne olduğunu göstermek için genişletilir ve nasıl düzeltileceği konusunda tavsiyeler verirler. İlk öğeyle başlamak ve sırayla gitmek için elimden geleni buldum. Sıralı olarak çözülmesi, listedeki diğer sorunları da çözecektir. Not – Yol boyunca bazı başarısızlıklar bile yaşadım. Sorun olasılığını bulabilmeniz için dahil ettim.
Hemen dikkat gerektiren iki öğeye sahip olmak için beni düzeltmek zorunda:
Sıkıştırma etkinleştir
Üst yarı içerikteki nöbeti engelleyen JavaScript ve CSS’yi ortadan kaldırın
Sıkıştırmayı Etkinleştirin Sıkıştırma kullanmıyorum. Bu, dosya aktarım boyutumu%79 azaltabileceğimi gösteriyor. Bu, GZIP veya Deflate kullanılarak yapılabilir. WP Performans Puanı Amplifikatör
Bu ücretsiz eklenti GZIP sıkıştırmaya sahiptir ve sorgu dizesini kaldırarak, çeşitli: kodlama başlığı ekleyerek CSS ve JavaScript problemleri gibi diğer problemleri çözecek ve süresi dolmuş önbelleği ayarlayacaktır. Bunu seçtim çünkü 10.000’den fazla aktif kurulumla 4.7/5’e sahip. Bu, sayfa yüklemesini hızlandırmak ve sayfa puanı testini artırmak için geliştirilmiştir. Bu, sunucu yanıt süresini azaltmak için bir mesajla 78 puan veriyor. Bu, barındırma paketimle birçok ilişki. Web sitemi yeni bir barındırma paketine taşıyarak düzeltiyorum. Bu makalenin kapsamı dışında. Bununla ilgili harika bir şey, bir sonraki problemle ilgili bazı temel sorunları çözmesidir: Üst gaga içeriğini engelleyen JavaScript ve CSS’yi ortadan kaldırın. Bu sorun artık düzeltmeyi dikkate almak için aktarıldı. Ayrıca kaldıraç tarayıcı önbelleğini tamamen geliştirir. Bu site şimdi daha önce sadece 2 geçtiğinde 4 kuraldan geçiyor. Sunucu Yanıt Süresini Azaltın Garip Şey, sunucu yanıt süresinin .96’dan 1.4’e yükselmesidir. Sunucu yanıtının süresini azaltın şimdi düzeltilmelidir. Bu bir önbellek eklentisi gerektirir. Önbellek toplamı w3
Şimdiye kadar W3 Total Cache, web sitesi sunucunuzun performansını hızlandırmak için en popüler eklentidir. Yaklaşık bir milyon aktif kurulum ve 4.4/5 derecesine sahiptir. Bu, sitenizi önbellekleme yoluyla optimize eder. Farklı önbellek seçeneklerini tek tek seçebilirsiniz. Sayfalar, veritabanları, nesneler ve tarayıcılar içerir. Bu, gelecekte süresi dolmuş başlıkları önbelleğe alacak ve varlıklar, beslemeler ve arama sonuçları. Ayrıca JS, CSS ve HTML’nizi küçültme özelliğine sahiptir. Bu, tam olarak yapılandırıldığında Google PagePeed puanınızı en az 10 kez hızlandıracaktır. Açılacak tüm önbellek özellikleri ile deniyorum. Bu benim puanımı 86 yaptı. Sitem ilk kez yeşil ve deneyimlediğim tüm sorunlar düzeltmeyi düşünün. Şimdi “sunucu hızlı yanıt veriyor” yazan sunucu yanıt süresi dahil 5 kuralı aktarın. Testi ilk çalıştırdığımda gelişmeyi düşünün, bu bölümün sonunda yaptığımdan daha fazla sorun var. Bu sorunun çoğu, sorunu düzeltmesi gereken alanda çözdüğümde çözüldü. İlk problemler şunları içerir:
Tarayıcı önbelleğinden yararlanın Sunucu Yanıt Süresi
Küçük javascript
Görüntüleri optimize et
CSS
Sol html
Aşağıdakiler mevcut sorunu görmek. Üst Paro’daki JavaScript ve CSS’nin üst katlanır içeriğini engelleyen JavaScript ve CSS’yi ortadan kaldırın, tarayıcıya çok fazla yük koyarak sayfa yüklemesini yavaşlatabilir. Üst paro’daki diğer şeyler yüklenmeden önce yüklenmelidirler. Düzeltmenin birkaç yolu vardır:
Ertelenmiş yükleme
Anlaşılmaz
Bunları doğrudan aşağıdaki htmll ile hizalayın, bu sorunu çözmek için kullandığım eklentidir.
Otomatik optimize et
Bu eklenti büzülür (gereksiz tüm formatları siler ve tarayıcıdaki dosya boyutunu ve yükünü azaltır) ve JavaScript, CSS ve HTML’nizi sıkıştırır.Bu, süresi dolmuş bir başlık ekleyecek ve önbellekte saklayacaktır.Bu, stilinizi sayfanın başına ve komut dosyasını altbilgiye taşıyacaktır.Gelişmiş ayarları kullanarak özel ihtiyaçlarınız için ayarlayabilirsiniz.
Bu aynı zamanda listenin altındaki JS ve CSS gibi bazı sorunları çözecektir.Başlangıçta sadece HTML, JS ve CSS için temel ayarları etkinleştirdim.Bu puanımı 88 yaptı ve sorunu 3 CSS kaynağına indirdi.Biri eklentinin kendisi ve diğer ikisi tarafından yapılan Google yazı tipidir.Şimdi 7 kuralı geçiyor.Bu, Minify CSS ve Minify HTML’yi kırar.
WordPress’i daha iyi Minify
Bu eklentinin temel amacı CSS ve JS’nizi küçültmektir, ancak bu eklenti ayrıca dosyaları altbilgiye veya diğer konumlara taşımanızı sağlayan harika bir özelliğe sahiptir (bu yüzden seçiyorum). Tarayıcılar, eklentiler ve temalarla uyumluluğu artırmak için EnqueueEing sistemini kullanır. Yüklendiğimde, temam için tüm düzen ayarları silindi ve ekranın en solunda tüm menüler, resimler, bağlantılar vb. Neyse ki biçimlendirme sildiğimde döndü. Belki düzenlemede ayarlanması gereken bir şey vardır. Eminim bu iyi bir eklentidir çünkü 60.000’den fazla aktif kurulumu vardır ve 4.4/5 sıralaması vardır. Bunu sadece bazı ayarlar olmadan ihtiyacınız olduğu gibi çalışmayabileceğine dair bir uyarı olarak ekliyorum. Puanım 88 ve 3 sorunun ne olduğunu biliyorum, bir sonraki soruna geçmeye karar verdim. Görüntüler Optimize Görüntü Boyutu sayfa yükleme hızında büyük bir rol oynar. Bazen web’de görüntülendiğinde çok fazla görsel fark olmadan çok daha küçük bir görüntü boyutu ve daha düşük kalite kullanabilirsiniz. Bu sadece yükleme süresini hızlandırmakla kalmaz ve daha az bant genişliği kullanır, aynı zamanda rezerv süresini hızlandırır ve sunucunuzdaki depolama alanını azaltır. Optimal Görüntü EWWW Bu eklenti, yüklerken görüntünüzü otomatik olarak optimize eder ve görüntünüzü en küçük boyutu üreten biçime dönüştürür.Bu aynı zamanda yüklediğiniz görüntüleri de optimize edecektir.PNG ve JPG görüntülerine kayıplı azaltma uygulamak için de uygulayabilirsiniz.Yüklediğimde, bulmak ve yüklemek istediğim birkaç dosya var.Bu eklenti yüklü tüm dosyalarla iyi çalışacağını düşünüyorum, ancak kutunun dışında çalışan bir tane bulmaya karar verdim.WP Smush
Bu eklenti, kalitesini azaltmadan görüntü dosyasının boyutunu azaltacaktır. Bu, gizli bilgilerin kaldırılmasıyla yapılır. Bu, dosyanızı analiz edecek ve kaç görüntünün yok edilmesi gerektiğini size söyleyecektir. Büyük miktarlarda yok edebilirsiniz. Ücretsiz sürüm 1 MB’den fazla bir şey silmiyor ve aynı anda 50’yi silecektir. Bundan daha fazlası için, bir kerede ne kadar sınırsız 32MB’a kadar görüntüleri silecek WP Smush Pro’ya ihtiyacınız var. İhtiyacınız varsa orijinalinden bir yedekleme yapar. Fiyatlar ayda 19 $ ‘dan başlıyor. Yok edilmesi gereken 114 görüntü var. Bu resmin 8’i 1 MB’den fazla ölçüyor. Elle düzeltmeye karar verdim. 98 görüntüyü yok etti ve dosya boyutunu%4.79 MB (%8.82) azalttı. Bu benim puanımı 90 yaptı. Google Insights, sevilmemiş ancak 1 MB’den fazla olmayan 5 görüntü tanımladı. 0.7 kb ila 17 kb arasında değişir. Görüntüleri ellerinizle optimize etmek, boyutları değiştirerek, kaliteyi azaltarak ve formatları değiştirerek görüntüleri manuel olarak optimize edebilir. En sevdiğim araçlardan biri ve çoğu zaman görüntüleri işlemek için kullandığım Paint.net. Bu, dosya boyutunu azaltmak için birçok özelliğe sahip Windows için ücretsiz bir resim ve fotoğraf düzenleme uygulamasıdır. Ne istersin?
Sol JavaScript, CSS ve HTML Sanırım bunu düzeltiyorum … Diğer sorunlar üzerinde çalışırken, azaltılması gereken tek mesajın JavaScript için olduğunu görüyorum. Resmimi optimize ettikten sonra üç sorun geri döndü. Ne olduğunu öğrenmek için adımlarımı izledim. WordPress Minify daha iyi çalışarak ve daha sonra tekrar kapatarak, CSS ve HTML’yi tekrar küçültmek için mesajım. Puanım 88’e düştü ve şimdi yine mezun olan 5 kuralım var. Toplam önbelleğin W3 azaltma özelliğini etkinleştiriyorum ve şimdi tüm indirgeme sorunlarını geçtim. Şimdi 88 puanım var ve 8 kuraldan geçiyorum. Ayrıca, en üst paroda altı dosya var. Bu sorunların bazılarını çözdüğümü biliyorum, bu yüzden bir şeyi değiştirmiş olmalıyım. Biraz problem çözme yaptım ve önceki WordPress Minify ile ilgili sorunlar yaşadığımda otomatik olarak kapatıldığımı buldum. Otomatik olarak yeniden etkinleştirildim, W3 Total Cache’den Minify’ı kapattım ve önbelleği temizledim (çok önemli bir adım!). Şimdi puanımı 90 geri alıyorum ve site 8 kuraldan geçiyor. Top Paro’daki üç CSS dosyasına ve görüntüyü optimize etmek için bir mesaja döndü. Geçmiş deneyimlerime dayanarak, bu dosyalar için zaman kaybetmemeye karar verdim. Bence Google herhangi bir boyutta görüntülerden nefret ediyor (ne kadar küçük olursa olsun, hala boyutunu azaltmak için bir mesaj alıyorum) ve Pagescore 46’dan 90’a geçmek kitabımdaki zafer. Önde olduğunuzda durmanın zor bir yolunu öğrendim. Son skor
WP Smush (Ücretsiz Baskı) Kayıt için, hücresel puanlar 36’dan 78’e yükseldi. Düzeltmek için görüntülerimi ve dosyalarımı hücresel için optimize etmeliyim. Ziyaretçilerinizin, Google ve diğer arama motorlarınızın son zihni, yavaş içeren web sitelerinden nefret eder. Google PagesPeed Insights’ı kullanarak, sorunun tam olarak ne olduğunu öğrenebilir ve bunların üstesinden nasıl geleceğiniz konusunda ipuçları alabilirsiniz. Google’dan nefret ettiği yavaş sitelerden Google’ın sevdiği hızlı sitelere geçmek için yalnızca birkaç ücretsiz eklentiye ihtiyacınız var. Bazı eklentiler diğerleriyle eşleşmediğinde dikkatli olun. Senden duymak istiyorum. WordPress sitenizi Google PagePeed Insights kullanarak optimize ettiniz mi? Deneyiminiz benim deneyimim gibi mi? Sorunu çözmek için farklı bir eklenti kullanıyor musunuz? Yorumlardaki deneyiminizi duymak istiyorum.
