Hvis du føler noe begrenset av fleksibilitet for layoutene som er levert av WordPress temaer, du kan være interessert i å bygge din WordPress websider med en side builder-plugin.
WordPress side utbyggere har blitt svært populære fordi de lar alle, selv de uten gave av koden, bygge en vakker nettsted eller destinasjonssiden ved hjelp av en enkel dra-og-slipp, WYSIWYG editor., Som du forskning som nettsted byggmester eller WordPress plugin som ville være best for deg, vil du se på en rekke viktige faktorer: brukervennlighet, priser, side layout maler, osv. I dette innlegget, vi fokuserer på å sammenligne disse side utbyggere på én faktor: hastighet.
Er de ferdige produktene, som siden utbyggere sette ut alle de samme når det kommer til ytelse? Eller, er disse utbyggere å skape ineffektiv kode bloat som bremser ned din WordPress nettstedet ytelse og skader din UX? En vakker, pixel perfekt side er ikke verdt mye hvis brukerne sprette fordi nettstedet ditt tar 5 sekunder på å laste inn.,
Hvordan du raskt din webside lastes inn, er knyttet til dens suksess. Statistikken viser at hver 100 millisekunder legg i tid skaper en ca 7% økning i fluktfrekvensen.
Men hvis du vil ta tid å bygge identiske sider med annen side byggherrer og teste sine prestasjoner, det er vanskelig å vite sikkert hvordan hver side builder stabler opp.
Vel… vi tok tiden.,
jeg bygget nesten identiske sider med fem populære WordPress side byggherrer og deretter kjørte dem gjennom en flokk av hastighet tester for å finne de beste WordPress side byggmester i form av ytelse. Nå, jeg kommer til å dele alle som data med deg.
Her er Hvordan jeg Kommer til Å Teste Disse 5 Side Utbyggere
for Å teste hver side byggmester ytelse, jeg kommer til å bygge en destinasjonsside med hvert av de fem side utbyggere. Jeg vil basere dette omtrent på Pagely destinasjonssider, med et par elementer lagt til og fjernet.,
Disse sider vil bli, så mye som mulig, helt identiske, selv om dette ikke alltid er oppnåelig på grunn av de elementene som er tilgjengelige i hver side builder.
Også, ikke forvent dem til å se så bra som den opprinnelige Pagely hjemmeside fordi jeg er… vel, ikke en profesjonell designer (eller til og med en amatør designer).,
Når jeg bygge destinasjonssiden med hver side builder, vil jeg samle inn data ved hjelp av tre forskjellige verktøy:
- WebPagetest – gir en detaljert ytelse analyse, inkludert legg i tid, og en «speed index»
- Pingdom Verktøy – gir sideinnlastingstid, side størrelse, antall forespørsler
- Spørring Overvåke plugin – viser hvor mange database spørringer plugin gjør og hvor lenge de spørsmål ta
jeg vil også tid for hvor lang tid det tar meg å bygge den demo landing side, men jeg anbefaler at du tar disse tallene som et grovt anslag, snarere enn absolutte sannheter., Her er hvorfor: å Gå inn i disse testene, jeg har brukt noen av disse side utbyggere mer enn andre, så det er ikke vitenskapelig for meg å erklære en «enklere» enn de andre.
Her Er De Tekniske Detaljene I Min Test-Oppsett
For disse testene til å holde noen verdi, må de være konsekvente. Og du må stole på at de er konsekvente.
Så før jeg hopper inn noen faktiske testing, la oss kjøre gjennom hvordan min test-nettstedet er satt opp:
- Arrangert på Pagely
- Kjører WordPress 4.9.,2
- ved Hjelp av Astra tema, et populært alternativ for utviklere hvis du vil sammenkoble med side utbyggere
- Nei sidebar. Full bredde strukket container (disse er Astra tema valg)
- Spørring Overvåke plugin installert
- Ingen andre plugins installert
- Nei page speed optimaliseringer utover de automatisk implementert av Pagely hosting
Og her er siden builder plugins som jeg skal bruke:
- Elementor – versjon 1.9.2*
- Beaver Builder Pro – versjonen 2.0.3.1
- Divi Builder-plugin (dvs. ikke temaet versjon) – versjon 2.0.,31
- WPBakery Side Builder – versjon 5.4.2 (tidligere kjent som Visual Composer)
- SiteOrigin Side Builder – versjon 2.6.1 pluss SiteOrigin Widgets Bunt versjon 1.11.3
*Fordi Elementor Pro er en add-on, snarere enn en frittstående plugin som de andre premium-versjoner, jeg tror det er rimelig å teste dette ved hjelp av gratis versjon av Elementor.
Testene For Hver Enkelt WordPress Side Builder
Nå som du vet hva disse testene er bygget på, la oss hoppe i det og se på data!,
For hver side builder, jeg vil omfatte:
- Et skjermbilde av hva som er testet landing side ser ut som
- Pingdom ytelse data
- WebPagetest ytelse data
- Hvor lang tid det tok meg å lage denne siden (husk – dette er bare omtrentlige angivelser – ikke ta det som en hard sammenligningen)
- Et skjermbilde av hva som skjer etter deaktivere side builder, for å gi deg en idé om hvor mye «lock-in» det er
Så, på slutten, vil jeg sette det hele sammen i ett, lett-å-sammenlign bord og gjøre noen konklusjoner!, Hvis du vil heller vil hoppe play-by-play, kan du klikk her for å hoppe rett til den oppsummerende tabellen.
Elementor Ytelse Test
Som alle siden builder plugins som er omtalt her, Elementor gjør det enkelt å lage flotte nettside raskt og uten å måtte vite HTML, CSS eller Javascript.
Elementor tilbyr en unik funksjon kalt «Elementor Lerret», som lar deg bygge en webside helt fra grunnen av — helt atskilt fra WordPress tema. Det er ingen bunntekst satt inn, ingen menyer, no sidebars., Det er den ultimate fleksibiliteten i WordPress design og veldig nyttig for å skape dra og slipp destinasjonssider spesielt (som ofte bruker ikke-standard oppsett og krever minimalt med forstyrrelser fra samtale til handling).,
Hva destinasjonssiden Så ut Som:
Tid Å Bygge Side: 22:09
Pingdom Test Data:
WebPagetest Test Data:
Spørring Overvåke Data:
Hva Skjer Etter Deaktivere Plugin:
Builder Beaver Ytelse Test
Builder Beaver er et populært nettsted bygge plugin som brukes av over 175k nettsteder. Det er berømt for sin brukervennlighet og intuitiv UI.,
Det tilbyr også noen avanserte funksjoner som snarveier på tastaturet og muligheten til å lagre rader og kolonner slik at de kan gjenbrukes lett. Beaver Builder er bygget på Bootstrap rammeverk og krav for å være rask og lett., La oss se hvordan det fungerer i den virkelige verden…
Hva destinasjonssiden Så ut Som:
Tid Å Bygge Side: 20:37
Pingdom Test Data:
WebPagetest Test Data:
Spørring Overvåke Data:
Hva Skjer Etter Deaktivere Plugin:
Divi Builder Ytelse Test
Divi, med Elegante Temaer, er både en WordPress tema og en frittstående side builder-plugin., Her er vi evaluerer ytelsen til nettsted byggmester plugin ikke WordPress tema.
Du kan opprette sider og innlegg i WordPress backend eller selv designe ditt nettsted ved hjelp av WordPress er frontend med en WYSWIG redaktør. Divi har hundrevis av barn temaer og pre-bygget side maler. Tro mot sitt selskapets navn, Divi, og tilbyr en virkelig elegant side building opplevelse med mye polsk, eye candy, og intuitive funksjoner.,
Hva destinasjonssiden Så ut Som:
Tid Å Bygge Side: 21:02
Pingdom Test Data:
WebPagetest Test Data:
Spørring Overvåke Data:
Hva Skjer Etter Deaktivere Plugin:
WPBakery Side Builder Ytelse Test
Som Elementor, WPBakery er ofte pakket sammen med mange populære WordPress temaer., WPBakery skiller seg ut fra mange av de andre side utbyggere på grunn av hvor mange add-ons og ekstrautstyr som er tilgjengelig. Du kan velge mellom over 200 add ons som gjør alt fra glatt CSS-animasjoner for å forbedre din WooCommerce produkt sider.,
Hva destinasjonssiden Så ut Som:
Tid Å Bygge Side: 27:18
Pingdom Test Data:
WebPagetest Test Data:
Spørring Overvåke Data:
Hva Skjer Etter Deaktivere Plugin:
SiteOrigin Side Builder Ytelse Test
SiteOrigin er helt gratis. Mens mange side utbyggere installere egne widgets, Siden Opprinnelse er unik i at det spiller fint med standard WordPress widgets.,
Hva destinasjonssiden Så Som: *SiteOrigin Side Builder ikke har en teller element, så jeg brukte statiske HTML i stedet, noe som gir det en liten fordel i ytelsestester.,
Tid Å Bygge Side: 19:51
Pingdom Test Data:
WebPagetest Test Data:
Spørring Overvåke Data:
Hva Skjer Etter Deaktivere Plugin:
WordPress Side Builder Hastighet Sammenligning
Etter at alle testene ble kjørt og data knaste, her er hvordan ting rystet ut.
La oss se på den gode først., Her er vinneren fra hver kategori:
- Raskeste Pingdom sideinnlastingstid: SiteOrigin Side Builder på 390 ms
- Færrest Pingdom Forespørsler: SiteOrigin Side Builder med 13
- Laveste Pingdom Side Størrelse: SiteOrigin Side Builder med 245.0 kB
- Raskeste WebPagetest Fullastet Tid: SiteOrigin Side Builder med 578 ms
- Laveste WebPagetest Speed Index: SiteOrigin Side Builder på 500
- Færrest Database Spørringer: Divi Builder med 8
- Laveste Database Spørring Tid: Divi Builder i 0.,0039 s
la oss nå se på det verste utøver i hver kategori i våre tester:
- Tregeste Pingdom sideinnlastingstid: Bever Bygger på 665 ms
- de Fleste Pingdom Forespørsler: Elementor med 28
- Høyeste Pingdom Side Størrelse: Divi Builder på 532.7 kB
- Tregeste WebPagetest Fullastet Tid: Divi Builder på 1.294 s
- Høyeste WebPagetest Speed Index: Divi Builder på 901
- de Fleste Database Spørringer: Elementor med 30
- Høyeste Database Spørring Tid: 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?,
data er det for deg å tolke selv. Men her er noen konklusjoner jeg tror er verdt å vurdere:
Side Utbyggere Er, Til En viss Grad, En Balansegang Mellom Ytelse Og Funksjoner
ikke overraskende SiteOrigin Side Builder hadde den beste ytelsen i nesten alle tester.
Men her er tingen:
SiteOrigin Side Builder er ikke bare lett når det kommer til ytelse – det er også lett når det kommer til funksjoner.,
Du får bedre ytelse enn den andre side utbyggere av, i en del, går på bekostning av funksjonaliteten.
For ytelse-fokusert, at trade-off kan være vel verdt det.
Men andre folk kan være villige til å handle en bit av ytelse for en mer kraftfull side å bygge erfaring, og jeg tror ikke det er nødvendigvis noe galt med det.
Den gjennomsnittlige brukeren vil være i stand til å bygge en mer avansert side med en av de fire andre siden utbyggere.,
av den grunn, jeg tror det er best å se etter en side builder som har de funksjonene du trenger, og deretter sammenligne resultatene av side utbyggere som oppfyller dette vilkåret.
Det Er ikke Store Forskjeller Mellom High-Powered WordPress Side Utbyggere
Hvis du utelukke SiteOrigin Side Builder og bare fokusere på mer funksjonsrik side utbyggere, vil du legge merke til at det ikke er massevis av forskjellen mellom dem.,
Du kan sikkert se noen forskjeller – Elementor er litt for tung på database spørringer og-forespørslene, mens Builder Beaver tilbudt den minste størrelsen.
Men totalt sett alle av disse plugins har helt klart vært jobbet med å optimalisere ytelsen, som er nok derfor de er markedslederne i verdensrommet.
Kortnummer Lock-in Er En Reell Betraktning
Hvis du velger en side builder for livet, trenger du ikke å bekymre deg for dette.,
Men hvis du tror det er en sjanse for at du kan bytte (eller slutte å bruke) side utbyggere nedover veien, og det er viktig å påpeke at bare to av disse side utbyggere etterlate helt ren kode.
De to plugins som la bak 100% ren koden er:
- Elementor
- Builder Beaver
SiteOrigin Side Builder etterlater seg for det meste ren kode, men det gjør igjen et par kortkoder, særlig vil dukke opp uansett hvor jeg brukte knapper.,
til Slutt, både Divi Builder og WPBakery Side Builder forlate bak en haug av kortkoder at du trenger å finne en måte å fjerne.
Hva Er Dine Erfaringer Med WordPress Side Utbyggere Ytelse?
selvfølgelig, hastigheten på din WordPress nettsted er bare en faktor å vurdere når det gjelder å finne de beste side builder for nettstedet ditt. Ting som brukervennlighet, den kvaliteten på side maler de har, hvor lett styling av sidene er, priser, nivå av støtte, og mange andre faktorer spiller inn.,
Men, hva du til syvende og sist prøver å lage en vakker nettsted som laster raskt, slik at ytelsen av disse annen side utbyggere er en kritisk vurdering.
Hva er dine egne erfaringer med disse WordPress side builder plugins og ytelse? Og enda viktigere, hvor tror du balansen bør ligge mellom funksjoner og ytelse? For en annen i dybden debattinnlegg fra Pippin Williamson på side builder plugins, sjekk ut dette.,
Forfatter
Colin Nykommer
Colin Nykommer er en freelance skribent for leie med bakgrunn i SEO og affiliate markedsføring. Han hjelper kundene med å vokse deres web synlighet ved å skrive primært om digital markedsføring, WordPress, og B2B emner.
