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.

Onderweg telt soms iedere gram, zeker als je veel reist. Voor wie niet houdt van een zware rugtas heeft HP de OmniBook 7 Aero. Deze laptop weegt nog geen kilogram, maar heeft toch een processor met 8 cores in combinatie met 32 GB RAM. Dat klinkt als een uitstekend product voor wie veel onderweg is. Of dat echt zo is? Wij hebben hem getest.

Natuurlijk wist ik dat de HP OmniBook 7 Aero ongeveer een kilogram weegt, maar toch was ik positief verrast toen ik hem uit de doos haalde. De OmniBook 7 Aero is zó licht dat het bijna een stuk speelgoed lijkt. Dat is gelukkig niet het geval, want de behuizing van een aluminium-magnesium-legering zit ondanks het geringe gewicht degelijk in elkaar. Het is daardoor een laptop die je zonder zorgen in je rugtas stopt, waarna je eigenlijk niet meer merkt dat je hem bij je hebt. Mijn eigen laptop is met 1,35 kilogram ook niet bijzonder zwaar, maar toch voel ik een duidelijk verschil als ik de OmniBook 7 Aero meeneem. Fijn als je dagelijks met de trein naar kantoor of studie gaat.

©Jeroen Boer - ID.nl

Waar ik ook blij van word, is dat HP ondanks de compacte behuizing toch in een fijne verzameling aansluitingen heeft voorzien. Natuurlijk wordt de basis tegenwoordig gedekt door usb-c en daarvan krijg je er twee die allebei geschikt zijn voor zowel laden als het aansluiten van een beeldscherm. Thuis of op kantoor kun je hem dus met één kabel aansluiten op je werkplek. Maar omdat je een lichte laptop waarschijnlijk juist onderweg gebruikt, is het fijn dat HP je ook twee normale usb-poorten, een HDMI-aansluiting en een headsetaansluiting geeft. Zo kun je hem ook gewoon gebruiken op plekken waar nog een oudere monitor of beamer staat en heb je ook voor een usb-stickje geen adapter nodig. Het enige dat een klein beetje jammer is, is dat de usb-c-poorten geen usb 4 ondersteunen terwijl de gebruikte processor dat op zich wel kan.

©Jeroen Boer - ID.nl

Lekker tikken

Als je het scherm openklapt, wordt het palmgedeelte in een lichte hoek gezet zodat je fijner kunt tikken. Dat is op de OmniBook sowieso geen straf. Het toetsenbord heeft een prettige aanslag met duidelijke feedback. Prettig, zeker als je net als ik veel met teksten werkt. Het toetsenbord ziet er met zijn grijze toetsen ook overzichtelijk uit en heeft toetsverlichting in twee helderheidsstanden. Een eigenschap die wat mij betreft vooral weer onderweg als je werkt op allerlei ongunstige locaties onmisbaar is. De touchpad met geïntegreerde fysieke knop laat zich eerder omschrijven als oké. Het geheel werkt op zich goed, maar voelt wel minder premium dan het uitstekende toetsenbord.

©Jeroen Boer - ID.nl

Geen last van spiegeling

Het 13,3inch-scherm maakt gebruik van een IPS-paneel en heeft een resolutie van 2560 × 1600 pixels. Hierdoor krijg je goede inkijkhoeken en een scherp beeld. Handig voor onderweg is dat HP het paneel mat heeft afgewerkt, zodat je geen last hebt van storende lichtinval. Ook de helderheid is voor veel omstandigheden hoog genoeg. Verder is het scherm niet heel bijzonder. Zo wordt er slechts een maximale verversingssnelheid van 60 Hz ondersteund, terwijl steeds meer duurdere laptops schermen met een hogere verversingssnelheid hebben. Dat heeft misschien ook iets met de accuduur te maken, iets waarover je verderop meer leest. Boven het scherm vind je een prima webcam die ook geschikt is voor inloggen met gezichtsherkenning via Windows Hello. Prettig is dat de webcam een schuifje heeft om de lens fysiek te bedekken; zo weet je zeker dat je niet bespied wordt.

©Jeroen Boer - ID.nl

Goede prestaties

Op papier stelt de configuratie met een Ryzen AI 7 350, 32 GB RAM en een 1TB-ssd niet teleur. Misschien is 32 GB RAM een beetje overdreven voor een laptop die zich niet laat omschrijven als workstation, maar het is voor een laptop waarvan je het geheugen niet kunt uitbreiden ook weer niet heel gek. Dit is wellicht juist het moment om nog even je slag te slaan voordat laptops met veel geheugen veel duurder worden. De opslag wordt verzorgd door een ssd van 1 TB die gewoon prima presteert. Het is een M.2-ssd die je eventueel kunt vervangen als je opslag tekort komt.

De Ryzen AI 7 350 combineert vier normale met vier energiezuinige cores en heeft een npu die voldoet aan de eisen voor een Copilot+-pc. Je krijgt dus alle extra AI-functies van Windows 11. De prestaties van de chip zijn goed en de laptop scoort een mooie 7527 punten in PCMark 10. Ook de score van 1975 en 12433 punten in CineBench R23 voor respectievelijk single-core- en multi-core-prestaties zijn voor een mobiele processor uitstekend. De prestaties kennen bovendien weinig verval als je de laptop langdurig aan het werk zet. Helaas verandert de koeling dan wel in een soort stofzuiger: de laptop laat goed van zich horen als je hem wat langer aan het werk zet. Bij lichte dingen als browsen of tekstverwerken is de laptop gelukkig wel stil.

©Jeroen Boer - ID.nl

Best wel kleine accu

