Ha úgy érzi, némileg korlátozza a rugalmas elrendezés által nyújtott WordPress themes, lehet, hogy érdekel az épület a WordPress weboldalak egy oldalkészítő plugin.
a WordPress oldalépítők vadul népszerűvé váltak, mert bárki, még a kód ajándéka nélkül is, gyönyörű weboldalt vagy céloldalt építhet egy egyszerű drag and drop segítségével, WYSIWYG szerkesztő., Ahogy azt kutatja, hogy melyik webhelykészítő vagy WordPress plugin lenne a legjobb az Ön számára, számos fontos tényezőt fog megvizsgálni: könnyű használat, árképzés, oldalelrendezési sablonok stb. Ebben a bejegyzésben arra összpontosítunk, hogy összehasonlítsuk ezeket az oldalépítőket egy tényezővel: sebesség.
azok a késztermékek, amelyeket az oldalépítők a teljesítmény szempontjából ugyanúgy bocsátanak ki? Vagy ezek az építők nem hatékony kódfúvást hoznak létre, ami lelassítja a WordPress webhely teljesítményét, és károsítja az UX-et? Egy gyönyörű, pixel tökéletes oldal nem ér sokat, ha a felhasználók ugrálnak, mert a webhely betöltése 5 másodpercet vesz igénybe.,
a webhely betöltése milyen gyorsan kapcsolódik a sikerhez. A statisztikák azt mutatják, hogy minden 100 milliszekundumnyi betöltési idő körülbelül 7% – kal növeli a visszafordulási arányt.
De ha nem akarom, hogy az idő építeni azonos céloldalak a másik oldal építők teszt teljesítményüket, nehéz biztosan tudni, hogy az egyes oldalkészítő halmozódik.
nos … időt vettünk.,
közel azonos céloldalakat építettem öt népszerű WordPress oldalépítővel, majd egy sor sebességteszten keresztül futtattam őket, hogy megtalálják a legjobb WordPress oldalépítőt a teljesítmény szempontjából. Most pedig megosztom veled az összes adatot.
itt van, hogyan fogom tesztelni ezeket az 5 Oldalépítőket
az egyes oldalépítők teljesítményének teszteléséhez egy céloldalt fogok építeni az öt oldalépítők mindegyikével. Ezt nagyjából a Pagely nyitóoldalra fogom alapozni, néhány elemet hozzáadva és eltávolítva.,
ezek a céloldalak, amennyire csak lehetséges, tökéletesen azonosak lesznek, bár ez nem mindig érhető el az egyes oldalépítőkben elérhető elemek miatt.
Továbbá ne várja el, hogy olyan jól nézzen ki, mint az eredeti oldal, mert én… nos, nem profi tervező (vagy akár amatőr tervező) vagyok.,
- WebPagetest – ad részletes teljesítmény-elemzés, beleértve a betöltési időt, a “sebesség index”
- Pingdom Eszközök – biztosítja oldal betöltési ideje, oldal méret, a kérelmek száma
- Lekérdezés Monitor plugin – azt mutatja, hogy számos adatbázis-lekérdezések a plugin lehetővé teszi, hogy meddig azok a lekérdezések vegye
azt is, mennyi ideig tart, míg építeni a demo nyitóoldal, de azt javasoljuk, hogy ezeket a számokat, mint a durva becslések, inkább, mint a valóságban., Itt van miért: megy be ezeket a teszteket, használtam néhány ilyen oldal építők több, mint a többiek, így nem tudományos számomra, hogy állapítsa meg az egyik “könnyebb használni”, mint a többiek.
itt találhatók a Tesztbeállításom műszaki adatai
ahhoz, hogy ezek a tesztek bármilyen értéket tartsanak, következetesnek kell lenniük. És bíznod kell abban, hogy következetesek.
tehát mielőtt bármilyen tényleges tesztbe belemennék, futtassuk át a teszthelyem beállítását:
- a Pagely
- futtató WordPress 4.9.,2
- az Astra téma használatával népszerű lehetőség a fejlesztők számára, hogy párosuljanak az oldalépítőkkel
- nincs oldalsáv. Teljes szélességű kifeszített tartály (ezek Astra téma opciók)
- Lekérdezés Monitor plugin telepítve van
- Nincs más plugin telepítve
- Nincs az oldalon sebesség optimalizálás azon túl az automatikusan végrehajtott Pagely hosting
ez Pedig az oldalkészítő plugin, hogy fogom használni:
- Elementor – verzió 1.9.2*
- Hód Építő Pro – verzió 2.0.3.1
- Divi Építő plugin (azaz nem a téma változat) – 2.0-ás verzió.,31
- WPBakery Page Builder-version 5.4.2 (korábbi nevén Visual Composer)
- SiteOrigin Page Builder – version 2.6.1 plus SiteOrigin widgetek Bundle version 1.11.3
*mivel Elementor Pro egy add-on, hanem egy önálló plugin, mint a többi prémium verziók, azt hiszem, ez tisztességes, hogy teszteljék az ingyenes változata Elementor.
A tesztek futtatása minden egyes WordPress page Builder
most, hogy tudod, mire épülnek ezek a tesztek, ugorjunk be, és nézzük meg az adatokat!,
Az egyes oldalkészítő, majd a következők:
- Egy screenshot, amit a vizsgált nyitóoldal úgy tűnik,
- Pingdom teljesítmény adatok
- WebPagetest teljesítmény adatok
- Mennyi ideig tartott, hogy hozzon létre az oldal (ne feledd, hogy ez csak egy durva iránymutatás – ne vedd, mint egy nehéz összehasonlítás)
- Egy screenshot, hogy mi történik, kiválást követően az oldalkészítő, hogy ön egy eszme, mennyi “lock-in” van
Aztán, a végén, majd az egészet együtt, egyetlen, könnyen összehasonlítani táblázat, hogy bizonyos következtetéseket!, Ha inkább kihagyja a play-by-play, akkor kattintson ide, hogy ugorjon egyenesen az összefoglaló táblázat.
Elementor Performance Test
mint az itt bemutatott összes oldalépítő plugin, az Elementor megkönnyíti a nagyszerű weboldal gyors létrehozását anélkül, hogy bármilyen HTML-t, CSS-t vagy Javascriptet kellene ismernie.
Elementor egyedülálló funkciót kínál az “Elementor Canvas” néven, amely lehetővé teszi egy weboldal teljes felépítését a semmiből — teljesen elkülönítve a WordPress témától. Nincs beillesztve lábléc, nincs menük, nincs oldalsáv., Ez a WordPress tervezés végső rugalmassága, különösen a drag and drop céloldalak létrehozásához (amelyek gyakran nem szabványos elrendezéseket használnak, és minimális figyelmet igényelnek a cselekvésre való felhívástól).,
Mi A céloldal Nézett ki:
az Idő Építeni Oldal: 22:09
Pingdom Vizsgálati Adatok:
WebPagetest Vizsgálati Adatok:
Lekérdezés Monitor Adatok:
Mi Történik, Kiválást Követően A Plugin:
Hód Építő Teljesítmény Teszt
Hód Builder egy népszerű weboldal épület plugin által használt át 175k honlapok. Ez híres a könnyű használat, intuitív UI.,
Ez is kínál néhány speciális funkciók, mint a billentyűparancsok, valamint a képesség, hogy mentse sorok és oszlopok, így könnyen újra. A Beaver Builder a Bootstrap keretre épül, és azt állítja, hogy gyors és könnyű., Lássuk, hogyan teljesít a való világ…
Mi A céloldal Nézett ki:
az Idő Építeni Oldal: 20:37
Pingdom Vizsgálati Adatok:
WebPagetest Vizsgálati Adatok:
Lekérdezés Monitor Adatok:
Mi Történik, Kiválást Követően A Plugin:
Divi Építő Teljesítmény Teszt
Divi, az Elegáns Témák, mind egy WordPress téma egy önálló oldalkészítő plugin., Itt áttekintjük a webhelykészítő plugin teljesítményét, nem pedig a WordPress témát.
a WordPress backendben oldalakat, hozzászólásokat hozhat létre, vagy akár a WordPress frontendjével is megtervezheti webhelyét egy WYSWIG szerkesztővel. A Divi több száz gyermek témát és előre elkészített oldalsablont kínál. Igaz, hogy a cég neve, Divi kínál egy igazán elegáns oldal építési tapasztalat, sok lengyel, eye candy, intuitív funkciók.,
Mi A céloldal Nézett ki:
az Idő Építeni Oldal: 21:02
Pingdom Vizsgálati Adatok:
WebPagetest Vizsgálati Adatok:
Lekérdezés Monitor Adatok:
Mi Történik, Kiválást Követően A Plugin:
WPBakery oldalkészítő Teljesítmény Teszt
Mint Elementor, WPBakery gyakran csomagban sok népszerű WordPress témák., WPBakery kiemelkedik a sok más oldal építők, mert hány kiegészítők, fejlesztések állnak rendelkezésre. Lehet választani több mint 200 kiegészítőket, hogy mindent a sima CSS animációk javítása a WooCommerce termék oldalak.,
Mi A céloldal Nézett ki:
az Idő Építeni Oldal: 27:18
Pingdom Vizsgálati Adatok:
WebPagetest Vizsgálati Adatok:
Lekérdezés Monitor Adatok:
Mi Történik, Kiválást Követően A Plugin:
SiteOrigin oldalkészítő Teljesítmény Teszt
SiteOrigin teljesen ingyenes. Míg sok oldalépítők telepíteni a saját kütyü, Site Origin egyedülálló, hogy játszik szép alapértelmezett WordPress kütyü.,
hogyan nézett ki a nyitóoldal: * SiteOrigin Page Builder nincs számláló elem, ezért statikus HTML-t használtam, ami enyhe előnyt jelent a teljesítménytesztekben.,
az Idő Építeni Oldal: 19:51
Pingdom Vizsgálati Adatok:
WebPagetest Vizsgálati Adatok:
Lekérdezés Monitor Adatok:
Mi Történik, Kiválást Követően A Plugin:
WordPress Oldal Építő Sebesség Összehasonlítás
Miután mind a kivizsgálás, az adatok csikorgott, hogy a dolgok rázta ki.
nézzük meg először a jót., Itt a teljes győztes minden kategóriából:
- Leggyorsabb Pingdom Oldal Betöltési Ideje: SiteOrigin oldalkészítő 390 ms
- Legkevesebb Pingdom Kérések: SiteOrigin oldalkészítő 13
- a Legalacsonyabb Pingdom Oldal Méret: SiteOrigin oldalkészítő a 245.0 kB
- Leggyorsabb WebPagetest Teljesen Töltött Idő: SiteOrigin Oldal Építtető 578 ms
- a Legalacsonyabb WebPagetest Sebesség Index: SiteOrigin Oldal Builder 500
- Legkevesebb Adatbázis Lekérdezés: Divi Építő 8
- a Legalacsonyabb Adatbázis Lekérdezés Ideje: Divi Építő 0.,0039 s
most Pedig nézzük a legrosszabb előadó minden kategóriában a tesztet:
- Leglassabb Pingdom Oldal Betöltési Ideje: Hód Építtető 665 ms
- a Legtöbb Pingdom Kérések: Elementor 28
- Legmagasabb Pingdom Oldal Méret: Divi Építtető 532.7 kB
- Leglassabb WebPagetest Teljesen Töltött Idő: Divi Építtető 1.294 s
- Legmagasabb WebPagetest Sebesség Index: Divi Építtető 901
- a Legtöbb Adatbázis Lekérdezés: Elementor 30
- Legmagasabb Adatbázis Lekérdezés Ideje: Elementor 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?,
az adatok ott vannak, hogy értelmezze magát. De itt van néhány következtetés, amelyet érdemes megfontolni:
az Oldalépítők bizonyos mértékig kiegyensúlyozó cselekedet a teljesítmény és a funkciók között
nem meglepő módon a SiteOrigin Page Builder szinte minden tesztben a legjobb teljesítményt nyújtotta.
de itt van a dolog:
SiteOrigin Page Builder nem csak könnyű, amikor a teljesítmény – ez is könnyű, amikor a funkciók.,
jobb teljesítményt kap, mint a többi oldalépítőé, részben a funkcionalitás feláldozásával.
a teljesítmény-központú, hogy a trade-off lehet, hogy megéri.
de lehet, hogy más emberek hajlandóak egy kis teljesítményre kereskedni egy erősebb oldalépítési élmény érdekében, és nem hiszem, hogy feltétlenül van valami baj ezzel.
az átlagos felhasználó összetettebb oldalt építhet a másik négy oldalépítővel.,
ezért azt hiszem, a legjobb, ha olyan oldalépítőt keres, amely rendelkezik a szükséges funkciókkal, majd összehasonlítja az oldalépítők teljesítményét, amelyek megfelelnek ennek a kritériumnak.
nincsenek jelentős különbségek a nagy teljesítményű WordPress Oldalépítők között
ha kizárja a SiteOrigin oldalépítőt, és csak a funkciókban gazdag oldalépítőkre összpontosít, észre fogod venni, hogy nincs sok különbség közöttük.,
akkor biztosan helyszínen néhány különbség-Elementor egy kicsit nehéz adatbázis lekérdezések, kérések, míg Beaver Builder felajánlotta a legkisebb oldal mérete.
de összességében ezek a bővítmények egyértelműen a teljesítmény optimalizálására dolgoztak, ezért valószínűleg ők a piacvezetők a térben.
Shortcode Lock-in egy igazi megfontolás
ha az élet oldalkészítőjét választja, akkor nem kell aggódnia.,
de ha úgy gondolja, hogy van esély arra, hogy váltson (vagy hagyja abba a) oldalépítőket az úton, fontos rámutatni, hogy ezeknek az oldalépítőknek csak kettő marad teljesen tiszta kód mögött.
a két plugin, amely 100% – os tiszta kódot hagy maga után, a következők:
- Elementor
- Beaver Builder
SiteOrigin Page Builder többnyire tiszta kódot hagy maga után, de nem hagy néhány shortcodes, nevezetesen felbukkan, ahol én használt gombok.,
végül mind a Divi Builder, mind a WPBakery Page Builder egy halom rövid kódot hagy maga után, amelyet meg kell találnia az eltávolításhoz.
milyen tapasztalatai vannak a WordPress Oldalépítők teljesítményével?
természetesen a WordPress webhelyének sebessége csak egy tényező, amelyet figyelembe kell venni a webhely legjobb oldalépítőjének megtalálásakor. Olyan dolgok, mint a könnyű használat, az általuk tartalmazott oldalsablonok minősége, az oldalak stílusának egyszerűsége, az árazás, a támogatás szintje, és sok más tényező is szerepet játszik.,
de, amit végül megpróbálsz előállítani, egy gyönyörű weboldal, amely gyorsan betöltődik, így ezeknek a különböző oldalépítőknek a teljesítménye kritikus szempont.
mik a saját tapasztalatai ezekkel a WordPress page builder bővítményekkel és teljesítményekkel? És ami még fontosabb: mit gondol, hol kell az egyensúlynak lennie a funkciók és a teljesítmény között? Egy másik mélyreható véleményt darab Pippin Williamson a page builder plugins, nézd meg ezt.,
szerző
Colin Newcomer
Colin Newcomer egy szabadúszó író bérlet a háttérben a SEO és affiliate marketing. Segít az ügyfeleknek a web láthatóságának növelésében azáltal, hogy elsősorban a digitális marketingről, a WordPress-ről és a B2B témákról ír.
