En önemli 10 ayar vidası WordPress -Performans

10 Dk.
WordPress Performans: En önemli 10 ayar vidası

Web ipuçları ve püf noktaları ile dolu nasıl WordPress Performans. Ne yazık ki, çeşitli ayar vidalarının alaka düzeyine ilişkin açıklamalar ve değerlendirmeler hızla masanın altına girer. Size önemli başlangıç noktalarını ve vidaları ayarlamayı mantıklı bir sırada ve bağlam içinde gösteriyoruz. Bu, özellikle hızlı bir şekilde başarı elde etmenizi sağlar.

Bu arada, biz zaten 15.000 civarında aldık WordPress Proje. Birçok veri kayboldu. Ve biz sürekli nasıl sayfa yükleme süresini görüntüleyebilirsiniz müşteriler tarafından sorulur WordPress projeler daha da azaltılabilir. Bu nedenle, geçmiş yıllardaki müşteri sayfalarımızın analizinden elde ettiğimiz bulguları sistematik olarak inceledik. Sonuç: Size hızlı ve kolay bir şekilde yardımcı olacak 10 önlem WordPress Performans.

Bir şey özellikle önemlidir: Bazı kullanıcılar hızla gibi araçların optimizasyon önerileri tarafından hayal kırıklığına Google PageSpeed Insights Caydır. Söylenelim: Karmaşık optimizasyon önlemleri ile en çok yükleme süresi kazancı değil, uygulanması kolay yöntemlerle.

WordPress -Google tarafından performans optimizasyonu önerileri
Birkaç site operatörleri bu mesaj ile somut bir şey yapabilirsiniz. Bu nedenle, öncelikle basit optimizasyon adımları üzerinde konsantre ve sadece ikinci adımda daha karmaşık önlemler yaklaşım özellikle önemlidir.

Tabii ki, şarj zaman optimizasyonu başlı başına bir son değildir. Kullanıcılarınız için daha iyi bir deneyime ek olarak, daha kısa bir şarj süresi de Teklifinizi Google'da görünürlemenin avantajları. Bu nedenle, uygun bağlamı oluşturmak için bireysel optimizasyon adımlarının ne olduğunu kısaca özetleyeceğim.

Böylece teorik olarak yukarıdan aşağıya doğru yolunuzu çalışabilir ve sayfanızın yükleme süresini adım adım iyileştirebilirsiniz. Bu arada, ilk yedi nokta da iyileştirme için tipik öneriler ile ilgilidir Google PageSpeed Insights, hangi biz, örneğin, bu makale daha da ayrıntılı.

#1 Önbelleğe Alma - şimdiye kadarki en önemli performans faktörü

Önbelleğe alma, sayfanızın önce web sunucusundan tarayıcı tarafından istenmesi ve ardından adım adım oluşturulmuş olması gerekmediği anlamına gelir. Bunun yerine, sayfanız bir önbellekten yüklenir, işleme tamamlanır.

Bu önbelleğe almanın avantajı açıktır: WordPress sayfanızı her görüntülediğiniz zaman sayfanızı yeniden hesaplamak zorunda değildir. Orada WordPress çok yavaş PHP dayalı, bir önbellek burada temel. PHP'nin okunmasını engelleyen şeylerden biri.

Prensip olarak, önbellekler için iki uygulama çeşidi vardır:

  • Önbelleğe Alma Hakkında Plugins : Kullanıcıların çoğunluğu bir önbelleğe alma Plugin Nasıl W3 Toplam Önbellek Veya WP Süper Önbellek. Bu bazen biraz daha karmaşık kurmak daha kolaydır. Her durumda, elle çalışma belirli bir miktar burada gereklidir.
  • Hoster hakkında: Bazı ev sahipleri - yanı sıra RAIDBOXES - sunucu tarafı önbelleğe alma teklifi. Bu hemen hemen her zaman zorunda olduğu anlamına gelir Plugins olmadan yapabilirsiniz. Çünkü barındırma sağlayıcınız Önbelleği yapılandırma zaten senin için devraldı.

Performatif bir önbelleğe alma ayarladıysanız, daha fazla WordPress performans zaten yapılır. Daha fazla bilgi için lütfen Önbelleğe Alma Temelleri Hedef.

ebook: Sitenizin performansını profesyonel gibi ölçün

