WordPress 5.0 - 4.9 - Performans Testi

Jan Hornung
8 dakika
WordPress 5.0 ve Gutenberg _Performance karşılaştırması
Son güncelleme

Güncelleştirme WordPress 5.0 hemen köşeyi dönünce. Ancak, kesin çıkış tarihi yeni WordPress -Editör takma adı " Gutenberg " WP çekirdeği için hazır. Birçok WP kullanıcıları ile ilgili sorunlar olacak endişe duyuyoruz Plugins , Themes ve yanlarının performansı. Bu nedenle, güncellemeye daha yakından baktık ve WordPress 5.0 aslında korkunç yük zaman kayıpları yol açar.

Güncelleştirme: Makale, alfa fazında kullandığımız bir teste atıfta Gutenberg - Plugins gerçekleştirmiş olarak gerçekleştirilmiştir. -ını 6 Aralık 2018 Çarşamba Is WordPress 5.0 ile Gutenberg Düzenleyicisi. Bizim E-kitap yeni editörün işletmeniz için ne anlama geldiğini ve web sitenizi nasıl görüntüleyebilirsiniz öğrenin Gutenberg Hazır. Olup olmadığını Gutenberg şimdi kurulan sayfa oluşturucuları ile rekabet edebilir, öğrenebilirsiniz Bu makalede Onun Tariq Baig .

Gutenberg Ve WordPress 5.0 E-Kitap

Gelen WordPress sürüm 5.0 güncelleme bir lider aktör var: sözde Gutenberg Düzenleyicisi. Ancak, WP çekirdeğine entegrasyondan sonra, bu proje adı WordPress kullanıcılar gereksiz yere karıştırır. En azından plan bu. Ama önce en önemli soruya dönelim: tam olarak ne Gutenberg editör hiç?

Gutenberg Gerekir WordPress Devrim

Zaten büyük ölçüde bağlı iseniz Gutenberg -Temel Bilgiler tanıdık, o zaman doğrudan bizim atlamak için en iyisidir WordPress 4.9 vs. WordPress 5.0 Performans Karşılaştırması.

Büyük güncelleme ile WordPress 5.0 olduğunu Gutenberg yakında WP kullanıcıları büyük HTML bilgisi olmadan 10 yılı aşkın bir süredir mesaj ve sayfa oluşturmak için izin veren klasik TinyMCE editörü, değiştirin. Daha karmaşık düzenler oluşturmak istiyorsanız, HTML bilgisi ve kısa kodları olmayan TinyMCE düzenleyicisi hızla sınırlarına iter.

Bu engel, Gutenberg amacıyla yoldan çıkmak WordPress daha erişilebilir ve kullanıcı dostu hale getirir. Yeni düzenleyicinin arkasındaki temel ilke, özel işlevsellik sağlayan yığılmış bloklardır. Örneğin, başlıklar, metin, sütunlar, tırnak işaretleri, listeler, resimler, videolar, widget'lar ve benzeri bloklar vardır.

WordPress 5.0 daha fazla JavaScript getiriyor ve kullanır WordPress REST API

Yeni editör başka bir değişiklik getiriyor: JavaScript. "En WordPress geliştiriciler php ve ön uç geliştirme ile oldukça rahat olsa da Gutenberg bloklar ağır JavaScript tabanlı," WP geliştirici Sn Tabor yazıyor onun Başlangıç Kılavuzu Bina Gutenberg Blok. Hiçbir şey için değil WordPress wp topluluğunun kurucularından Matt Mullenweg 2015 Word'ün Durumu "JavaScript'i derinden öğrenin!" ev ödevi.

Bu temel değişikliklerin bir sonucu olarak, WordPress 5.0, Gutenberg'in JavaScript'i ne ölçüde kullandığını ve WordPress REST API çeşitli performans WordPress Sayfa. Bu, web sunucusundan istemciye çok fazla bilgi işlem çabası gösterir ve bu da yük altında daha kısa bir yükleme süresine yol açar. Ama bu noktaya birazdan geleceğiz.

WordPress 5.0 pagebuilder doğru bir adımdır

WP topluluk içinde, sık sık söylenir WordPress "Ne görmek ne olsun" (WYSIWYG). Ancak, gerçek genellikle farklıdır. Kim hiç WordPress "Her zaman arka uçta gördüklerini elde ediniz," dedi.

