De laadtijd van internetpagina’s wordt steeds belangrijker en weegt ook mee in de ranking van je site bij Google. Er zijn diverse tools waarmee je de prestaties van je website kunt meten. Je website-snelheid testen doe je zo.

De snelheid waarmee internetpagina’s worden geladen wordt steeds belangrijker, onder meer voor de ranking van je site bij Google, maar ook voor de conversie: bezoekers haken sneller af als het laden te lang duurt. Met snelheid wordt soms de responstijd bedoeld, maar vaker de totale laadtijd. In deze workshop laten we zien hoe je beide kunt meten. De responstijd kun je zien als de tijd tot de browser de eerste gegevens ontvangt.

Dit hangt vooral af van de ‘opstarttijd’ van je softwareomgeving. De bottleneck is hierbij vaak niet de webserver zelf, maar bijvoorbeeld het gebruikte cms (zoals WordPress) of framework (bijvoorbeeld Laraval). De stap van php versie 5.x naar php versie 7.x helpt overigens al enorm voor de snelheid. Ook kun je overwegen een cache voor de hele site te zetten, bijvoorbeeld met Varnish. De laadtijd is de tijd die nodig is om de volledige internetpagina te laden. Het is een belangrijke factor en ook één waar gemakkelijker winst te boeken valt.

Javascript én jQuery

Wat veel invloed op de laadtijd heeft, zijn de vele losse componenten waaruit websites tegenwoordig bestaan. Een website moet bijvoorbeeld dynamisch zijn met vloeiende animaties en ook nog responsief, zodat deze op mobiel én desktop goed werkt. Ook gedragen websites zich steeds meer als applicatie, waarbij asynchroon kleine stukjes in websites worden vernieuwd.

Een populaire basis voor zo’n moderne website is Bootstrap: een framework dat veel stijlen bevat in een eigen css-bestand en daarnaast leunt op Javascript én de jQuery-bibliotheek. Daar komen vaak de nodige plug-ins voor jQuery bij, zoals sliders, die elk veelal ook weer eigen stijlen hebben. Een minimalist kan overigens prima een website zonder bijvoorbeeld Javascript bouwen, maar dat is wel veel werk als er hoge eisen worden gesteld.

Wil je eenvoudig een animatie toevoegen, dan kun je animate.css gebruiken, maar het is wél weer een extra stylesheet. En wie icoontjes wil tonen, kan handig Font Awesome integreren, maar ook dat is weer een stylesheet waarin ook nog een lettertypebestand wordt geladen. En dan zijn er nog de nodige extra scripts en banners (afbeeldingen of zelfs video’s) van advertentienetwerken, die lang niet altijd zijn geoptimaliseerd. Het aantal bestanden en de omvang van websites neemt zodoende flink toe.

Website zonder jQuery of Javascript?

Het was nog niet zo lang geleden een ongeschreven regel dat een website ook zonder Javascript moet werken. Tegenwoordig doen ontwikkelaars daar weinig moeite meer voor en dat hoeft ook niet echt: van alle paginaweergaven wereldwijd komt maar 0,2 procent van een apparaat waarop Javascript is uitgeschakeld. Zonder Javascript, met puur css, is al veel mogelijk, zoals de site youmightnotneedjs.com laat zien.

Nadeel is dat je meer tijd moet steken in je scripts, omdat je meer rekening moet houden met verschillen in browsers. Bibliotheken maken veel zaken abstracter en dus makkelijker. Voor jQuery geldt eigenlijk hetzelfde. Maar als je maar een paar functies van jQuery gebruikt, is het zonde de hele bibliotheek te laden. Dat laat bijvoorbeeld youmightnotneedjquery.com zien, dat de inspiratiebron voor bovengenoemde website was.

Laadtijd testen

Om een goed beeld van de laadtijd van al die losse elementen te krijgen, kun je bijvoorbeeld de test op webpagetest.org of tools.pingdom.com gebruiken. De eerste is het meest interessant: de test wordt gesimuleerd vanaf een normale Windows-pc met gewone internetverbinding, waarbij je zelf de testlocatie en browser kunt kiezen. Na de test zie je een zogenoemde waterval die aangeeft wanneer de verschillende onderdelen van de website zijn geladen.

