Sinds het begin van dit jaar zijn we continu bezig geweest met het optimaliseren en verfijnen van onze WordPress-ontwikkelworkflow, met een paar duidelijke doelen voor ogen:

• de laadsnelheid van onze websites optimaliseren

• het leven van content creators die met onze sites werken zo comfortabel mogelijk maken

• de ontwikkel- en onderhoudskosten zo laag mogelijk houden

• niet langer beperkt zijn in onze ontwerpen door WordPress-thema’s

• de ultieme oplossing vinden voor beeldaanlevering die voor alle klanten werkt

Een belangrijke factor voor de laadsnelheid van een WordPress-site is de builder, of het thema, waarmee deze is gebouwd. Een thema kan veel overbodige code injecteren om alle pagina’s er goed uit te laten zien.

Er zijn lichtgewicht builders en thema’s op de markt, maar één stak met kop en schouders boven de rest uit:

OxygenBuilder.

Oxygen is uniek omdat het thema’s volledig overbodig maakt. In de builder voegen we alleen de elementen toe die we nodig hebben voor de pagina, en verder niets. Geen ‘bloat’, geen onnodige elementen, geen ongebruikte scripts – helemaal niets.

Het resultaat: schone code met een minimaal aantal verzoeken aan de server, wat resulteert in een razendsnelle website.

Bovendien krijgen we totale ontwerpvrijheid. We hoeven niet langer te worstelen met de eigenaardigheden van een thema: we bouwen het gewoon zelf. Elk grafisch ontwerp dat ons wordt aangeleverd, kunnen we in een mum van tijd implementeren.

Nu we een mooie, schone voorkant hebben, hoe zit het dan met het bewerken van de content?

Content creators en redacteuren hebben een omgeving nodig die zo min mogelijk afleiding biedt en waarin ze zich geen zorgen hoeven te maken over technische websiteaspecten. Met Advanced Custom Fields (ACF) kunnen we een 100% op maat gemaakte bewerkingsworkflow creëren, waarbij de content centraal staat.

Wat het type content ook is, met ACF kunnen we het creëren en bewerken van content omvormen tot een natuurlijk en uitnodigend proces.

Wij zorgen er dan voor dat het er aan de voorkant fantastisch uitziet.

Een andere belangrijke factor voor de paginagrootte en laadsnelheid: afbeeldingen.

Als je site veel afbeeldingen bevat – zoals die van ons – dan wil je die zo geoptimaliseerd mogelijk serveren. Afbeeldingen optimaliseren kan handmatig; Photoshop heeft daar prima tools voor. Maar wij willen dat redacteuren elke afbeelding aan hun content kunnen toevoegen zonder zich zorgen te hoeven maken over optimalisatie.

Er zijn plug-ins die dit voor je regelen, maar die hebben allemaal hun beperkingen. Soms kunnen ze niet veel afbeeldingen tegelijk aan, en meestal zijn ze vrij prijzig en vereisen ze een abonnement.

En toen vonden we statically.io

Statically is een gratis Content Delivery Network (CDN) dat de beeldoptimalisatie voor je uit handen neemt. Even installeren en het werkt: je site serveert volledig geoptimaliseerde afbeeldingen via een snel, wereldwijd CDN.

We hebben zojuist deze afbeelding van het Statically Images-logo aan dit bericht toegevoegd. Het origineel was 55kB (al vrij klein), maar nadat statically.io zijn magie deed, kwam het terug als 22kB!

Soms bestaan dingen die te mooi klinken om waar te zijn dus echt 😉.