Gutenberg bu boşluğu kapatmak için tasarlanmıştır ve WordPress WYSIWYG'e büyük bir adım daha yaklaşın. Bu konuda ve yeni olanaklar tarafından sunulan Gutenberg editör sana verebilirim Morten Rand-Hendriksen'in Konuşması ve Mullenwegs 2017 Word'ün Durumu WordCamp ABD'den.

Gerçek şu ki, Gutenberg başlangıçta yalnızca düzenleyici düzeyinde tanıtılır, ancak bu yalnızca başlangıçtır. Çünkü Mullenweg'in vizyonu. WordPress Wix, Medium ve Co. gibi web sitesi kitleriyle rekabet edebilmek için blok tabanlı

Bir sonraki adım - bu yüzden ne sadece gördüm sonra geliyor, biz düzenleme deneyimi bittiğinde, Gutenberg -tabanlı site özelleştirme. – Matt Mullenweg, Word'ün Durumu 2017

Gelecek için, bu nedenle bir paradigma kaymasına yol açabilir WordPress bilinen yapıdan uzak. Plugins Ve Themes ve tek bir dev pagebuilder doğru.

WordPress 5.0 tarafından sağlanır " Gutenberg Endişeler için "zorlama"

Aslında bu Gutenberg Ile WordPress 5.0 varsayılan düzenleyici olur, yani WordPress kullanıcı hemen hemen zorlanır, herkes muhalefetle karşılaşmaz. Plugin - ve Theme üreticiler, örneğin, kendi ürünlerini olmalıdır Gutenberg uyumluluk, gerekirse ayarlamak veya tamamen yeniden düşünmek.

Ayrıca operatörler için WordPress sayfalar giderek daha fazla soru soruyor: Bu benim iş üzerinde ne etkisi var? Yapar WordPress 5.0 sayfam yavaş? Will benim Plugins hala çalışıyor musun? Editörü hiç kullanmazsam güncelleme bana yardımcı olur mu?

Bu nedenle, bugün tartışma uzak hareket ediyor Gutenberg , Bloklar ve Co ve aşağıdaki sorulara kendimizi adamak:

1. Arasında bir performans farkı var mı WordPress 5.0 ve 4.9 mu?

2. Mevcut belirsizlikler ışığında, eğer WordPress 5.0 güncelleme?

Şarj süresi karşılaştırması: WordPress 4.9 karşı WordPress 5.0

Bu ikisini sistematik olarak karşılaştırmamız için WordPress -Sürümler, iki önemli performans ölçümü için önceden düğmelendik: tek seferlik arama için sayfa yükleme süresi ve yük altındaki sayfaların davranışı.

Yükleme süresi karşılaştırması için, wp 4.9.4 ve WP 5.0 (5.0-alfa-42852) altında sistematik olarak karşılaştırıldığında yükleme süreleri dört örnek sayfa hazırladık. Bu amaçla, aracı oluşturduk Web sayfası testi Kullanılan.

Ve başlangıç olarak, ciddi bir fark yoktur.

Test 1: WordPress 5.0 boş bir WP sayfasını yavaşlatmak eğilimindedir

İlk testte, tamamen boş bir WP sayfasının yükleme sürelerini WordPress 5.0 ve 4.9. Sonuç: İlk Bayt Zamanı (TTFB) ve sayfanın algılanan yükleme süresi (Yük Süresi) WordPress 5.0 biraz arttı. Toplam yükleme süresi biraz azalmıştır. Önbelleğe alınmış sonuca bakıldığında en geç bu fark tamamen eşitlenir.

Bu ilk testin sonucu: Ölçülen değerlerdeki farklılıklar muhtemelen ölçünün kendisindeki dalgalanmalardır ve sistematik yük süresi farklılıkları değildir.

Test 1: WP sayfası yükleme süresini boşaldı
İki test DEMO KUTULARI bir Theme Yirmi Onyedi aktif ve Themes Twenty Sixteen Ve Twenty Fifteen yüklenir. Hiçbir Plugins sayfada. Her iki tarafta, RAIDBOXES Önbellek Etkin.

Test 2: Bir çevrimiçi mağaza nın WordPress 5.0?