Daarboven zie je een samenvatting met onder meer First Byte, in feite de responstijd, en onder Document Complete de tijd die nodig is om het document inclusief alle ‘statische content’ te laden, zoals stylesheets, scripts en afbeeldingen. Tijdwinst valt onder meer te behalen door stylesheets en scripts te combineren en minimaliseren. Dat kun je met Grunt gemakkelijk automatiseren, waarover in een later artikel meer. Ook http/2 voor het versnellen van https-websites is een aanrader. Een groot voordeel is dat de browser daarmee meerdere bestanden gelijktijdig kan ophalen bij je webserver.

Inzicht in knelpunten

Om te zien welke onderdelen de weergave van de pagina tegenhouden, is een test op varvy.com/pagespeed erg praktisch. Je ziet er ook de totale omvang van stylesheets en scripts. En je krijgt tips, bijvoorbeeld over afbeeldingen die je kunt verkleinen of de optimalisatie van je server. Dit laatste komt ook in de workshop 4 aan bod. Op de Varvy-website vind je tevens een goede, meer op seo gerichte test. Verder is Google PageSpeed heel praktisch om inzicht te krijgen in knelpunten in je ontwerp. Er is aandacht voor zowel mobiel als desktop en je krijgt veel optimalisatietips.

De test van GTmetrix test je website op talloze richtlijnen die gehanteerd worden door Google (PageSpeed) en Yahoo (Yslow). Niet alle tips zijn overigens even zinvol: een paar kilobytes winst is bijvoorbeeld niet heel interessant op een website van een megabyte.

©PXimport

Internationaal bezoek

Het aantal bestanden en de omvang daarvan heeft vooral veel invloed op bezoekers die je website van wat verder weg bezoeken. Op tools.keycdn.com kun je zien wat het effect is. Ga naar Performance Test en vraag een individueel bestand op. Kies je een bestand bij een Nederlandse provider, dan zie je dat de eerste byte (ttfb oftewel time to first byte genoemd) razendsnel is ontvangen vanuit Amsterdam, veelal binnen 30 ms. Buiten Europa is dat al snel 400 ms tot wel 1 seconde.

Vraag je zo’n bestand bij een content delivery network (cdn, ook wel content distribution network genoemd) op, zoals KeyCDN zelf, dan is die waarde voor bijna alle locaties zo’n 15 tot 40 ms, als het tenminste al eerder bij de bewuste node van die cdn is opgevraagd. Dat is een belangrijk voordeel van een cdn, die statische content zoals scripts, stylesheets en afbeeldingen kan distribueren over vaak wel zo’n 20 tot 30 servers wereldwijd, de zogenaamde nodes.

De pagina zelf wordt weliswaar bij je eigen host gegenereerd, maar de statische content wordt via de snelste route opgehaald bij een node dichtbij de gebruiker. In de workshop 3 lees je hoe je zelf een cdn in gebruik kunt nemen.

Actrice Kristen Bell zal de stem van Amy Rose inspreken in de aankomende vierde Sonic the Hedgehog-film.

Het personage, dat veelvuldig in de Sonic-games voorkomt, had al een gastrolletje aan het einde van de film Sonic the Hedgehog 3. Deze week heeft The Hollywood Reporter onthuld dat het personage in de vierde Sonic-film ingesproken zal worden door Kristen Bell.

Bell heeft al ervaring met stemacteerwerk: ze speelde ook de rol van Princess Anna in de Frozen-films. Verder is ze bekend van series als The Good Place, Veronica Mars en Deadwood. Ze speelde ook de rol van Lucy in de allereerste Assassin's Creed-game.

De vierde Sonic the Hedgehog-film draait vanaf 19 maart 2027 in de bioscoop.

Over de Sonic the Hedgehog-films

De Sonic the Hedgehog-films zijn gebaseerd op het populaire gamepersonage van Sega, een blauwe egel die zijn dierenvrienden probeert te redden en extreem snel kan rennen. De films combineren live-action acteerwerk met computergeanimeerde beelden.

De drie uitgekomen verfilmingen zijn een megasucces: begin 2025 werd al aangekondigd dat de drie Sonic-films bij elkaar meer dan een miljard dollar aan bioscoopopbrengsten hadden gegenereerd.

De films staan mede bekend om hun goedgevulde cast. Zo zijn James Marsden en Jim Carrey te zien, en verlenen onder andere Ben Schwartz, Keanu Reeves en Idris Elba hun stemmen aan computergeanimeerde personages.

