Bricks Builder review

Wat is Bricks?

Bricks builder is net zoals Elementor, Divi, Oxygen en Avada een page builder voor WordPress waarmee je websites kunt ontwikkelen. Door middel van voorgebouwde elementen, denk aan headers, afbeeldingen, teksten en knoppen, ontwikkel je een website op maat.

Waar Elementor en Divi heel erg gericht zijn op het eenvoudige gebruik voor (bijna) iedereen. Is de Bricks interface meer gericht op de mensen die wat meer ervaring hebben met het ontwikkelen van websites, en daardoor bekend zijn met termen als HTML, CSS, div, secties en containers.

Wie met Bricks Builder gaat werken, zal pagina’s op gaan bouwen aan de hand van secties, content groeperen in divs en CSS gebruiken om globale styling toe te passen. Met als resultaat een super snelle, stabiele en bovenal duurzame website. 

De beste tool voor écht lichte en duurzame websites

Bricks is echt een uitblinker als het aankomt op snelheid en duurzaamheid van websites. Dit komt omdat Bricks je de volledige vrijheid geeft om zelf pagina’s van scratch op te bouwen. Hierdoor heb je zelf in de hand hoeveel code er gebruikt wordt voor het bouwen van een bepaald website-onderdeel.  Bij de meer gebruiksvriendelijke builders zoals Elementor en Divi ligt dit net even anders.

Hoe page-builders vaak werken

Veel page builders willen het zo makkelijk mogelijk maken om een WordPress website te ontwikkelen. Daarom doen ze een stukje voorwerk voor je. Als je een blok aan een pagina toe wilt voegen, dan kies je uit hoeveel kolommen deze bestaat, om vervolgens je content, bijvoorbeeld afbeeldingen en tekst in deze kolommen te plaatsen. Als laatst pas je de opmaak aan, en je perfecte pagina is klaar. Tenminste, zo lijkt het. Want aan de achterkant van je website (in de code) zul je zien dat er ongelofelijk veel codes gebruikt zijn voor het opbouwen van een klein onderdeel van je website. Iets wat direct grote impact heeft op de snelheid én duurzaamheid van je website. 

Hoe Bricks builder dit doet

Bij Bricks werkt dit anders. Hier begin je door een section op je website te plaatsen. Vervolgens kun je door gebruik te maken van CSS (een vorm van coderen, gericht op styling) bepalen uit hoeveel kolommen deze section bestaat. Wil je content toevoegen, dan bepaal je zelf of je dit in één of meerdere divjes plaats, afhankelijk van de benodigde opmaak. Eigenlijk zoals je dit ook zou doen wanneer je de website van scratch codeert. Het is hierbij de kunst om goed na te denken hoe je de individuele elementen gebruikt, en daarnaast efficiënt te werken. Hierdoor kun je hele complexe websites bouwen met een minimale hoeveelheid codes. Doordat je gebruikt maakt van CSS is het responsive maken van je website iets wat bijna automatisch gaat.

Meer code = meer stroomverbruik

Als het gaat over duurzaamheid dan betekenen meer codes, meer stroomgebruik. Voornamelijk omdat een website met meer codes groter is (in KB’s / MB’s) en daardoor meer serverruimte nodig heeft. Maar ook omdat meer data onderaan de streep eenvoudigweg betekent dat een computer harder moet werken om de website te laden. En dus meer stroom verbruikt.

Dit lijkt misschien verwaarloosbaar. Maar als je, je bedenkt dat er op dit moment ongeveer 1,7 miljard websites op het internet staan, dan gaat dit om enorme hoeveelheden stroom. Met een kleine aanpassing in de werkwijze kan er dus al flink wat energie uitgespaard worden.

Bricks maakt gebruik van CSS classes en ID’s

Naast de opbouw heb je bij Bricks builder de mogelijkheid om voor de styling van je website, gebruik te maken van CSS. Ook dit is anders dan bij de eenvoudigere page-builders. Bij de eenvoudigere builders pas je de styling vaak aan door een kleur, grootte en lettertype te kiezen. Bij Bricks doe je dit door CSS regels te gebruiken. Hiermee kun je bijvoorbeeld één regel meerdere keren toepassen om een element telkens dezelfde opmaak te geven. Daardoor ziet elk element er op de hele website hetzelfde uit. Dit scheelt wederom veel extra codes, en als je het goed doet heel veel tijd tijdens het bouwen. Daarnaast zorgt dit voor consistentie in het ontwerp van de website. 