Wanneer een laptop zo dun en licht mogelijk is, kan het bijna niet anders dan dat er ergens concessies gedaan zijn. Dat is in het geval van deze HP overduidelijk de accu, want een accu met een capaciteit van slechts 43 Wh is tegenwoordig wel heel magertjes. Toch wist de HP me positief te verrassen, want de werktijd bij alledaagse (kantoor)werkzaamheden is met zo'n 12 uur helemaal niet zo verkeerd. Natuurlijk zijn er genoeg laptops met een veel langere accuduur (waaronder de eveneens ook superlichte ASUS ZenBook A14), maar een echte dealbreaker is de werktijd ook weer niet.

©Jeroen Boer - ID.nl

En gamen?

De Ryzen AI 7 350 heeft een geïntegreerde AMD Radeon 860M-gpu en is volgens AMD ook geschikt voor gamen. Je kunt natuurlijk niet verwachten dat een geïntegreerde gpu echt topprestaties biedt. Een score van 2571 punten in 3D mark Time Spy is in ieder geval niet heel indrukwekkend. Ik heb Shadow of the Tomb Raider geïnstalleerd, een spel waarvan ik weet dat het inmiddels goed speelbaar is op een geïntegreerde gpu. Het is een spel van alweer zeven jaar oud, maar grafisch nog altijd mooi. Om op Full HD een beetje soepel te kunnen spelen, moest ik kiezen voor de voorinstelling Lowest waarmee je zo'n 54 fps haalt. Opvallend is dat er met AI-upscaler Intel XeSS niet significant meer frames gehaald worden. Jammer, want op andere laptops heb ik goede ervaringen met zulke AI-upscalers. Het hangt natuurlijk ook een beetje van het spel af en een titel met ondersteuning voor AMD's eigen FSR presteert misschien wel wat beter. De prestaties in Shadow of the Tomb Raider geven wel een goed beeld van de mogelijkheden. Voor soepel gamen zul je wat oudere spellen met lagere kwaliteitsinstellingen of esports-titels moeten spelen. Dit klinkt misschien teleurstellend, maar voor een dunne en lichte ultrabook zijn de prestaties helemaal niet zo verkeerd. 

Conclusie

De HP OmniBook 7 Aero is al met al een heel fijne laptop en dat komt voor een groot deel door het gewicht. Je moet hem dus ook vooral overwegen als je echt een lichte laptop wilt hebben. De laptop weegt nog geen kilo, waardoor je hem altijd makkelijk meeneemt. Ondanks het lage gewicht zijn de prestaties prima en kun je comfortabel werken. Over de stevigheid hoef je je geen zorgen te maken; de aluminium-magnesiumbehuizing is lekker degelijk. Natuurlijk heeft HP wel wat concessies moeten doen om dat lage gewicht te bereiken. Zo is de accucapaciteit niet heel indrukwekkend, al overleef je met 12 uur werktijd op zich wel een werkdag. Voor hetzelfde geld kun je zeker laptops kopen waar je langer op kunt werken, maar die wegen dan ook een stuk meer dan een kilo.

Sony zou overwegen de PlayStation 6 intern uit te stellen en de console pas ergens na 2028 uit te brengen.

Dat meent MST Financial-analist David Gibson via Sandstone Insights Japan. Hoewel de PlayStation 5 al meer dan vijf jaar beschikbaar is - de console kwam eind 2020 uit - is het volgens hem onwaarschijnlijk dat Sony de PlayStation 6 binnenkort uitbrengt.

"Sony verwacht dat de levenscyclus van de PlayStation 5 wordt verlengd, en dat de PlayStation 6-release langer op zich laat wachten dan de meesten voorspellen", zo stelt Gibson. Hij verwacht dat de nieuwe console pas ergens na 2028 uitkomt - op zijn vroegst dus in 2029.

PlayStation 6 is nog niet aangekondigd

Sony zelf heeft nog geen officiële releaseperiode gegeven voor de PlayStation 6. De console is immers nog niet officieel aangekondigd, al is het logisch dat het bedrijf achter de schermen al aan een opvolger van de PlayStation 5 werkt.

Eerder gingen er al wel geruchten over een PS6-release in 2027 of 2028, maar volgens bovengenoemde analyse wordt het dus pas later. Er gaan ook geruchten dat Sony twee apparaten wil uitbrengen: een traditionele console en een hybride versie die ook als handheld gebruikt kan worden - vergelijkbaar met de Nintendo Switch dus.

Reden voor vertraging

Een van de redenen voor een vertraagde komst van PlayStation 6 kunnen de alsmaar stijgende prijzen voor geheugen zijn. Prijzen van RAM (Random Access Memory) stijgen alsmaar doordat er massaal RAM nodig is om het alsmaar populairder wordende AI werkende te houden. RAM is echter nodig in spelcomputers.

De theorie is dat bedrijven nu hun plannen voor nieuwe consoles uitstellen, omdat de prijzen voor RAM zo hoog liggen. Dat zou immers betekenen dat men ook hogere prijzen voor nieuwe consoles moet vragen, en dat zou eventueel een negatief effect op het succes van deze consoles kunnen hebben.

Valkuil van uitstel

Het intern uitstellen van de PlayStation 6 - of andere consoles - kan echter een prijzige aangelegenheid zijn voor bedrijven. Sony heeft vele miljoenen dollars in de ontwikkeling van een nieuwe console gestoken en mogelijk de technologie die in deze console zit gekozen.

Door de PlayStation 6 uit te stellen, veroudert de technologie in de console ook, en komt het bedrijf voor een lastige keuze te staan: gooit Sony de vele miljoenen aan onderzoekskosten weg om nieuwe specificaties samen te stellen, of brengt het bedrijf op een later moment een console met ietwat achterhaalde specificaties uit?