Eind 2025 kregen we eindelijk de langverwachte eerste beelden van Tomb Raiders toekomst te zien. Het was al een aantal jaren bekend dat Amazon de franchise met zowel een serie als nieuwe games wilde terugbrengen, maar hoe precies, dat was nog lang giswerk. Nu is bekend dat er maar liefst twee nieuwe games op stapel staan: Tomb Raider: The Legacy of Atlantis en Tomb Raider: Catalyst.

Releasedata van de nieuwe Tomb Raider-games

Tijdens The Game Awards in 2025 werd aangekondigd dat Tomb Raider: The Legacy of Atlantis (een remake van de allereerste Tomb Raider-game uit 1996) in 2026 moet verschijnen. Een geheel nieuwe Tomb Raider-game die zich later in de tijdlijn afspeelt is Catalyst, de game die in 2027 moet verschijnen. Beide spellen komen uit op de PlayStation 5, Xbox Series X en S en pc.

Beide titels worden ontwikkeld door Crystal Dynamics, dat eerder Tomb Raider uit 2013 en Rise of the Tomb Raider uit 2015 maakte. Ook hielp de studio mede-ontwikkelaar Eidos Montréal met de productie van Shadow of the Tomb Raider (2018). De studio Flying Wild Hog (Shadow Warrior, Trek to Yomi) ondersteunt de ontwikkeling van Tomb Raider: The Legacy of Atlantis.

Allemaal in één tijdlijn

Met dit nieuwe Tomb Raider-tijdperk willen Amazon en ontwikkelaar Crystal Dynamics harder dan ooit inzetten op de eenduidige tijdlijn van de franchise. In de allereerste Tomb Raider-game uit 1996 was Lara Croft al een geharde avonturier, en in 2012 begon Crystal Dynamics met het vertellen van haar 'oorsprongsverhaal'. De zogenaamde Survivor-trilogie omvat de games Tomb Raider (2013), Rise of the Tomb Raider (2015) en Shadow of the Tomb Raider (2018), die samen laten zien hoe Lara steeds meer in die rol van de geharde bad-ass groeit.

©Crystal Dynamics

De bedoeling is in principe altijd geweest dat de Survivor-trilogie een voorloper vormt op de originele games, al werd daar nog vaak over gediscussieerd door fans. Sommigen vinden bijvoorbeeld dat de sfeer van de modernere games niet goed overeenkomt met de originele titels. Desalniettemin gaat Amazon door met het plan, zo werd al aangekondigd in 2021, waar in een speciale video het volgende werd gezegd over de aankomende Tomb Raider-game:

"Het bevat alle elementen die de Tomb Raider-reeks een van de meest geprezen franchises in gaming heeft gemaakt. Spelers besturen een zelfverzekerde en multidimensionale heldin in een omgeving waarin verkenning en creatief routes vinden wordt beloond. Er zijn duizelingwekkende puzzels om op te lossen en er is een grote variatie aan vijanden om het tegen op te nemen."

©Crystal Dynamics

Tomb Raider: Legacy of Atlantis

Tomb Raider: The Legacy of Atlantis lijkt dit duidelijk te moeten maken. De game is dus een remake van het spel waar de franchise mee begon, met gemoderniseerde gameplay en visuals. Het verhaal rondom het krachtige artefact de Scion blijft intact, al gaat de verhaalvertelling in deze versie van het spel wat anders dan in 1996.

Dit biedt de ontwikkelaar ook genoeg kansen om het avontuur waar het voor Lara allemaal begon te koppelen aan de Survivor-delen, en dus het tijdperk tussen nieuw en oud te overbruggen. De dinosauriërs uit het origineel zijn dus nog gewoon aanwezig, al is dat nu met veren. Want we moeten wel rechtdoen aan de geschiedenis.

Tomb Raider: Catalyst

Dus wat betekent dat voor Tomb Raider: Catalyst, de andere game die tijdens The Game Awards voor het eerst getoond werd? Catalyst is eigenlijk een soort schone lei voor Tomb Raider, met een verhaal dat zich na alle voorgaande games, boeken, comics en series - ja, daar komen we later nog op - afspeelt.

De voorgaande verhalen worden wel als 'canon' (lees: onderdeel van de geschiedenis in deze tijdlijn) beschouwd. Dat kunnen we opmaken uit de onthullingstrailer van het spel, waarin gerefereerd wordt aan de gebeurtenissen uit Tomb Raider (2013) en de eerste Tomb Raider-game - alsmede Legacy of Atlantis dus.