İkinci adımda, bir örnek dükkanı için aynı test kurulum devraldı. Dükkanın ana sayfası burada çağrıldı. Ayrıca WooCommerce 50'den fazla diğer Plugins bunların 45'ten fazlası testte aktifti.

Ürünler ve işleyen ödeme ağ geçitleri ile donatılmış olan mağaza, test sırasında önemli performans ölçümleri açısından da önemli bir fark göstermez.

TTFB, Yükleme Süresi ve Web sayfası test Hız Dizini yalnızca biraz değişir. Burada da önbelleğe alınmış aramalardaki farklılıklar daha da küçüktür.

est 2: Örnek dükkan da WordPress 5.0
Özellikle önbelleğe alınmış durumda, bu iki arasındaki farklar açıktır WordPress sürümleri ihmal edilebilir.

Dükkan operatörleri için Sonuç: Gerçekçi ve oldukça geniş bir dükkan ile WP 4.9.4 ve WP 5.0 arasında herhangi bir sistematik fark bulamadı - iyi bir işaret!

Eleştiri 3: Nasıl bir blog altında nasıl çalışır WordPress 5.0?

Ayrıca tipik bir blog ile test - geniş sosyal medya bağlantısı ve 20'den fazla Plugins , Yoast SEO, WP Smush, Akismet ve Contact Form 7 , önemli yük süresi özellikleri gerçekten büyük farklılıklar vardır: sunucu yanıt süresi, keçe yük süresi ve toplam yük süresi arasında yol vermek WordPress sürümleri birbirinden sadece biraz farklıdır.

Sonuç: Hız Endeksi ve Start Render Olay ile ilgili olarak, WP 4.9.4 altında blog biraz daha hızlı yük gibi görünüyor, ama tüm hepsi, bu muhtemelen önemli farklılıklar değildir.

Test 3: Örnek Blog WordPress 5.0
Blogun yük zaman testinde, farklılıklar biraz daha büyük gibi görünüyor, ama gerçekten etkileyici farklılıklar vardır.

Eleştiri 4: Altında bir şirket sayfası hakkında WordPress 5.0 kapalı mı?

İlk kez, ilginç farklılıklar biz test şirket tarafında göstermek: Her ne kadar TTFB, Start Render Olay ve Hız Endeksi birbirine oldukça yakın, toplam yük süresi hissettim 1.8 saniye büyük bir fark gösterir.

Ancak, bu değer hatalı bir kaynak tarafından açıklanabilir. Bunlar kaldırılırsa, şarj süresi değerleri uzlaştırılır. Sonuç da burada: Biz Özel ile test şirket sayfasında Theme ve 9 Plugins (WPML dahil, Advanced Custom Fields ve açılış sayfaları için bir araç) arasında ilgili farklar göstermek WordPress 4.9.4 ve WordPress 5.0.

İnceleme 4: Örnek Şirket Sayfası WordPress 5.0
Hatalı kaynağı kaldırdıktan sonra yük süresi farkı eşitlenir. Bu nedenle, yukarıdaki test, hatalı bir görüntü gibi en küçük hatalara karşı yük süresi ölçümlerinin ne kadar savunmasız olduğunun mükemmel bir örneğidir.

Ara sonuç: WordPress 5.0 bir performans yiyici değildir

Alfa versiyonu ile ilk analizlerimiz WordPress 5.0 yeni WP sürümü bir performans yiyici olma olasılığı düşükolduğunu göstermektedir - en azından ön uçta. İster ile ister Gutenberg : Ölçümlerimize göre, ilgili bir fark yoktur. Performans açısından bakıldığında, bu nedenle, şu anda bir güncelleştirme karşı hiçbir şey yok WordPress 5.0.

Aksine, yük testimizin sonuçlarına bakarsanız, güncelleme faydalı olabilir.

Önemli:Tabii ki, bu sonuçlar zaman içinde değişebilir. Çok Plugins Ve Themes ve yeni WP sürümü ile uyumluluk burada belirleyici bir rol oynayacaktır.

Test 4: WordPress 5.0 daha iyi yük taşıma gösterir

Bir sayfanın yükleme süresine ek olarak, sayfanın bir zaman aşımına geçmeden önce kaç eşzamanlı erişime dayanabileceği de önemlidir. Ve burada WP 4.9.4 ve test WP 4.9.4 sürümü arasında gerçekten ciddi farklılıklar vardır. WordPress 5.0.

