Je website optimaal laten presteren is helemaal niet zo simpel. We beschikken dan wel tegenwoordig over een hoop mooi online gereedschap, maar je kunt je ook verliezen in het woud aan informatie. Dus hoe gaan we hiermee om en welke trucs passen we toe?

Het optimaliseren op veiligheid, snelheid en SEO is de laatste fase van het ontwerpproces van een website. En na oplevering sleutelen we vaak nog wat verder, want een website is nooit af. Zouden we dit niet doen, dan duurt het zeer lang voor de site in de browser bij de bezoeker wordt afgeleverd. Er gebeurt dan iets wat we absoluut niet willen. Ten eerste wordt de bezoeker, meestal na een seconde of 5 tot 10 ongeduldig en klikt weg om vervolgens bij de concurrent te gaan kijken. Maar ook de robots van Google merken dit op en plaatsen de website lager in de ranking.

Ook al is de snelheid van een gemiddelde internetverbinding wereldwijd de afgelopen 20 jaar enorm toegenomen, maar de grootte van grafische content is eveneens gegroeid, want je kunt tegenwoordig niet meer aankomen met een website met alleen maar tekst. Dat houdt in dat we een website nog steeds moeten optimaliseren voor snelheid, want ook in een internetcafé in Zimbabwe moet je website snel kunnen laden.

Hoe maken we je website sneller? Dat doen we onder andere op de volgende manieren:

  • Schone code

    Het is de voornaamste reden waarom grote bedrijven programmeurs hun content management systeem helemaal zelf laten schrijven, zodat ze overal controle over hebben. Hoewel het fantastische systemen zijn, hebben Wordpress en Joomla als groot nadeel dat het voorgekauwde code is, die in veel gevallen niet altijd efficiënt is geschreven. Vaak worden bestanden geladen die voor de uitvoer helemaal niet nodig zijn omdat je sommige functies daarvan niet eens gebruikt.
  • Zo klein mogelijke mediabestanden

    Dit is een inkoppertje. Toch zie ik op sites nog steeds veel verkleinde afbeeldingen en dat is zonde, want de afbeelding wordt wel geladen in ware grootte en daardoor is het bestand ook groter en laadt langzamer.

    NB: Wil je weten wat de daadwerkelijk grootte van een plaatje op het internet is? Ga op het plaatje staan en klik rechtermuisknop en selecteer Afbeelding openen in nieuw tabblad in Chrome of Afbeelding bekijken in Firefox. Het opent een nieuw window met het plaatje in werkelijke grootte.
  • Embedden van content

    Embedden is het plaatsen van media in een zgn. Iframe op je website dat geladen wordt vanaf een andere server. Dit passen we heel veel toe bij video. Een filmpje laadt veel sneller wanneer het geëmbed is en afspeelt op je website, maar eigenlijk op de server van Youtube staat. Je kunt het filmpje zelf ook hosten, maar dan duurt het laden of streamen vaak veel langer. Youtube is daar gewoon veel beter in, dus dan is de keuze simpel.
  • Caching

    Caching is het toverwoord voor het sneller maken van je website. Cachen is het tijdelijk opslaan van data op een plek waar die snel beschikbaar is. Soms hebben we te maken met wel vier zgn. cachesystemen, waaronder die in de websitesoftware zelf, bijv. in Joomla, een cachefunctie op de server, de cache van een CDN (zie hieronder) en cache van de browser zelf. Bij Big Baboon maken we optimaal gebruik van deze functies. Vooral zaken die niet veel aan verandering onderhevig zijn, zoals afbeeldingen en style sheets worden gecached, zodat ze bij terugkeer op de website veel sneller laden.
  • Lazy loading

    Bij het openen van een normale pagina zonder lazy loading wordt alles in één keer geladen, ook als je daarvan maar een fractie wilt lezen. Dat kost tijd. Het is veel efficiënter om alleen datgene te laden wat we willen zien. We proberen dit steeds vaker toe te passen en veel extensies, bijvoorbeeld foto galleries zijn er al standaard mee uitgerust. Met behulp van javascript wordt de content op een pagina pas geladen wanneer die de zgn. viewport bereikt, het zichtbare deel van de pagina. Je nieuwsfeed op Facebook is een voorbeeld van lazy loading.
  • GZIP compressie

    Deze compressiemethode werkt via de server die de bestanden als kleinere pakketjes naar de browser stuurt. Het werkt een beetje zoals de compressie van een ZIP bestand, die we allemaal wel kennen. De techniek die erachter zit is vrij gecompliceerd, maar toepassen ervan is zo makkelijk als aan de server vertellen dat je GZip compressie wil activeren. Als het zonder fouten werkt, dan kan dit je behoorlijk wat tijdwinst opleveren.
  • CDN

    Veel websites op het internet lopen tegenwoordig via een Content Delivery Network (CDN), een server die als een shortcut fungeert tussen de bezoeker en je website. Als bijkomend voordeel kan deze server veel informatie cachen, zodat deze direct beschikbaar is bij een terugkerend bezoek. Bij Big Baboon gebruiken we het CDN Cloudflare voor alle websites.