Het spel speelt zich af in het noorden van India, in de nasleep van een cataclysmische gebeurtenis waardoor verschillende geheimen uit de geschiedenis plotseling geopenbaard zijn. Lara Croft en zo ongeveer iedere andere schattenjager in de wereld gaat dus op pad naar het gebied om de geheimen en rijkdommen van weleer te ontdekken. Aan Lara de taak om te zorgen dat de soms gevaarlijke mythische voorwerpen uit de verkeerde handen blijven, wat volgens de website voor een verhaal bomvol 'vertrouwen en verraad' zorgt.

De start van een trilogie?

Het is goed mogelijk dat Catalyst het eerste deel is van een gloednieuwe Tomb Raider-trilogie. In maart 2024 vond er bij het South by Southwest-filmfestival (SXSW) een panel plaats waarin (zo ontdekte het Tomb Raider fan-account Society of Raiders) Dimitri Johnson aan het woord kwam.

©Crystal Dynamics

Johnson, een producent van onder andere de eerste Sonic the Hedgehog-film, heeft een deal gesloten met Amazon Studios voor het ontwikkelen van televisieseries, onder andere romdom Tomb Raider. In het panel over transmedia - oftewel het gebruiken van een IP (intellectual property) via verschillende mediums, waaronder live-action films, series, animatie en games - zei hij het volgende:

"Er is een franchise waar we aan werken waar ik niet te diep op in kan gaan. En dit is een groot experiment voor ons - de studio's en het gamebedrijf waar we werken aan animatie, live-action films, live-action televisie en een trilogie aan games die gebouwd zijn in Unreal 5. Daarbij kijken we naar een manier om de assets die voor de game gebruikt worden toe te passen om de productie van de live-action producties te ondersteunen."

©Amazon

De precieze franchise waar het om gaat wordt niet genoemd, maar gezien zijn betrokkenheid bij de live-action serie valt aan te nemen dat het om Tomb Raider gaat. Hij heeft dus mogelijk bevestigd dat Cataclysm het startschot is van een nieuwe Tomb Raider-trilogie.

Amazon en Crystal Dynamics lijken hier ook naar te hinten met de trailer van het spel. Na een lange monoloog van een antagonist over hoe de 'legende van Lara Croft tot een einde moet komen' stelt de avonturier zelf dat ze nog maar net begonnen is. Dat kan uiteraard een knipoog zijn naar haar langverwachte terugkeer, maar het lijkt erop dat Amazon hard op Tomb Raider gaat inzetten.

©Crystal Dynamics

De stem van Lara Croft

In de nieuwe games krijgt Lara een nieuwe stemactrice. Alix Wilton Regan - bekend van rollen in Mass Effect 3, Cyberpunk 2077 en Assassin's Creed: Origins - gaat het stokje overnemen van Camilla Luddington, die het personage vertolkte in de Survivor-trilogie. Na de aankondiging dat Regan de rol op zich gaat nemen, plaatste Luddington een emotioneel bericht op haar Instagram-account:

"Ik wil jullie laten weten dat ik van de fans heb gehouden. Het was een ongelooflijke eer om Lara Croft te spelen en ze blijft altijd onderdeel van mij uitmaken. De Survivor-trilogie bood mij een decennium aan avontuur dat ik nooit ga vergeten. Ik kan niet trotser zijn op wat we hebben gecreëerd. Zoals altijd ontvangt de nieuwe actrice een ongelooflijke gift door in haar laarzen te mogen stappen."

Gameplay van de nieuwe Tomb Raider

Van Legacy of Atlantis hebben we al wat gameplay - mogelijk gemaakt door Unreal Engine 5 - kunnen zien met de onthullingstrailer. Daaruit blijkt dat Lara net zo acrobatisch is als in de oorspronkelijke PlayStation-games - iets wat in de Survivor-trilogie minder aan bod kwam. In de trailer zien we in ieder geval dat Lara zich niet simpelweg omhoog drukt tijdens het klimmen, maar haar iconische 'cirkelmethode' nog altijd onder de knie heeft. Verder zijn er beelden te zien van het klimmen, een puzzel en de valstrikken die je in de verschillende tombes te wachten staan. Ook kregen we een glimp van de gunplay in het spel. Lara heeft haar twee vertrouwde pistolen, en kan die al ontwijkend en springend loslaten op dinosauriërs.