#2 WordPress temizlemek - sipariş olmalıdır

Deneyimlerimize göre, uzun yükleme sürelerinin en yaygın nedenlerinden biri aşırı yüklenmiş WordPress Yükleme. Ve bu geliştirme noktası Google'dan değil çünkü PageSpeed Insights O benim ilk 10 ikinci geliyor.

Aşırı yüklü bir WordPress kurulum durumlarda büyük çoğunluğunda anlamına gelir: çok fazla var Plugins Yüklü. Temel olarak, daha az Plugins , sayfa o kadar hızlı. Elbette Plugins önemli ve olmadan mümkün değildir, ama her zaman hangi kontrol etmelisiniz Plugins Gerçekten ihtiyacın var.

Ve: Dikkat etmelisiniz Plugins sadece devre dışı bırakmak için değil, aslında tamamen silmek.

WordPress Performansı Artırın: Eklentinize genel bakışınız tam olarak kaç tane olduğunu gösterir Plugins yükledim, etkinleştirdin ve henüz güncellenmedi.
Sizin Plugin genel bakış tam olarak kaç tane olduğunu gösterir Plugins şu anda devre dışı bırakılmıştır. Prensip olarak, "Etkin olmayan" her zaman sıfır olmalıdır. Değilse, kendinize sorun: Ben engelli ihtiyacım var mı Plugin Hiç?

Aynı durum Themes : Birden fazlasına ihtiyacınız yok.

Arka plan aşağıdaki gibidir: Her Plugin ve her Theme sayfanıza PHP kodu ekler. Bu, devre dışı bırakılanlar için de geçerlidir Plugins . Sonuç olarak, sayfanız genel olarak daha hantal, daha yavaş (ve saldırıya karşı daha savunmasız) olacaktır. Çünkü PHP çok yavaş bir komut dosyası dilidir. Bu daha az kullanılabilir, daha iyi.

Sık sık, artık gerekli Plugins Ve Themes Fonksiyonel ve tasarım testlerinin kalıntıları. Bu nedenle, iyi bir yerdir WordPress -Düzenli olarak temizlenir sayfalar ve diğer taraftan, yeni özellikler ve tasarımlar oluşturmalısınız Lab ve canlı sayfada değil. Yani çok fazla bile alamıyorsun. Plugin -Toplu kalıntılar.

#3 resimleri: hafife şarj süresi freni

Sayfa yükleme süresini azaltmak için en etkili ve basit önlemlerden biri Küçülen görüntüler. Çünkü burada bazen büyük miktarda veri kaydedebilirsiniz. Sözde durumunda "kayıpsız görüntü sıkıştırma" görünür kalite kaybına neden olmadan görüntülerinizin dosya boyutunu azaltır. Böylece sayfanız neredeyse hiç değişmez, aynı zamanda resminizi optimize ederek sayfanızın boyutunu önemli ölçüde azaltabilirsiniz.

Tahminler HTTP Arşivi hangi resimlerdüzenli olarak bir web sitesinin verilerinin en büyük payı için hesap göre. Görüntüleriküçültme ilk optimizasyon adımlarından biri olmalıdır. Bir görüntü optimizasyonunu el ile yapabilirsiniz veya kullanabilirsiniz bir sıkıştırma Plugin.

A Plugin Kullanarak kesinlikle daha uygun bir çözümdür. Çünkü Plugins yalnızca yeni görüntüleri ve küçük resimlerini sıkıştırmanızı sağlamakla kalmıyor, aynı zamanda sayfanızın mevcut tüm görüntülerini de otomatik olarak düğmeler. Ancak, bu hizmet genellikle bir ücrete tabidir.

#4 CSS ve JavaScript - hantal sesler, ancak optimize etmek kolaydır