Belangrijkste kenmerken van Bricks

Zoals je al hebt kunnen lezen is Bricks builder net even anders dan de meeste WordPress page-builders. Hieronder lees je de features die wij erg waarderen bij Bricks builder.

Bricks is een thema en géén plugin

Page builders zijn vaak plugins die je installeert op je WordPress website. Waarbij je een thema moet installeren dat hier goed mee samenwerkt. Bricks daarentegen is van zichzelf een thema. Je zou dus een hele website kunnen maken met Bricks zonder ook maar één plugin te gebruiken. Doordat je geen aanvullende plugins nodig hebt, hoeven er ook geen onnodige codes en scripts ingeladen te worden. Hierdoor is Bricks super snel in gebruik.

Kopiëren en plakken van secties, divs, elementen

Kopiëren en plakken is iets wat tegenwoordig bij de meeste page-builders wel mogelijk is. Alleen werkt het bij Bricks net even wat gemakkelijker. Je kunt elementen (bijvoorbeeld secties, headings, afbeeldingen) kopiëren en plakken binnen de website waaraan je werkt, maar je kunt je eigen elementen ook kopiëren van een website waaraan je eerder hebt gewerkt. Vervolgens kun je deze plakken in de website waar je op dit moment aan werkt.  Zo wordt het bouwen van je website een stuk minder tijdrovend. 

Waar je bij veel builders de sectie inclusief alle opmaak kopieert, is dit bij Bricks niet het geval. Doordat je de styling toevoegt in CSS kopieer je eigenlijk een element zonder de opmaak. Met de CSS filters en regels pas je vervolgens de styling van je element aan. Wie gebruik maakt van een CSS framework (bijvoorbeeld ACSS) zal zien dat zodra het element geplakt is, deze direct al een groot deel van de styling van je website overneemt. Iets waar je als ontwikkelaar waarschijnlijk veel tijd mee bespaart.

Wat kost een licentie voor Bricks Builder?

Een bijkomend voordeel van Bricks is dat de licentie op dit moment (nog) wordt verkocht als een lifetime deal. Je betaalt eenmalig $ 99,- om Bricks op 1 website te gebruiken. Ben je zelf een webdesigner en wil je Bricks op de websites van je klanten gebruiken? Dan betaal je voor het Unlimited pakket eenmalig $ 249,-. Hiermee kun je Bricks op zoveel websites installeren en gebruiken als je wilt. Laat je een website door ons maken? Dan zit de licentie voor Bricks hierbij in.

🔗 Bricks Builder

Onze conclusie

Wat ons betreft is er op dit moment geen beter product op de markt om te gebruiken voor het ontwikkelen van een duurzame WordPress website. We hebben onder andere gekeken naar de standaard Gutenberg editor in combinatie met bijvoorbeeld Kadence Blocks, maar uit onze test kwam dat een website met Bricks nog net een stukje lichter is. Een tool waar Bricks vaak mee vergeleken wordt is Oxygen. Dat begrijpen we, want de functionaliteiten zijn bijna hetzelfde. Net als Oxygen maakt Bricks gebruik van CSS classes en ID’s waardoor je als ontwikkelaar veel vrijheid hebt. Maar de snel ladende editor en de intuïtieve gebruikersinterface zorgen ervoor dat wij nog net wat liever met Bricks werken. Op dit moment zijn we een WooCommerce webshop aan het ontwikkelen en ook hierbij zien we dat dit makkelijk werkt. Uiteraard heeft iedere builder zijn voor- en nadelen, maar voor nu zijn we erg tevreden met de keuze voor Bricks.

Testresultaten

Uiteraard hebben we onze website even door wat testjes heen gehaald en de uitslagen zijn wat ons betreft erg positief. Zie hieronder het resultaat van 2 van deze testen.