Van Catalyst is nog geen gameplay getoond, al onthult de cinematische trailer mogelijk wel een paar gameplaymogelijkheden. Denk aan de grijphaak die Lara op Spider-Man-achtige wijze aan haar pols heeft hangen, en die ze schijnbaar ook tijdens gevechten kan inzetten om vijanden af te leiden of uit te schakelen. Ook zien we haar een lamp kapotschieten om voor verwarring te zorgen, en daar een voordeel uit halen. Wellicht wordt de combat en stealth dus wel uitgebreid met mechanieken rondom lichtinval. Veel meer is er nog niet op te maken, al zijn er in de afgelopen jaren wellicht al een paar details naar buiten gekomen.

©Crystal Dynamics

Eerdere geruchten

Deze nieuwe Tomb Raider-games zijn al jaren in ontwikkeling, en er zijn in die tijd ook een flink aantal geruchten opgedoken rondom Catalyst. Niets is bevestigd, dus houd een korreltje zout bij de hand.

Het is de insider V Scooper en journalist Gregory Felipe namelijk ter ore gekomen dat de nieuwe Tomb Raider-game een soort Ubisoft-achtige open wereld-game betreft. V Scooper deelde eerder ook al details over het verhaal van Catalyst, die op basis van de onthulling goed overeenkomen.

Volgens V Scooper heeft Lara naast 'gebruikelijke Lara bewegingsmethodes' toegang tot een motor en parachute om zich door het noorden van India te begeven. Daarbij hint hij naar verschillende confrontaties met dieren als luiaarden en tijgers in gebieden als jungles, bergen en woestijnen.

©Crystal Dynamics

Felipe had het voor die berichten ook al over een motor waarmee Lara zich door de map kan verplaatsen. Daarbij had hij het ook over companions met unieke vaardigheden, en dat er bekende personages uit de vorige game terugkeren.

Het spel bevat volgens Felipe vijf Far Cry-achtige vijanden, die volgens hem bestaan uit de stereotiepe rijke man, een misdaadbaas en een duo van twee broers. Lara zelf zou daarbij toegang krijgen tot een skilltree met magische skills. Nogmaals: dit zijn allemaal geruchten. Geen van deze gameplayelementen is tot nu toe bevestigd en er kan in de tijd sinds de rapportage van alles veranderd zijn.

©Crystal Dynamics

De Tomb Raider-serie met Sophie Turner

Tomb Raider en Lara Croft zijn uiteraard game-iconen, maar de franchise is al geruime tijd ook onderdeel van het Hollywoodlandschap. In 2001 en 2003 kwamen respectievelijk de films Lara Croft: Tomb Raider en Lara Croft: Tomb Raider - The Cradle of Life uit. Ondanks de sterrenkracht van Angelina Jolie als Lara Croft waren de films niet bijster succesvol, dus het duurde tot 2018 totdat Lara weer op het witte doek verscheen. Ook met Alicia Vikander in de hoofdrol wist Tomb Raider niet veel indruk te maken als film.

Enfin, we geven niet op. In 2024 kwam Netflix met de animatieserie Tomb Raider: The Legend of Lara Croft - waarvan een tweede en laatste seizoen in 2025 verscheen. Deze serie volgt Lara Croft na de Shadow of the Tomb Raider-game, en overbrugt dus het tijdperk van de Survivor-trilogie en de originele games. Helaas werd ook de animatieserie niet bijster goed ontvangen. Een prima tussendoortje, maar niets om over naar huis te schrijven.

©Netflix

Maar Hollywood - en specifiek Amazon in dit geval - weet niet van ophouden. Er wordt namelijk ook al sinds eind 2023 gewerkt aan een live-action Tomb Raider-serie door Fleabag-maker Phoebe Waller-Bridge, die op een nog onbekend moment op Amazon Prime Video verschijnt. Het heeft even mogen duren voordat de serie in productie ging, maar begin 2026 was het eindelijk zover. In februari kwamen de eerste setfoto's van de serie naar buiten.

Daarbij werd ook bekendgemaakt dat Sophie Turner (van Game of Thrones- en X-Men-faam) de rol van de iconische avonturier op zich neemt. Ze wordt vergezeld door onder anderen Martin Bobb-Semple als Lara's compagnon Zip, Alien-actrice Sigourney Weaver als Evelyn Wallis, Harry Potter-ster Jason Isaacs als Atlas DeMornay en Bill Paterson (Fleabag) als Winston - Lara's butler. Het is nog niet geheel duidelijk hoe de live-action serie in de Tomb Raider-tijdlijn past, en details over het verhaal zijn momenteel nog schaars. Zodra er meer duidelijkheid is, lees je dat uiteraard in dit overzicht.