Meerdere blok builders op één website
Als je gebruikmaakt van een van de Gutenberg blok builders, komt er een moment dat je iets tekort komt of iets ziet wat je zelf ook zou willen toepassen op een website; kan ik gebruikmaken van meerdere blok builders tegelijkertijd?
Waarom zou je dat willen?
Ik gebruik bijvoorbeeld regelmatig Kadence blocks en Greenshift blocks. Beide zijn uitstekend, compleet en vervullen de functie van een echte pagebuilder. Maar het komt regelmatig voor dat ik iets nodig heb, wat er niet in zit, of elders echt beter is. In vroeger tijden, met builders zoals Divi of Elementor, kon je de functionaliteit uitbreiden met diverse plug-ins. Het nadeel daarvan was dat je op een gegeven moment soms 10, 15 of meer extra plug-ins moest installeren om te bereiken wat je wilde (dat is niet overdreven). Dit maakte de website, die al heel traag is met zowel Divi als Elementor, nog langzamer en bij updates ontstaan vaak problemen omdat niet alles meer compatibel blijkt te zijn.
Gutenberg is Gutenberg, toch?
Dat hoorde en las ik regelmatig. Maar tegelijkertijd weet je als webbouwer, designer, dat te veel plug-ins absoluut af te raden is.
Het goede nieuws
Het goede nieuws is dat je inderdaad meerdere Gutenberg builders, collecties, naast elkaar kunt gebruiken. Het slechte nieuws zou kunnen zijn dat we er dan vanuit gaan dat je goede Gutenberg blocks installeert. Goed wil zeggen ‘intelligent en met goede code geschreven’. Goede code heeft niet echt toelichting nodig; een slordig geschreven applicatie dient je website nooit. Intelligent wil zeggen dat deze alleen code laadt op een pagina of de site als geheel, als het nodig is. Dus als je een extra block collectie geïnstalleerd hebt, maar geen enkele block toepast op een pagina, hoort er ook geen extra code geladen te worden. De meeste degelijke block collecties houden hier rekening mee.
Het minder goede nieuws
Als je gebruikmaakt van meerdere goede Gutenberg builders / block collecties wordt je website niet trager. Soms zelfs sneller, omdat je blocks gebruikt die code-efficiënter zijn. In Editing mode is dit anders. Eén extra block collectie maakt meestal geen verschil. Nog één erbij gaat soms nog, maar daarna gaat de snelheid van je editor echt bergafwaarts. Ook wordt het snel een rommeltje; als je een block toevoegt krijg je een eindeloze lijst te zien en je blijft scrollen.
Video over de impact van meerdere block builders
Jack Cao heeft een YouTube video gemaakt over het effect van het gebruik van meerdere Gutenberg collecties. Hij gebruikt daarbij twee identieke websites. De referentie site maakt alleen gebruik van Kadence blocks. De test site begint ook met Kadence, maar krijgt steeds een Gutenberg builder block collectie erbij.
Uitgangspunt blockbuilders van de test
Op deze pagina ook een lijst van de blockbuilders die getest zijn. Uitgangspunt daarbij, zowel bij mij als bij Jack Cao, is een FSE thema op een gewone shared hosting.
Builders getest
Door mij intensief getest zijn de volgende combinaties:
Kadence blocks en Getwid
- Geen vertraging, ook niet in de editor.
Kadence blocks en Greenshift
- Geen vertraging, ook niet in de editor.
Getest door Jack Cao
Getwid
- Geen vertraging
Atomic blocks
- Heel lichte vertraging
Otter blocks
- Geen vertraging
Gutenblocks
- Geen vertraging
PublishPress
- Geen vertraging
Stackable
- Geen vertraging
Spectra
- Geen vertraging
Conclusie
Hou in de gaten dat de resultaten gaan over het activeren van extra Gutenberg block collecties. Als we kijken naar individuele blocks, bijvoorbeeld een query of een slider, zal het ene block veel zorgvuldiger omgaan met geheugen en processorcapaciteit en dus niet vertragen, dan de andere. Spectra staat bijvoorbeeld niet bekend om zijn efficiënt geschreven blocks, terwijl Kadence, Greenshift, GenerateBlocks (hier niet getest) en Stackable dat wel zijn.
Er zijn meer goede blocks!
We willen de block collecties die we niet getest hebben zeker niet uitsluiten. De hier genoemde collecties zijn niet per se de beste. Ook blockbuilders zoals Gutenkit, Blockera, Nectarblocks, PostX, Zolo, CoBlocks en nog vele anderen kunnen de moeite waard zijn om te gebruiken.