Pokud máte pocit poněkud omezena flexibilita rozvržení za předpokladu, WordPress motivy, možná budete mít zájem v budování vašeho WordPress stránky s page builder plugin.
WordPress page builders se staly velmi populární, protože umožňují komukoli, dokonce i těm, kteří nemají dar kódu, vytvořit krásný web nebo vstupní stránku pomocí jednoduchého drag and drop, WYSIWYG editor., Jak jste výzkum, který Website builder nebo WordPress plugin by bylo nejlepší pro vás, budete se podívat na řadu důležitých faktorů: snadnost použití, ceny, rozvržení stránky šablony, atd. V tomto příspěvku se zaměřujeme na porovnání těchto stavitelů stránek na jeden faktor: Rychlost.
jsou hotové výrobky, které stavitelé stránek vydávají stejně, pokud jde o výkon? Nebo tito stavitelé vytvářejí neefektivní kód, který zpomaluje výkon vašeho webu WordPress a poškozuje váš UX? Krásná stránka pixel perfect nestojí za moc, pokud se vaši uživatelé odrazí, protože načtení vašeho webu trvá 5 sekund.,
Jak rychle se vaše webové stránky načítají, je spojeno s jeho úspěchem. Statistiky ukazují, že každých 100 milisekund doby zatížení vytváří přibližně 7% zvýšení míry okamžitého opuštění.
ale pokud nechcete mít čas na vytvoření identických vstupních stránek s různými staviteli stránek a testování jejich výkonu, je těžké vědět, jak se každý tvůrce stránek hromadí.
No … udělali jsme si čas.,
jsem postavil téměř identické vstupní stránky s pěti populární WordPress stránky stavitelé a pak běžel je přes houf rychlostních zkoušek, aby najít nejlepší WordPress page builder, pokud jde o výkon. Teď se s vámi podělím o všechna ta data.
zde je návod, jak budu testovat tyto 5 Page Builders
Chcete-li otestovat výkon každého tvůrce stránek, sestavím vstupní stránku pomocí každého z pěti stavitelů stránek. Založím to zhruba na vstupní stránce Pagely, s několika přidanými a odstraněnými prvky.,
tyto vstupní stránky budou co nejvíce dokonale identické, i když to není vždy dosažitelné kvůli prvkům dostupným v každém staviteli stránek.
také neočekávejte, že budou vypadat tak dobře jako původní domovská stránka Pagely, protože jsem… No, ne profesionální designér (nebo dokonce amatérský designér).,
Jednou jsem se stavět na vstupní stránce, s každou page builder, budu sbírat data pomocí tří různých nástrojů:
- WebPagetest – poskytuje detailní analýzu výkonu, včetně zatížení čas a „rychlost“
- Pingdom Tools – poskytuje doba načítání stránky, velikost stránky, počet žádostí
- Query Monitor plugin – ukazuje, jak mnoho databázových dotazů plugin dělá a jak dlouho, těch dotazů
budu také čas, jak dlouho mi to trvá vybudovat demo vstupní stránku, ale já doporučuji, abyste si tato čísla jako hrubé odhady, spíše než absolutní., Zde je proč: Chystáte se do těchto testů jsem použil některé z těchto stránek stavitelů více než ostatní, takže to není vědecká vyhlásit jeden „jednodušší“ než ostatní.
zde jsou technické podrobnosti o mém nastavení testu
aby tyto testy držely jakoukoli hodnotu, musí být konzistentní. A musíte věřit, že jsou konzistentní.
takže než skočím do jakéhokoli skutečného testování, projdeme si, jak je nastaven můj testovací web:
- hostovaný na Pagely
- běžící WordPress 4.9.,2
- pomocí tématu Astra, což je oblíbená možnost pro vývojáře spárovat se staviteli stránek
- žádný postranní panel. Full-šířka natažené nádoby (tyto jsou Astra téma volby)
- Query Monitor nainstalován plugin
- Žádné další pluginy nainstalovány
- Žádné stránce optimalizace rychlosti nad rámec těch, automaticky prováděných Pagely hosting
A tady jsou, tvůrce stránky pluginy, které budu používat:
- Elementor – verze 1.9.2*
- Beaver Builder Pro – verze 2.0.3.1
- Divi Builder plugin (tedy ne téma version) – verze 2.0.,31
- WPBakery Page Builder – verze 5.4.2 (dříve známý jako Visual Composer)
- SiteOrigin Page Builder – verze 2.6.1 plus SiteOrigin Widgety Bundle verzi 1.11.3
*Protože Elementor Pro je add-on, spíše než samostatný plugin jako ostatní premium verze, myslím, že je fér, aby test pomocí bezplatné verze Elementor.
spuštění testů pro každého jednotlivého tvůrce stránek WordPress
Nyní, když víte, na čem jsou tyto testy postaveny, skočme dovnitř a podívejme se na data!,
Pro každou stránku stavitel, budu zahrnovat:
- screenshot toho, co testovány vstupní stránka vypadá to,
- Pingdom údajů o výkonu
- WebPagetest údajů o výkonu
- Jak dlouho mi trvalo vytvořit stránku (pamatujte – je to jen hrubé vodítko – neberte to jako pevný srovnání)
- screenshot, co se stane po vypnutí page builder, aby vám představu o tom, jak moc „lock-in“ je
Pak, na konci, budu dát to všechno dohromady do jednoho, snadný-k-porovnat tabulky a udělat nějaké závěry!, Pokud byste raději přeskočili play-by-play, můžete kliknout sem a přeskočit přímo do souhrnné tabulky.
Elementor Výkon Test
stejně Jako všechny tvůrce stránky pluginy zde vystupoval, Elementor umožňuje snadno vytvářet skvěle vypadající webové stránky rychle, aniž by museli znát HTML, CSS, nebo Javascript.
Elementor nabízí jedinečnou funkci nazvanou „Elementor Canvas“, která vám umožní vytvořit webovou stránku zcela od nuly — zcela oddělenou od tématu WordPress. Není vložen zápatí, žádné menu, žádné postranní lišty., Je to maximální flexibilita v designu WordPress a velmi užitečná zejména pro vytváření vstupních stránek drag and drop (které často používají nestandardní rozvržení a vyžadují minimální rozptýlení od výzvy k akci).,
Jaké Vstupní Stránky Vypadaly Jako:
Čas Sestavení Stránky: 22:09
Pingdom Test Data:
WebPagetest Test Data:
Query Data Monitoru:
Co se Stane Po Deaktivaci Pluginu:
Beaver Builder Výkon Test
Beaver Builder je populární webové stránky stavební plugin používá více než 175 tisíc dolarů, webové stránky. Je známý pro jeho snadné použití a intuitivní uživatelské rozhraní.,
nabízí také některé pokročilé funkce, jako jsou klávesové zkratky a schopnost ukládat řádky a sloupce, takže je lze snadno znovu použít. Beaver Builder je postaven na rámci Bootstrap a tvrdí, že je rychlý a lehký., Uvidíme, jak se to provádí v reálném světě…
Jaké Vstupní Stránky Vypadaly Jako:
Čas Sestavení Stránky: 20:37
Pingdom Test Data:
WebPagetest Test Data:
Query Data Monitoru:
Co se Stane Po Deaktivaci Pluginu:
Divi Builder Výkon Test
Divi, podle Elegantní Témata je téma WordPress a samostatná page builder plugin., Zde přezkoumáváme výkon pluginu website builder, nikoli tématu WordPress.
stránky a příspěvky můžete vytvářet v backendu WordPress nebo dokonce navrhovat své stránky pomocí frontendu WordPress pomocí editoru wyswig. Divi nabízí stovky dětských témat a předpřipravených šablon stránek. Věrné jménu své společnosti, Divi nabízí skutečně elegantní zážitek z budování stránek se spoustou polštin, oční bonbóny, a intuitivní funkce.,
Jaké Vstupní Stránky Vypadaly Jako:
Čas Sestavení Stránky: 21:02
Pingdom Test Data:
WebPagetest Test Data:
Query Data Monitoru:
Co se Stane Po Deaktivaci Pluginu:
WPBakery Page Builder Výkon Test
Jako Elementor, WPBakery je často dodáván s mnoha populární WordPress témata., WPBakery vyniká od mnoha dalších stavitelů stránek kvůli tomu, kolik doplňků a vylepšení je k dispozici. Můžete si vybrat z více než 200 doplňků, které dělají vše od úhledných animací CSS až po vylepšení stránek produktů WooCommerce.,
Jaké Vstupní Stránky Vypadaly Jako:
Čas Sestavení Stránky: 27:18
Pingdom Test Data:
WebPagetest Test Data:
Query Data Monitoru:
Co se Stane Po Deaktivaci Pluginu:
SiteOrigin Page Builder Výkon Test
SiteOrigin je zcela zdarma. Zatímco mnoho stavitelů stránek instaluje své vlastní widgety, původ webu je jedinečný v tom, že hraje hezky s výchozími widgety WordPress.,
Jaké Vstupní Stránka Vypadala: *SiteOrigin Page Builder nemá počítadlo prvek, tak jsem použil statickou HTML místo, které dává mírnou výhodu v testech výkonnosti.,
Čas Sestavení Stránky: 19:51
Pingdom Test Data:
WebPagetest Test Data:
Query Data Monitoru:
Co se Stane Po Deaktivaci Pluginu:
WordPress Page Builder Srovnání Rychlosti
Poté, co všechny testy byly prováděny a data praskaly, tady je, jak se věci událo.
podívejme se nejprve na dobré., Tady je celkový vítěz z každé kategorie:
- Nejrychlejší Pingdom Doba načítání Stránky: SiteOrigin Page Builder na 390 ms
- Nejméně Pingdom Požadavky: SiteOrigin Page Builder s 13
- Nejnižší Pingdom Velikost Stránky: SiteOrigin Page Builder s 245.0 kB
- Nejrychlejší WebPagetest Plně Nabitá Čas: SiteOrigin Page Builder s 578 ms
- Nejnižší WebPagetest Rychlost: SiteOrigin Page Builder 500
- Nejméně Databáze Dotazů: Divi Builder s 8
- Nejnižší Databáze Času Dotazu: Divi Builder na 0.,0039 s
A teď se pojďme podívat na nejhorší umělec v každé kategorii v našich testech:
- Nejpomalejší Pingdom Doba načítání Stránky: Bobr Stavitel na 665 ms
- Většina Pingdom Požadavky: Elementor s 28
- Nejvyšší Pingdom Velikost Stránky: Divi Builder na 532.7 kB
- Nejpomalejší WebPagetest Plně Nabitá Čas: Divi Builder na 1.294 s
- Nejvyšší WebPagetest Rychlostní Index: Divi Builder na 901
- Největší Databáze Dotazů: Elementor s 30
- Největší Databáze Času Dotazu: Elementor na 0.,Page Builder
Pingdom Page Load 489 ms 665 ms 463 ms 401 ms 390 ms Pingdom Requests 28 20 15 15 13 Pingdom Page Size 530.,7 kB 416.6 kB 532.7 kB 435.7 kB 245.0 kB WebPagetest Fully Loaded 1.254 s 943 ms 1.,d=“573b113c2a“>578 ms WebPagetest Speed Index 574 700 901 610 500 Database Queries 30 14 8 10 9 DB Queries Time 0.,0123 0.0059 0.0039 0.0042 0.0042 Time To Build Page 22:09 20:37 21:02 27:18 19:51 What Conclusions Can We Draw About Page Builder Performance?,
data jsou k dispozici pro interpretaci sebe. Ale zde jsou některé závěry, myslím, že stojí za zvážení:
Stránky Stavitelé Jsou Do určité Míry Balancování Mezi Výkon A Funkce
Nepřekvapivě SiteOrigin Page Builder měl nejlepší výkon v téměř všech testů.
, Ale tady je to věc:
SiteOrigin Tvůrce Stránky není zrovna lehké, pokud jde o výkon – to je také lehký, pokud jde o funkce.,
získáte lepší výkon než ostatní tvůrci stránek tím, že částečně obětujete funkčnost.
pro výkon zaměřený, že kompromis může být dobře stojí za to.
, Ale ostatní lidé by mohli být ochotní vyměnit trochu výkon pro silnější stránky stavební zkušenosti, a nemyslím si, že je to nutně něco špatného.
průměrný uživatel bude moci vytvořit složitější stránku s jedním z dalších čtyř stavitelů stránek.,
z tohoto důvodu si myslím, že je nejlepší hledat tvůrce stránek, který má funkce, které potřebujete, a poté porovnat výkon stavitelů stránek, kteří splňují tato kritéria.
Tam Nejsou Velké Rozdíly Mezi High-Powered WordPress Stránky Stavitelé
Pokud vyloučíte SiteOrigin Page Builder, a jen se soustředit na více rys-bohatý stránky stavitelé, zjistíte, že tam není tuna rozdíl mezi nimi.,
určitě můžete na místě nějaké rozdíly – Elementor je trochu těžké na databáze dotazů a žádostí, zatímco Bobr Stavitel nabídl nejmenší velikost stránky.
, Ale celkově všechny tyto pluginy mají jasně pracovali na optimalizaci výkonu, což je pravděpodobně důvod, proč jsou lídry trhu v prostoru.
Shortcode Lock-in je skutečná úvaha
pokud si vyberete tvůrce stránek pro život, nemusíte se o to starat.,
, Ale pokud si myslíte, že je šance, že by mohly přejít (nebo přestat používat) stránky stavitelé dolů na silnici, je důležité zdůraznit, že pouze dvě z těchto stránek stavitelé opustit úplně čistý kód.
dva pluginy, které zanechávají 100% čistý kód, jsou:
- Elementor
- Beaver Builder
SiteOrigin Page Builder zanechává většinou čistý kód, ale to se nechte několik shortcodes, zejména se ukazovat všude, kde jsem použil tlačítka.,
a Konečně, a to jak Divi Builder a WPBakery Page Builder nechat za sebou hromadu shortcodes, které budete muset najít způsob, jak ji odstranit.
jaké jsou vaše zkušenosti s výkonem WordPress Page Builders?
rychlost vašeho webu WordPress je samozřejmě pouze jedním faktorem, který je třeba zvážit, pokud jde o nalezení nejlepšího tvůrce stránek pro váš web. Věci jako snadné použití, kvalita šablon stránek, které obsahují, jak snadné je styling stránek, ceny, úroveň podpory a mnoho dalších faktorů.,
ale to, co se nakonec snažíte vyrobit, je krásná webová stránka, která se rychle načte, takže výkon těchto různých stavitelů stránek je kritickým hlediskem.
jaké jsou vaše vlastní zkušenosti s těmito pluginy a výkonem WordPress page builder? A co je důležitější, kde si myslíte, že rovnováha by měla spočívat mezi funkcemi a výkonem? Pro další hloubkové stanovisko kus od Pippin Williamson na stránce builder pluginy, podívejte se na to.,
Autor
Colin Nováček
Nováček Colin je spisovatel na volné noze pro auta s pozadím v SEO a affiliate marketing. Pomáhá klientům zvýšit jejich viditelnost na webu tím, že píše především o digitálním marketingu, WordPress a B2B tématech.