Er zijn natuurlijk nog veel meer factoren die de snelheid van onze websites positief dan wel negatief beïnvloeden. Ook de soort hosting, de locatie van de server, en of de site de content opzoekt in een database of niet. En dan hebben we nog niet eens gehad over de keuze aan bestandstypes voor afbeeldingen of het vervangen van simpele afbeeldingen door css code. Allemaal zaken die van invloed zijn. Maar het geeft je hopelijk zo wat inzicht in hoe Big Baboon de website voor je optimaliseert.

Hoe maken we je website sneller?

Je website optimaal laten presteren is helemaal niet zo simpel. We beschikken dan wel tegenwoordig over een hoop mooi online gereedschap, maar je kunt je ook verliezen in het woud aan informatie. Dus hoe gaan we hiermee om en welke trucs passen we toe?

Lees meer...

Muziek streamen op je (Joomla!)-website

Wie een aantal jaar geleden op een website MP3's wilde plaatsen, gebruikte daarvoor een Flashplayer. Deze werken nog steeds, maar om veiligsheidsredenen moeten we van de browser eerst toestemming geven om Flashinhoud te kunnen afspelen. Dat schrikt gebruikers af. 

Lees meer...

Joomla 4 komt bijna uit. Dit gebeurt er met je website! 

Belangrijk nieuws voor als je website gebouwd is in Joomla!

Joomla! is bezig aan de ontwikkeling van zijn vierde generatie die eind 2019 als stabiel pakket beschikbaar zal zijn. Hoewel dit nog even duurt, wil ik je nu al graag alle geavanceerde hoogstandjes laten zien en wat dit inhoudt voor het functioneren van je website. Gelukkig betekent een verandering binnen de software-ontwikkeling meestal een verbetering en dit geldt zeker voor Joomla!.

Lees meer...

Donaties aan Gift of Life

Big Baboon doneerde in 2018 en 2019 €3,- per maandelijks gehoste website aan het Britse 'Gift Of Life' , een dochterorganisatie van het Russische 'Podari Zhizn'.

Gift of Life helpt kinderen in voormalig Sovjet-landen die door kanker worden getroffen. Overlevingskansen liggen ongeveer 20% lager dan in Westerse landen. Veel gezinnen leven er in armoede en zijn vaak niet in staat dure medicijnen voor hun kinderen te betalen. Daarnaast ligt de kwaliteit van de zorg lager en wordt ook maar een beperkt deel van de medische hulp vergoed.

Lees meer...

Zo voldoet jouw onderneming en website aan de privacywet

Als ondernemer ben je volgens de Nederlandse Algemene Verordening Gegevensbescherming (AVG) verplicht om je klanten, kopers, bezoekers en personeel te informeren hoe er binnen je bedrijf met persoonsgegevens wordt omgegaan.

Belangrijk genoeg om je er in enige mate in te verdiepen, want je kunt van de Autoriteit Persoonsgegevens een boete van 4% van je jaaromzet of op z’n minst een waarschuwing tegemoet zien als je bedrijf niet voor de wet is dichtgetimmerd tegen het schenden van privacyregels.

Lees meer...