Jos sinusta tuntuu hieman rajoittaa joustavuutta ulkoasuja esittänyt WordPress teemoja, saatat olla kiinnostunut rakennus WordPress-verkkosivut kanssa sivun rakentaja plugin.
WordPress sivu rakentajat on tullut hurjan suosittu koska he antaa kuka tahansa, jopa ne, ilman lahja koodi, rakentaa kaunis sivuston tai aloitussivu käyttämällä yksinkertaista vedä ja pudota, WYSIWYG editori., Kun tutkimus, jonka verkkosivuilla rakennusmestari tai WordPress plugin olisi paras sinulle, voit katsoa useita tärkeitä tekijöitä: helppokäyttöisyys, hinnoittelu, sivun layout malleja, jne. Tässä viestissä keskitymme vertaamaan näitä sivun rakentajia yhteen tekijään: nopeuteen.
ovatko valmiit tuotteet, jotka page builders laittaa kaikki samat, kun se tulee suorituskykyä? Tai, ovat nämä rakentajat luoda tehoton koodi paisunut, joka hidastaa oman WordPress sivuston suorituskykyä ja vahingoittaa UX? Kaunis, pikselin täydellinen sivu ei ole paljon arvoinen, jos käyttäjät pomppivat, koska sivustosi kestää 5 sekuntia ladata.,
kuinka nopeasti sivustosi latautuu, on sidottu sen menestykseen. Tilastot osoittavat, että jokainen 100 millisekunnin latausaika luo noin 7 prosentin nousun välitön poistumisprosentti.
Mutta jos et halua ottaa aikaa rakentaa identtinen lasku sivuja eri sivu rakentajia ja testata niiden suorituskykyä, se on vaikea tietää varmasti, kuinka jokainen sivu rakentaja pärjää.
Well… we take the time.,
rakensin lähes identtisiä aloitussivuja, jossa viisi suosittua WordPress sivu rakentajat ja sitten juoksi ne läpi parvi nopeuden testit löytää paras WordPress sivu rakentaja suorituskyvyn. Jaan kaiken datan kanssasi.
Tässä on, Miten aion Testata Näitä 5 Sivu Rakentajia
testaa jokaisen sivun rakentaja suorituskykyä, aion rakentaa aloitussivu käyttäen kunkin viiden sivu rakentajia. Perustan tämän karkeasti laskeutumissivulle, johon on lisätty ja poistettu muutama Elementti.,
nämä aloitussivut ovat mahdollisimman pitkälti täysin identtisiä, vaikka tämä ei ole aina saavutettavissa kunkin sivun rakentajan elementtien vuoksi.
Myös, älä odota, että ne näyttävät yhtä hyvä kuin alkuperäinen Pagely kotisivu, koska olen… no, ei ammattimainen suunnittelija (tai jopa amatööri suunnittelija).,
Kun olen rakentaa aloitussivu, jossa jokainen sivu rakentaja, voin kerätä tietoja käyttämällä kolmea eri työkaluja:
- WebPagetest – antaa yksityiskohtainen suorituskyvyn analysointi, mukaan lukien kuorma-aikaa ja ”speed index”
- Pingdom Tools – tarjoaa sivun lataus aika, sivun koko, pyyntöjen määrä
- Kysely Monitor plugin – näyttää, kuinka monta tietokannan kyselyt plugin tekee ja kuinka kauan ne kyselyt ottaa
olen myös aika, kuinka kauan se vie minut rakentaa demo aloitussivun, mutta suosittelen, että otat nämä luvut ovat karkeita arvioita, eikä absoluuttia., Tässä syy: Menee nämä testit, olen käyttänyt joitakin näistä sivu rakentajat enemmän kuin toiset, joten se ei ole tieteellinen minulle julistaa yksi ”helpompi käyttää” kuin toiset.
tässä ovat Testiasetukseni tekniset yksityiskohdat
jotta näillä testeillä olisi mitään arvoa, niiden on oltava johdonmukaisia. Ja sinun täytyy luottaa siihen, että he ovat johdonmukaisia.
Joten ennen I hypätä mitään varsinaista testausta, käydään läpi miten minun testi sivusto on perustettu:
- Isännöi Pagely
- Käynnissä WordPress 4.9.,2
- Astra-teeman avulla kehittäjille suosittu vaihtoehto parittaa sivun rakentajat
- ei sivupalkia. Full-leveys venytetty säiliö (nämä ovat Astra teema-asetukset)
- Kysely Monitor plugin
- Ei muita lisäosia
- Ei sivu nopeus optimointeja noiden automaattisesti täytäntöön Pagely hosting
Ja tässä ovat page builder plugins että käytän:
- Elementor – versio 1.9.2*
- Beaver Builder Pro – version 2.0.3.1
- Divi Rakentaja plugin (eli ei theme version) – versio 2.0.,31
- WPBakery Page Builder – versio 5.4.2 (aiemmin tunnettu nimellä Visual Composer)
- SiteOrigin Page Builder – versio 2.6.1 plus SiteOrigin Widgetit Bundle versio 1.11.3
*Koska Elementor Pro on lisäosa, pikemminkin kuin erillinen plugin kuin muut premium-versiot, mielestäni se on reilua testata käyttäen ilmainen versio Elementor.
Testit Kunkin WordPress Page Builder
Nyt kun tiedät, mitä nämä testit ovat rakennettu, katsotaanpa hypätä ja tarkastella tietoja!,
jokaisen sivun rakentaja, minä sisältää:
- kuvakaappaus mitä testataan aloitussivu näyttää
- Pingdom performance data
- WebPagetest performance data
- Kuinka kauan se kesti voit luoda sivun (muista – tämä on vain karkea ohje – älä ota sitä niin kovaa vertailu)
- kuvakaappaus mitä tapahtuu, kun poistat sivun tekijä, antaa sinulle käsityksen siitä, kuinka paljon ”lock-in” on
Sitten, lopussa, voin laittaa sen kaikki yhdessä, helppo vertailla taulukon ja tehdä joitakin johtopäätöksiä!, Jos haluat mieluummin jättää play-by-play-pelin väliin, voit klikata tästä hypätäksesi suoraan yhteenvetotaulukkoon.
Elementor Testi
Kuten kaikki page builder plugins esillä täällä, Elementor avulla on helppo luoda upeita verkkosivun nopeasti ilman tietää mitään HTML, CSS, tai Javascript.
Elementor tarjoaa ainutlaatuinen ominaisuus nimeltä ”Elementor Canvas”, jonka avulla voit rakentaa web-sivu täysin tyhjästä — täysin erillään WordPress teema. Ei kenttää, ei valikkoja, ei sivupalkkeja., Se on perimmäinen joustavuutta WordPress muotoilu ja erittäin kätevä luoda vetämällä ja pudottamalla aloitussivut erityisesti (joka usein käyttää ei-standardi kaavoista ja vaativat vähän häiriötekijöitä call to action).,
Mitä aloitussivun Näytti:
Aika Rakentaa Sivu: 22:09
Pingdom Testi Tiedot:
WebPagetest testituloksia:
Kysely Monitorin Tiedot:
Mitä Tapahtuu, Kun Deaktivointi Plugin:
Beaver Builder Testi
Beaver Builder on suosittu verkkosivuilla rakennuksen plugin käyttää yli 175k sivustot. Se on kuuluisa helppokäyttöisyydestään ja intuitiivisesta käyttöliittymästään.,
Se tarjoaa myös joitakin kehittyneitä ominaisuuksia, kuten pikanäppäimet ja kyky tallentaa rivit ja sarakkeet niin, että ne voidaan helposti käyttää uudelleen. Beaver Builder on rakennettu Bootstrap puitteet ja väittää olla nopea ja kevyt., Katsotaanpa, miten se toimii todellisessa maailmassa.
Mitä aloitussivun Näytti:
Aika Rakentaa Sivu: 20:37
Pingdom Testi Tiedot:
WebPagetest testituloksia:
Kysely Monitorin Tiedot:
Mitä Tapahtuu, Kun Deaktivointi Plugin:
Divi Rakentaja Testi
Divi, Tyylikäs Teemoja, on sekä WordPress teema ja itsenäinen page builder plugin., Täällä olemme tarkastellaan suorituskykyä sivuston rakentaja plugin, ei WordPress teema.
Voit luoda sivuja ja virkaa WordPress backend tai jopa suunnitella sivuston avulla WordPress frontend kanssa WYSWIG editori. Divi tarjoaa satoja lapsiteemoja ja valmiiksi rakennettuja sivumalleja. True to its company ’ s name, Divi tarjoaa todella tyylikäs sivun rakennuskokemus paljon Puolan, silmän karkkia, ja intuitiivinen ominaisuuksia.,
Mitä aloitussivun Näytti:
Aika Rakentaa Sivu: 21:02
Pingdom Testi Tiedot:
WebPagetest testituloksia:
Kysely Monitorin Tiedot:
Mitä Tapahtuu, Kun Deaktivointi Plugin:
WPBakery Sivu Rakentaja Testi
Kuten Elementor, WPBakery on usein mukana monia suosittuja WordPress teemoja., Wpbakery erottuu monista muista sivun rakentajista sen vuoksi, kuinka monta lisäosaa ja parannusta on saatavilla. Voit valita yli 200 lisäosaa, jotka tekevät kaiken slick CSS animations parantaa WooCommerce tuotesivut.,
Mitä aloitussivun Näytti:
Aika Rakentaa Sivu: 27:18
Pingdom Testi Tiedot:
WebPagetest testituloksia:
Kysely Monitorin Tiedot:
Mitä Tapahtuu, Kun Deaktivointi Plugin:
SiteOrigin Sivun Rakentaja Testi
SiteOrigin on täysin ilmainen. Vaikka monet sivun rakentajat asentaa omia widgettejä, sivuston alkuperä on ainutlaatuinen, että se pelaa mukava oletuksena WordPress widgetit.,
Mitä aloitussivun Näytti: *SiteOrigin Sivun Rakentaja ei ole counter-elementti, joten käytin staattinen HTML-sen sijaan, mikä antaa hieman etu testit.,
Aika Rakentaa Sivu: 19:51
Pingdom Testi Tiedot:
WebPagetest testituloksia:
Kysely Monitorin Tiedot:
Mitä Tapahtuu, Kun Deaktivointi Plugin:
WordPress Page Builder, Nopeus Vertailu
Kun kaikki testit oli suoritettu ja tiedot crunched, tässä on, miten asiat ravisteli pois.
katsotaan ensin hyvää., Tässä on kokonaiskilpailun voittaja kunkin luokan:
- Nopein Pingdom Sivun latausaika: SiteOrigin Page Builder osoitteessa 390 ms
- Vähiten Pingdom Pyynnöt: SiteOrigin Page Builder 13
- Alin Pingdom-Sivun Koko: SiteOrigin Sivun Rakentaja 245.0 kB
- Nopein WebPagetest Täysin Ladattu Aika: SiteOrigin Sivun Rakentaja 578 ms
- Alin WebPagetest Nopeus Indeksi: SiteOrigin Page Builder 500
- Vähiten Tietokanta Kyselyt: Divi Rakentaja 8
- Alin Tietokanta Kyselyn Aika: Divi Rakentaja 0.,0039 s
Ja nyt katsotaanpa pahin esiintyjä kussakin luokassa meidän testit:
- Hitain Pingdom Sivun latausaika: Beaver Builder osoitteessa 665 ms
- Useimmat Pingdom Pyynnöt: Elementor 28
- Korkein Pingdom-Sivun Koko: Divi Rakentaja klo 532.7 kB
- Hitain WebPagetest Täysin Ladattu Aika: Divi Rakentaja klo 1.294 s
- Korkein WebPagetest Speed Index: Divi Builder osoitteessa 901
- Suurin Tietokanta Kyselyt: Elementor 30
- Suurin Tietokanta Kyselyn Aika: 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?,
tieto on siinä, että voit tulkita itseäsi. Mutta tässä on joitakin päätelmät ovat mielestäni harkitsemisen arvoinen:
Sivu Rakentajat Ovat, siinä Määrin, Tasapainoilua Suorituskyky Ja Ominaisuudet
Yllättävää SiteOrigin Sivun Rakentaja oli paras suorituskyky lähes kaikki testit.
Mutta tässä on asia:
SiteOrigin Page Builder ei ole vain kevyt, kun se tulee suorituskykyä – se on myös kevyt, kun se tulee ominaisuuksia.,
saat muita sivunrakentajia paremman suorituskyvyn osittain toiminnallisuuden uhraamalla.
suorituskyky-keskittynyt, että trade-off voi olla sen arvoista.
Mutta muut ihmiset saattavat olla halukkaita kaupan vähän suorituskykyä tehokkaampi sivu rakennuksen kokemus, ja en usko, että siellä välttämättä mitään vikaa.
keskivertokäyttäjä pystyy rakentamaan monimutkaisemman sivun yhden muun neljän sivun rakentajan kanssa.,
siksi, mielestäni se on parasta etsiä page builder, joka on ominaisuuksia, joita tarvitset ja sitten vertailla suorituskykyä sivu rakentajia, jotka täyttävät sen kriteerit.
ei ole Suuria Eroja Korkea-Powered WordPress Sivu Rakentajia
Jos jättää SiteOrigin Sivun Rakentaja ja vain keskittyä enemmän ominaisuus-rikas sivu rakentajia, huomaat, että siellä ei ole paljon eroa niiden välillä.,
Voit varmasti paikalla joitakin eroja – Elementor on hieman raskas tietokantaan kyselyitä ja pyyntöjä, kun taas Beaver Builder tarjotaan pienin sivun koko.
mutta kaiken kaikkiaan kaikki nämä liitännäiset ovat selvästi toimineet suorituskyvyn optimoimiseksi, minkä vuoksi ne ovat luultavasti markkinajohtajia tilassa.
Shortcode Lock-in On Todellinen Vastike
Jos olet valinnut sivun rakentaja elämän, sinun ei tarvitse huolehtia tästä.,
Mutta jos ajattelet, että on olemassa mahdollisuus saatat kytkin (tai lopettaa) sivu rakentajia tiellä, se on tärkeää huomauttaa, että vain kaksi näistä sivu rakentajat jättää täysin puhdas koodi.
kaksi plugins, jotka jättävät jälkeensä 100% puhdas koodi on:
- Elementor
- Beaver Builder
SiteOrigin Sivun Rakentaja jättää jälkeensä lähinnä puhdas koodi, mutta se ei jätä muutama lyhytkoodit, erityisesti näy, missä voin käyttää painikkeita.,
Lopuksi, sekä Divi Rakentaja ja WPBakery Sivu Rakentaja jättää jälkeensä kasan lyhytkoodit, että sinun täytyy löytää tapa poistaa.
mitä kokemuksia sinulla on WordPress Page Builders Performance-ohjelmasta?
tietenkin, nopeus WordPress verkkosivuilla on vain yksi tekijä harkitsemaan, kun se tulee löytää paras sivu rakentaja, sivuston. Asiat kuten helppokäyttöisyys, laatu page mallit he ovat, kuinka helppoa muotoilu sivuilla on, hinnoittelua, tukea, ja monet muut tekijät tulevat peliin.,
Mutta, mitä olet lopulta yrittää tuottaa on kaunis sivusto, joka latautuu nopeasti, joten suorituskykyä näiden eri sivu rakentajia on kriittinen huomioon.
mitkä ovat omat kokemuksesi näistä WordPress page builder-liitännäisistä ja suorituskyvystä? Ja mikä vielä tärkeämpää, missä sinun mielestäsi tasapainon pitäisi olla ominaisuuksien ja suorituskyvyn välillä? Toinen perusteellinen mielipide pala Pippin Williamson sivu builder plugins, katso tämä.,
Kirjoittaja
Colin Tulokas
Colin Tulokas on freelance-kirjailija vuokraus taustalla on HAKUKONEOPTIMOINTI ja affiliate-markkinointi. Hän auttaa asiakkaita kasvattamaan web-näkyvyyttään kirjoittamalla ensisijaisesti digitaalisesta markkinoinnista, WordPress-ja B2B-aiheista.