Bizim test için araç ile boş bir WP sayfası var Loader.io dakikada 500, 750 ve 1.000 ödenmemiş aramalar ile ücret ve sonuç dikkat çekicidir. WP 4.9.4'lü sayfa dakikada 750 istekte zaten iner ve ortalama yanıt süresini (örneğin, İlk Bayte'e kadar) 4,9 saniye gösterirken, sayfa WordPress 5.0 çok daha fazla strese dayanıklı.

1.000 istekle bile, sitenin ortalama TTFB'si hala 863 milisaniyedir– iyi değil ama kararlıdır. Bu, sayfanın değerinin dokuzda birinden daha az WordPress 4.9.4.

Kontrol 5: Test boş WP sayfasını yükleyin

Bu farka inanabiliyorduk ama üçüncü, dördüncü ve beşinci koşularda bile farklar sabit kaldı.

Bu sonuç bizi o kadar şaşırttı ki arka uçtaki Apache Kıyaslama Aracı ile aynı testi yaptık. Burada da şaşırtıcı bir sonuç ortaya çıkıyor: aşağıdaki sayfa WordPress 5.0 altındaki sayfadan yüzde 50 daha fazla istek işleyebilir WordPress 4.9.4.

Kaynak kodun optimizasyonu nedeniyle WordPress 5.0 sunucu tarafında çok fazla kaynak kaydeder. Bu, varolan kaynakların aynı anda daha fazla istek ticareti yapabileceğiniz anlamına gelir.

Sonuç: WordPress 5.0 bizi olumlu şaşırttı

Ne kadar güçlü son ölçüde WordPress 5.0 değişiklikleri Sitenizin performansını yalnızca beta ve tam sürümde gösterecektir. Ne kesin, ancak, şudur: WordPress 5.0 sürüm 4.9.4 daha yük altında bizim test çok daha kararlı çalışır.

Yük uyumluluğu açısından, WordPress Şu anda 5.0. Dediğim gibi, bu test sonuçları da dahil olmak üzere, sürümden önce çok şey değişebilir. 

Buna ek olarak, bu testlerde performansa tamamen odaklandık. En kısa sürede WordPress 5.0 Beta çıkıyor, biz de uyumluluk dikkate alacaktır Plugins Ve Themes ve genel işlevselliği Gutenberg Editörler. Ancak o zaman net bir güncelleme önerisi verebiliriz. Bu yüzden konuya göz kulak olacağız ve umarım yakında size yeni veriler sunabiliriz.

Sen mi? WordPress 5.0 veya Gutenberg - Plugin zaten test? Sonra bana bir yorum bırakın, ben daha fazla deneyimler hakkında mutluyum!

Bu makaledeki yorumlar

David Stingl
David Stingl

Orada yaptığın ilginç testler. Kinsta, ancak, son sürümü ve PHP 7.3 dün önceki gün biraz farklı bir sonuca geldi: https://kinsta.com/blog/php-benchmarks/
Ne demek istiyorsun?

Ocak
Ocak

Seni selamlıyorum David,

çok iyi bir nokta! Giriş için teşekkür ederiz, ben hafta sonu PHP 7.3 altında bir test çekeceğiz.

Münster birçok selamlar ve zaten güzel bir hafta sonu!

R
Raphael

WP 5.0'ı tutuyorum ve hepsinden önemlisi, Gutenberg çok vazgeçilebilir. 😉 Ama yine de olumlu beni şaşırttı ben 5.0.x altında test sayfaları besbelli şarj etmek için daha az enerji gerektirir ve böylece her arama ile daha az CO2 serbest olduğunu.

Ben 5.0 benim özetinde güncelleme bu yönü tartışıldı ve aynı zamanda makalenin sonunda bir ekran görüntüsü dahil. https://gruenkraft.design/webdesignblog/ WordPress -5-0-ve-ne-şimdi/ Ekran daha önce arama başına CO2 55g yayımlanan ve şimdi sadece 40g bültenleri ekranın bir tarafıdır. (Hoster yeşil elektrik kullanmıyorsa.)

Herkes 5.0 bu yönü hakkında daha fazla bilir, ben burada yorum ya da blogumda takdir ediyorum.

Yorum yaz

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