Sayfanızdaki ikinci en büyük veri miktarı genellikle JavaScript ve CSS dosyalarıdır. Burada, özellikle birçok kullanıcı dokunma korkusu göstermektedir. Ancak kod uzmanlığı olmadan bile CSS ve JavaScript'in ne olduğunu kolayca anlayabilirsiniz. Prensip olarak, burada yapılacak üç şey vardır:

  • Özetlemek gerekirse: CSS ve JavaScript birçok küçük tek tek dosyada gizlidir. Normalde, bu dosyaların her biri tarayıcı tarafından ayrı ayrı web sunucusundan istenmelidir. Bu, Sayfanızın yükleme süresini uzatma eğiliminde olan HTTP istekleri oluşturur. Ancak, komut dosyaları özetlendiğinde, yüklenecek dosya sayısı azalır ve böylece istek sayısı azalır. Örneğin, 53 bireysel aramadan yalnızca bir düzinesi yapılacaktır. Tabii ki, Uygun Plugins Senin için.
  • Azaltın: CSS ve JavaScript dosyaları, sayfanızda belirli özellikleri ve temaları etkinleştiren kod satırlarıdır. Bu kod insanlar tarafından yazılır. Ama makineler tarafından okunur. Bunun konuyla ne ilgisi var? Bir kişinin kodu doğru anlamak için ihtiyaç duyduğu çoğu bilgisayar tarafından gerekli değildir. Sayfanızın doğru bir şekilde oluşturulabilmesi için boşluklara, yorumlara vb. gerek yoktur. Burası senin ayarladığın yer. Plugins Nasıl Otizm Hedef. CSS ve JavaScript'i insandan makine tarafından okunabilir koda dönüştürürsunuz. Bu, tek tek veri paketlerini küçültür ve iletimlerini hızlandırır.
  • Sıkıştır: Özetleme ve daraltma sonra, son adım web sunucusundan tarayıcıya gönderilen veri paketlerini sıkıştırmaktır. Bu, sunucunun her isteğin dosya boyutunu en aza indirgemek ve tarayıcının paketlerini boşaltıp hesapladığını anlamına gelir. Bu, sıkıştırılmamış veri paketleri göndermekten daha hızlıdır. Bir GZIP Sıkıştırma örneğin önbelleğe alma yoluyla Plugins , .htaccess veya hoster manuel ayarları ile zaten sunucu tarafında sıkıştırma etkin.

Yani senaryoların bilgisi olmasa bile, bireysel önlemlerin ne getirdiğini anlamak kolaydır. Ve her üç adım için, var Plugins , aynı zamanda laypeople CSS ve JavaScript optimize etmek için izin verir. Bizim CSS ve JavaScript Optimizasyonu Üzerine Makaleler, size daha fazla ayrıntı açıklamak ve çeşitli sağlamak Plugins Önce.

Dört galibiyet!

Bunlar, müşterilerimizin yükleme süresinden tasarruf edebildiği dört alandı. Nispeten az çaba ile, WordPress önbelleğe alma, görüntü optimizasyonu, CSS & JavaScript'i optimize etme ve temizleme yoluyla performans WordPress önemli ölçüde geliştirmek.

#5 barındırma olmadan, her şey hiçbir şey

İlk dört optimizasyon alanları zaman azaltma bir sürü söz, ancak barındırma sizi yavaşlatıyorsa kaybolabilir. Sonuç olarak, daha az Donanım Gereksinimleri Için WordPress   ancak bir hoster size izin verdiğini gösteren daha ziyade bazı teknolojiler WordPress uygun şekilde optimize edilmiştir.

Başparmak bir kural olarak, bu performatif hatırlayabilirsiniz WordPress Hosting bu anahtar verilere sahip olmalıdır:

  • SSD sabit disk
  • PHP bellek sınırı en az 64MB, daha iyi 128MB
  • Almanya'daki veri merkezleri
  • Geçerli PHP sürümü (7.4)
  • HTTP/2 ve ücretsiz SSL sertifikası

Sonra paylaşılan barındırma ve kendi (sanal) sunucu arasındaki fark vardır.

Paylaşılan barındırma da, sunucuyu ve bilgi işlem gücünü diğer sitelerle paylaşırsınız. Genellikle birkaç düzine ile birkaç yüz arasında. Kendi sunucunuzla, bilgi işlem gücünü kimseyle paylaşmak zorunda değilsiniz. Her şeyden önce, performans güvenilirliği avantajı sunuyor.

Özel bir sunucu daha fazla performansla eş anlamlı olmasa da, deneyimler ayda sadece birkaç avroya mal olan ucuz barındırma tarifelerinin performans açısından sanal sunucularla rekabet edemeyeceğini gösteriyor.

En önemli 10 ayar vidası WordPress -Performans

Incelikleri - daha az penetrasyon, daha fazla çaba

