Hvis du føler noget begrænset af den fleksibilitet af layouts, der er leveret af WordPress-temaer, du kan være interesseret i at bygge din WordPress-websider med en side builder plugin.
WordPress side bygherrer er blevet vildt populære, fordi de lader enhver, selv dem, uden at de gave kode, bygge en smuk hjemmeside eller landingsside hjælp af en simpel træk og slip, WYSIWYG-editor., Når du undersøger, hvilken websiteebstedsbygger eller pluginordpress-plugin der ville være bedst for dig, vil du se på en række vigtige faktorer: brugervenlighed, prisfastsættelse, sidelayoutskabeloner osv. I dette indlæg fokuserer vi på at sammenligne disse sidebyggere på en faktor: hastighed.
er de færdige produkter, som page builders sætter ud på samme måde, når det kommer til ydeevne? Eller skaber disse bygherrer ineffektiv kodeopblussen, der bremser dit ?ordpress-siteebsteds ydeevne og skader din U?? En smuk, pi .el perfekt side er ikke meget værd, hvis dine brugere hoppe, fordi dit .ebsted tager 5 sekunder at indlæse.,
hvor hurtigt din hjemmeside belastninger er bundet til dens succes. Statistikker viser, at hver 100 millisekunder af belastningstid skaber en cirka 7% stigning i din afvisningsprocent.
men medmindre du vil tage dig tid til at bygge identiske destinationssider med forskellige sidebyggere og teste deres ydeevne, er det svært at vide med sikkerhed, hvordan hver sidebygger stabler sig op.
Nå… vi tog os tid.,
Jeg byggede næsten identiske destinationssider med fem populære buildersordpress-sidebyggere og kørte dem derefter gennem et væld af hastighedstest for at finde den bedste pageordpress-sidebygger med hensyn til ydeevne. Nu vil jeg dele alle disse data med dig.
Her er Hvordan jeg har Tænkt mig At Teste Disse 5 Side Bygherrer
for At teste hver side builder ‘ s ydeevne, jeg har tænkt mig at opbygge en destinationsside, ved hjælp af hvert af de fem side bygherrer. Jeg vil basere dette groft på den Pagely destinationsside, med et par elementer tilføjet og fjernet.,
disse destinationssider vil så meget som muligt være helt identiske, selvom dette ikke altid kan opnås på grund af de elementer, der er tilgængelige i hver sidebygger.
forvent heller ikke, at de ser så godt ud som den originale Sidelige hjemmeside, fordi jeg er… godt, ikke en professionel designer (eller endda en amatørdesigner).,
Når jeg er ved at bygge den destinationsside, der med hver side builder, vil jeg indsamle data ved hjælp af tre forskellige værktøjer:
- WebPagetest – giver en detaljeret analyse, herunder load tiden, og en “speed index”
- Pingdom Tools – giver page load time, størrelse, antallet af anmodninger
- Query Overvåge plugin – viser, hvor mange database forespørgsler plugin gør, og hvor længe disse forespørgsler tage
jeg vil også tages tid på, hvor lang tid det tager mig at bygge demo-landing page, men jeg anbefaler, at du tager disse tal som et groft skøn, snarere end som absolutter., Her er hvorfor: når jeg går ind i disse test, har jeg brugt nogle af disse sidebyggere mere end de andre, så det er ikke videnskabeligt for mig at erklære en “lettere at bruge” end de andre.
her er de tekniske detaljer i min testopsætning
for at disse test skal have nogen værdi, skal de være konsistente. Og du skal stole på, at de er konsekvente.så før jeg hopper ind i en egentlig test, lad os løbe igennem, hvordan mit teststed er oprettet:
- hostet på Pagely
- kører .ordpress 4.9.,2
- brug af Astra-temaet, en populær mulighed for udviklere at parre med sidebyggere
- ingen sidebjælke. Fuld bredde strakt container (disse er Astra indstillinger for tema)
- Query Overvåge plugin installeret
- Ingen andre plugins installeret
- Ingen side hastighed optimeringer ud over dem, der automatisk gennemføres af Pagely hosting
Og her er den side builder plugins, som jeg vil bruge:
- Elementor – version 1.9.2*
- Beaver Builder Pro – version 2.0.3.1
- Divi Builder plugin (som altså ikke er temaet version) – version 2.0.,31
- WPBakery Side Builder – version 5.4.2 (tidligere kendt som Visual Composer)
- SiteOrigin Side Builder – version 2.6.1 plus SiteOrigin Widgets Bundt version 1.11.3
*Fordi Elementor Pro er en add-on, snarere end en enkeltstående plugin som de andre premium-versioner, jeg synes det er fair at prøve at bruge den gratis version af Elementor.
kører testene for hver enkelt Pageordpress-sidebygger
nu hvor du ved, hvad disse test er bygget på, lad os hoppe ind og se på dataene!,
For hver side builder, jeg vil være med:
- Et screenshot af, hvad der er testet landing page ser ud som om
- Pingdom performance data
- WebPagetest performance data
- Hvor lang tid det tog mig at lave en side (husk – det er bare en grov rettesnor – tag det ikke som en hård sammenligning)
- Et screenshot af, hvad der sker, efter frakobling af side builder, for at give dig en idé om, hvor meget “lock-in”, der er
Så i slutningen, vil jeg sætte det hele sammen i én, let-at-sammenligne bordet og lave nogle konklusioner!, Hvis du hellere vil springe play-by-play over, kan du klikke her for at springe direkte til oversigtstabellen.
Elementor Performance Test
Ligesom alle de side builder plugins fremhævede her, Elementor gør det nemt at lave flotte webside hurtigt uden at vide noget HTML, CSS eller Javascript.Elementor tilbyder en unik funktion kaldet “Elementor Canvas”, som giver dig mulighed for at opbygge en webebside helt fra bunden — helt adskilt fra themeordpress-temaet. Der er ingen sidefod indsat, ingen menuer, ingen sidebjælker., Det er den ultimative fleksibilitet i designordpress design og meget praktisk til at skabe træk og slip destinationssider i særdeleshed (som ofte bruger ikke-standard layout og kræver minimal distraktioner fra opfordring til handling).,
Hvad destinationssiden lignede:
nu er det Tid til At Bygge Side: 22:09
Pingdom Test Data:
WebPagetest Test Data:
Query Overvåge Data:
Hvad der Sker, Efter at Deaktivere Plugin:
Beaver Builder Performance Test
Beaver Builder er et populært website bygning plugin, der anvendes af over 175k hjemmesider. Det er berømt for sin brugervenlighed og intuitiv brugergrænseflade.,
Det tilbyder også nogle avancerede funktioner som tastaturgenveje og muligheden for at gemme rækker og kolonner, så de let kan genbruges. Beaver Builder er bygget på Bootstrap rammer og hævder at være hurtig og let., Lad os se, hvordan det fungerer i den virkelige verden…
Hvad destinationssiden lignede:
nu er det Tid til At Bygge Side: 20:37
Pingdom Test Data:
WebPagetest Test Data:
Query Overvåge Data:
Hvad der Sker, Efter at Deaktivere Plugin:
Divi Builder Performance Test
Divi, med Elegante Temaer, der både er en WordPress tema og en standalone side builder plugin., Her gennemgår vi udførelsen af websiteebsite builder plugin ikke themeordpress tema.
Du kan oprette sider og indlæg i WordPress backend eller endda designe dit websted ved hjælp af WordPress ‘ s frontend med en WYSWIG editor. Divi tilbyder hundredvis af børn temaer og præ-bygget sideskabeloner. Tro mod firmaets navn tilbyder Divi en virkelig elegant sideopbygningsoplevelse med masser af polsk, øjen slik og intuitive funktioner.,
Hvad destinationssiden lignede:
nu er det Tid til At Bygge Side: 21:02
Pingdom Test Data:
WebPagetest Test Data:
Query Overvåge Data:
Hvad der Sker, Efter at Deaktivere Plugin:
WPBakery Side Builder Performance Test
Som Elementor, WPBakery er ofte spækket med mange populære WordPress temaer., WPBakery skiller sig ud fra mange af de andre side bygherrer på grund af hvor mange tilføjelser og forbedringer er tilgængelige. Du kan vælge mellem over 200 add ons, der gør alt fra slick CSS Animationer til at forbedre dine productoocommerce produktsider.,
Hvad destinationssiden lignede:
nu er det Tid til At Bygge Side: 27:18
Pingdom Test Data:
WebPagetest Test Data:
Query Overvåge Data:
Hvad der Sker, Efter at Deaktivere Plugin:
SiteOrigin Side Builder Performance Test
SiteOrigin er helt gratis. Mens mange side bygherrer installere deres egne .idgets, Site Origin er unik i, at det spiller godt med standard .ordpress wididgets.,
hvordan destinationssiden så ud: *SiteOrigin Page Builder har ikke et tællerelement, så jeg brugte statisk HTML i stedet, hvilket giver det en lille fordel i ydelsestestene.,
nu er det Tid til At Bygge Side: 19:51
Pingdom Test Data:
WebPagetest Test Data:
Query Overvåge Data:
Hvad der Sker, Efter at Deaktivere Plugin:
WordPress Side Builder Hastighed Forhold
Efter at alle test blev kørt, og de data, kværnet, her er hvordan tingene rystede ud.
lad os se på det gode først., Her er den samlede vinder fra hver kategori:
- Hurtigste Pingdom Side Load Time: SiteOrigin Side Builder på 390 ms
- Færrest Pingdom Anmodninger: SiteOrigin Side Builder med 13
- Laveste Pingdom Side Størrelse: SiteOrigin Side Builder med 245.0 kB
- Hurtigste WebPagetest Fuldt Lastet Tid: SiteOrigin Side Builder med 578 ms
- Laveste WebPagetest Speed Index: SiteOrigin Side Builder på 500
- Færrest Database Forespørgsler: Divi Builder med 8
- Laveste Database Query Time: Divi Builder i 0.,0039 s
Og lad os nu se på de værste performer i hver kategori i vores test:
- Langsomste Pingdom Side Load Time: Beaver Builder på 665 ms
- de Fleste Pingdom Anmodninger: Elementor med 28
- Højeste Pingdom Side Størrelse: Divi Builder på 532.7 kB
- Langsomste WebPagetest Fuldt Lastet Tid: Divi Builder på 1.294 s
- Højeste WebPagetest Speed Index: Divi Builder på 901
- de Fleste Søgninger i Databasen: Elementor med 30
- Højeste Database Query Time: Elementor på 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?,
dataene er der for dig at fortolke dig selv. Men her er nogle af de konklusioner, jeg synes er værd at overveje:
Side Bygherrer, At en vis Grad, En balancegang Mellem Ydelse Og Funktioner
ikke Overraskende SiteOrigin Side Builder havde de bedste resultater i næsten alle tests.
Men her er de ting:
SiteOrigin Side Builder er ikke bare let, når det kommer til performance – det er også let, når det kommer til funktioner.,
du får bedre ydeevne end de andre sidebyggere ved delvis at ofre funktionaliteten.
for den præstationsfokuserede kan denne afvejning være det værd.
men andre mennesker er måske villige til at handle lidt ydeevne for en mere kraftfuld sideopbygningsoplevelse, og jeg tror ikke, at der nødvendigvis er noget galt med det.
Den gennemsnitlige bruger vil være i stand til at opbygge en mere kompleks side med en af de andre fire side bygherrer.,
af den grund synes jeg det er bedst at kigge efter en sidebygger, der har de funktioner, du har brug for, og derefter sammenligne ydelsen for sidebyggere, der opfylder disse kriterier.
Der Er ikke Store Forskelle Mellem Høj-Drevne WordPress Side Bygherrer
Hvis du ekskluderer SiteOrigin Side Builder og blot fokusere på de mere feature-rige side bygherrer, som du vil bemærke, at der ikke er et ton af forskellen mellem dem.,
du kan helt sikkert se nogle forskelle – Elementor er lidt tung på databaseforespørgsler og anmodninger, mens Beaver Builder tilbød den mindste sidestørrelse.
men generelt har alle disse plugins klart arbejdet for at optimere ydeevnen, hvilket sandsynligvis er grunden til, at de er markedsledere i rummet.
Kortkodelås er en reel overvejelse
hvis du vælger en sidebygger for livet, behøver du ikke bekymre dig om dette.,
Men hvis du mener der er en chance for du kan skifte (eller stoppe med at bruge) side bygherrer ned ad vejen, det er vigtigt at pointere, at kun to af disse side bygherrer efterlade helt ren kode.
De to plugins, der efterlader 100% ren kode er:
- Elementor
- Beaver Builder
SiteOrigin Side Builder efterlader det meste ren kode, men det efterlader et par af kortkoder, især viser op, hvor jeg brugte knapper.,
endelig efterlader både Divi Builder og .pbakery Page Builder en bunke kortkoder, som du skal finde en måde at fjerne.
Hvad er dine oplevelser med Performanceordpress Page Builders ydeevne?
selvfølgelig er hastigheden på dit .ordpress-websiteebsted kun en faktor, du skal overveje, når det kommer til at finde den bedste sidebygger til dit .ebsted. Ting som brugervenlighed, kvaliteten af sideskabeloner, de inkluderer, hvor let stylingen af siderne er, prisfastsættelse, supportniveau og mange andre faktorer spiller ind.,men det, du i sidste ende forsøger at producere, er et smukt websiteebsted, der indlæses hurtigt, så udførelsen af disse forskellige sidebyggere er en kritisk overvejelse.
Hvad er dine egne erfaringer med disse pluordpress side builder plugins og ydeevne? Og endnu vigtigere, hvor tror du, at balancen skal ligge mellem funktioner og ydeevne? For en anden i dybden udtalelse stykke fra Pippin .illiamson på side builder plugins, tjek dette ud.,
Forfatter
Colin Nybegynder
Colin Nyankomne er en freelance skribent til leje med baggrund i SEO og affiliate marketing. Han hjælper klienter med at øge deres visibilityebsynlighed ved primært at skrive om digital marketing, topicsordpress og B2B emner.