Şimdiye kadar bahsettiğim performansla ilgili tüm alanlar, hemen hemen her WordPress Kullanıcı. Ya üzerinden Plugins , denemek veya uygun ürünleri satın almak kolaydır. Bu alanları optimize ettiğinizde işler daha da karmaşık hale geliyor. Çünkü o zaman yan yapının derinliklerine nüfuz etmelisin. Ve bireysel optimizasyon önlemleri artık aynı nüfuz gücüne sahip değildir.

#6 Render Engelleme - Yükleme yaparken Yanlış Sipariş

Google gibi araçlar tarafından yapılan bir nokta PageSpeed Insights sürekli şikayet eden bir yük sırası bu işleme engeller.

Bir örnek sorunu göstermektedir: bir kaydırıcı görüntüler ve bu görüntüleri döndüren animasyon komutu oluşur. Önce JavaScript komutu yüklenir ve görüntüler sona ererse, sayfanız zaten kaydırıcı işlevine sahiptir, ancak görüntülenecek görüntülere sahip değildir. Bu nedenle sayfayı yüklemek daha uzun sürer. Bu durum doğru yükleme emri ile önlenebilir.

Her ne kadar hiçbir Plugins , ancak deneyimlerimiz her zaman tamamen sitenizi optimize etmek mümkün olmadığını göstermektedir. Böyle bir durumda, en iyi sonuçlar genellikle iyi site ve işlevleri bilgili bir web tasarımcısı tarafından elde edilir.

#7 Üst Kat - Sayfanın görünür alanını optimize edin

Sitenizin toplam yükleme süresine ek olarak, ana şarj süresi hissettim Önemli. Bu, sitenize gelen bir ziyaretçinin yükleme süresi olarak algıladığı zamandır. Bu keçe yükleme süresi bazı hileler ile kısaltılabilir. Bu, kullanıcıya sayfanın arka planda hesaplanmış olmasına rağmen zaten tamamen oluşturulmuş olduğu izlenimini verir.

Özellikle bu bir olarak optimize etmek için önemli Kat Yukarıda belirlenen aralık yükleme emrinin optimizasyonudur. Bu, ziyaretçilerinizin ilk ekran boyutunda görmeleri gereken içeriğe ve özelliklere öncelik verilmesi anlamına gelir.

WordPress Performans: Raidboxes.de'ye Göre KıvrımÜstü İllüstrasyon
Üst alan ziyaretçiye raidboxes.de kaydırma olmadan. Bu sözde Yukarıda Fold olduğunu. Daha fazla bilgi için, ziyaretçi ile etkileşim ve sayfa kaydırma gerekir.

Örneğin, yükleme sırasını en iyi duruma alarak bunu yapabilirsiniz. Ama aynı zamanda. Plugins , sayfanızın daha verimli yüklenmesini sağlayacaktır. Ve sadece görünür bölge. Tembel Yük Veya a3 Tembel Yük bu tür örneklerdir Plugins . Böylece, kullanıcı her zaman ihtiyacı olan tüm içeriği alır, ancak sayfa yükleme süresi, özellikle de resim ağırlıklı bir sayfa ysa, bu içerikten yararlanabilir.

#8 veritabanı

Resimlere ve komut dosyalarına ek olarak, veritabanınız da çok büyük olabilir. Veritabanınızı güzel bir şekilde ince tutan kullanışlı araçlar da vardır. Örneğin, Plugin WP-Optimize.

#9 pingbacks ve trackbacks

Varsayılan olarak etkileşim WordPress pingback'lere ve izlemelere izin veren diğer sayfalarla. Sayfanız veya blog gönderilerinizden biri böyle bir sayfada her bahsedildiğinde, Sayfanız otomatik olarak bildirilir ve böylece veritabanı ek olarak yüklenir.

Bu özelliğe ihtiyacınız yoksa (katma değer benim görüşüme göre ihmal edilebilir) pingbacks ve trackbacks devre dışı kalmalıdır. Burada da, Plugin WP-Optimize edin. Bütünlük uğruna, ancak, bu teorik bir sorun daha fazla olduğu burada belirtilmelidir. Sonuç olarak, müşterilerimizin hiçbiri ciddi performans kayıpları yaşamamıştır.

#10 hotlinking önlemek

Hotlinking, birinin sunucunuzdaki bir resme doğrudan bağlantı verdiği anlamına gelir – bu nedenle sonunda bant genişliğiniz "çalar". Bir Apache web sunucusu için,.htaccess dosyasına aşağıdaki kodu ekleyerek hotlinking'i önleyebilirsiniz:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Bir NGINX sunucusunda hotlinking önlemek için, NGINX wp-config dosyanıza bu kod satırları ekleyin:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Kodun dökümü:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
hotlinking korumak istediğiniz dosya son vermeleri belirtir, örneğin, pdf dosyalarını korumak istiyorsanız, kod satırı aşağıdaki gibi görünür:
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Bu satırlar biraz geniştir, ancak bu kuralla neler yapabileceğinizi daha iyi anlamanıza yardımcı olur. Bu satırlar, hangi etki alanlarının dosyalarınızı hala hotlink olabileceğini gösterir. Bu örnekte, deineseite.de tüm alt etki alanlarının yanı sıra Google, Bing ve Yahoo ile.

if ($invalid_referer) {
return 403;
}
Şimdi, bir istek geldiğinde ve istek kaynağı beyaz listenizin en üstünde DeğİlOlduğunda, sunucu 403 (Yasak) döndürür.

Wp-config'e erişiminiz yok mu?

Wpdeğişiklikler de ne yapabilirim merak - hoster ileconfig (gibi RAIDBOXES ) mümkün değildir? Bu durumda, çok sayıda güvenlik vardır Plugins resmi olarak WordPress Eklenti dizinihotlinking önlemek için. A Plugin , bu işlevi sunan, örneğin, Hepsi Bir Tek WP Güvenlik & Güvenlik Duvarı'nda. Bu, Plugin 800.000'den fazla WordPress sayfa ve 5 üzerinden 4,8 ortalama derece (neredeyse 1.000 değerlendirmeleri ile) vardır.

"Peki ya CDN?"

En sık sorulan sorulardan biri bir CDN olmasıdır. Örneğin: "Bir CDN, sitemi Almanya'daki ziyaretçiler için daha hızlı hale mi sağlar?", "Neden CDN'ye ihtiyacım var?", "Blogum veya mağazam için BIR CDN kullanmamı önerir misiniz?". Çoğu durumda, ancak, cevap hayır oldu.

Kısacası, kullanıcılarınızın coğrafi olarak dağıtıldığı zaman cdn en anlamlı olanıdır. Örneğin Orta Avrupa, Güney Amerika ve Avustralya'da müşterileriniz varsa. Temel hedef grubunuzun bir ülkeyle sınırlı olması durumunda, bir CDN kullanarak WordPress doğrudan performans.

Konuyla ilgili olarak, WordPress Geliştiriciler Ernesto Ruge bu arada, bir çok güzel öğeler sadece size tavsiye edebilirim.

FREE DEV Program RAIDBOXES

Sonuç: Karmaşık optimizasyon adımlarından korkmayın

Kullanıcılar genellikle yükleme süresinin kaydedilebildiği özellikle kolay olan alanlar ile temas etme korkularına sahiptir. Ya da bu alanları ihmal ediyorlar. CDN gibi diğerleri, genellikle sayfa yükleme süresi üzerinde hiçbir etkisi olmamasına rağmen, istişareler sırasında tekrar tekrar gelir.

Bu nedenle, ben sadece ilk optimizasyon "düşük asılı meyve" odaklanmak gerektiğini tavsiye ederim. Çünkü nispeten az çabayla, şarj sürenizi azaltmada zaten büyük ilerleme kaydedebilirsiniz. Ve meslekten olmayan biri olsan bile.

Bu yüzden Google gibi araçların tavsiye izin vermeyin PageSpeed Insights Rahatsız edici.

Özünde, şarj süresi optimizasyonu sadece birkaç alan hakkında:

  • Sayfanızın boyutunu küçültme
  • HTTP İsteklerini Azaltma
  • Tek tek veri paketlerini sıkıştırma
  • Kullanıcı deneyimini optimize etme

Bunu anladıysanız, o zaman da yararlı 10 en önemli ayar vidaları üzerinde çalışabilirsiniz WordPress -Performansı açın. Ve daha karmaşık optimizasyon adımları için, sitenizi sıfırdan alabilirsiniz uzmanlar da vardır.

Bu makaledeki yorumlar

Yorum yaz

E-posta adresiniz yayınlanmayacaktır. Gerekli alanlar * Işaretlenmiş.