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.

Fairphone lanceert de vernieuwde Fairbuds XL. Deze modulaire koptelefoon belooft nu ook het geluid en comfort te bieden dat je voor 249 euro mag verwachten. Met nieuwe drivers en zachtere oorkussens pakt de fabrikant de eerdere kritiekpunten aan. Handig: je kunt je oude model zelf eenvoudig upgraden.

De Nederlandse fabrikant Fairphone heeft deze week de vernieuwde versie van de Fairbuds XL gepresenteerd. Deze modulaire koptelefoon is een doorontwikkeling van het model dat in 2023 werd gelanceerd. Waar de eerste generatie vooral een statement maakte op het gebied van repareerbaarheid, belooft deze nieuwe versie ook op audiogebied en draagcomfort een inhaalslag te maken. De koptelefoon is daardoor ontworpen om jarenlang mee te gaan en is per direct verkrijgbaar.

©Fairphone

Verbeterde audiokwaliteit en materialen

De belangrijkste upgrade ten opzichte van de voorganger zit in de geluidsweergave en het fysieke ontwerp. De nieuwe Fairbuds XL beschikt over 40 mm dynamische drivers en ondersteuning voor aptX HD, wat moet zorgen voor een gedetailleerder geluidsbeeld en high-res audio via bluetooth. Fairphone heeft daarnaast gekeken naar de feedback over het draagcomfort. De nieuwe modellen zijn uitgerust met zachtere oorkussens van 'birdseye-mesh' en een ademende hoofdband, waardoor de koptelefoon ook tijdens langere luistersessies prettig moet blijven zitten. Het design is beschikbaar in de kleuren Forest Green en Horizon Black.

Modulair ontwerp voor lange levensduur

Wat de Fairbuds XL onderscheidt in de markt van consumentenelektronica is de verregaande modulariteit. De koptelefoon is opgebouwd uit negen losse modules die door de gebruiker zelf te vervangen zijn. Dit betekent dat bij een defect of slijtage niet het hele apparaat weggedaan hoeft te worden, maar dat onderdelen zoals de batterij, de oorkussens of de hoofdband eenvoudig vervangen kunnen worden. Technisch biedt het apparaat verder dual-point connectiviteit, een IP54-certificering voor spatwaterdichtheid en een accuduur tot 30 uur.

Zoals gebruikelijk bij het Amsterdamse bedrijf ligt de nadruk sterk op duurzaamheid en eerlijke materialen. De koptelefoon bestaat voor ongeveer 50 procent uit gerecyclede grondstoffen, waaronder gerecycled aluminium en zeldzame aardmaterialen in de magneten. Ook wordt er bij de assemblage gebruikgemaakt van fabrieken die draaien op zonne-energie en investeert het bedrijf in leefbare lonen voor fabrieksarbeiders.

©Fairphone

Compatibel met het vorige model

Een opvallende keuze van Fairphone is de compatibiliteit met de eerste generatie Fairbuds XL. De fabrikant benadrukt dat technologie moet meegroeien met de gebruiker. Bezitters van het 2023-model hoeven daarom geen volledig nieuwe koptelefoon aan te schaffen om te profiteren van de geluidsverbeteringen. De nieuwe drivers zijn namelijk ook als los onderdeel verkrijgbaar en kunnen eenvoudig in het oude model worden geïnstalleerd. Hiermee voegt Fairphone daadwerkelijk de daad bij het woord wat betreft het verlengen van de levensduur van elektronica.

©Fairphone

Prijs en beschikbaarheid

De vernieuwde Fairbuds XL is per direct verkrijgbaar in Nederland. De adviesprijs voor de koptelefoon bedraagt 249 euro. Hij is te koop via de webwinkel van Fairphone en bij geselecteerde retailers.

Een parfum is meer dan een lekker luchtje; het is je onzichtbare visitekaartje. De juiste geur kan je stemming versterken, je zelfvertrouwen een boost geven en direct vertellen wie jij bent. Maar hoe vind je een geur die echt bij jouw persoonlijkheid past?

Zeg me wat je draagt, ik zeg wie je bent

Geuren zijn de snelste weg naar onze emoties. Ruik je versgebakken brood, dan sta je in gedachten direct in een warme keuken. Ruik je zonnebrandcrème, dan voel je het strand. Parfums werken precies zo: ze communiceren iets over jou, zonder dat je een woord zegt.

Door een parfum te kiezen dat aansluit bij je karakter, versterk je je uitstraling. Welk type ben jij?

Persoonlijkheidstypen en bijpassende geuren

Hieronder vind je een overzicht van veelvoorkomende persoonlijkheidstypen en welke geuren daar goed bij aansluiten.

1. De romanticus (dromerig & gevoelig)

Ben je creatief, nostalgisch en gevoelig ingesteld? Dan voel jij je waarschijnlijk het prettigst bij zachte, ronde geuren. Bloemige en poederachtige noten omhullen je als een warme deken en passen perfect bij jouw zachtaardige karakter. Zoek naar: roos, jasmijn, viooltjes, vanille en lelie.

Voor dames:
Chloé - Chloé Eau de Parfum: de ultieme romantische geur. Ruikt naar een vers boeket rozen met een poederige, schone ondertoon.
Marc Jacobs - Daisy: Speels, zacht en dromerig. Met noten van viooltjes en aardbei is dit een lichte, vrolijke bloemengeur.

Voor heren:
Dior - Dior Homme: een zeldzame herengeur met iris. Hierdoor is hij zacht, poederig en verfijnd (in plaats van typisch 'mannelijk' stoer).
Prada - L'Homme: schoon, luchtig en zacht. Ruikt naar luxe zeep en verse bloemen (neroli/iris), perfect voor de gevoelige man.

2. De power-persoonlijkheid (krachtig & zelfverzekerd)

Jij komt een ruimte binnen en mensen hebben het door. Je staat stevig in je schoenen en houdt niet van poespas. Houtachtige en kruidige geuren sluiten hier naadloos op aan. Ze hebben een diepe, stabiele basis die autoriteit en rust uitstraalt. Zoek naar: Sandelhout, cederhout, leer, patchouli en zwarte peper.

Voor dames:
Chanel - Coco Mademoiselle: een moderne klassieker met karakter. De combinatie van frisse sinaasappel en krachtige patchouli straalt pure klasse en zelfvertrouwen uit.
Tom Ford - Black Orchid: niet voor muurbloempjes. Een zware, aardse geur met truffel en pure chocolade. Je vult er de kamer mee.

Voor heren:
Hermès - Terre d’Hermès: ruikt naar aarde, hout en sinaasappel. Een hele stabiele, volwassen geur die autoriteit uitstraalt zonder te schreeuwen.
Dior - Sauvage: extreem populair vanwege zijn kracht. Peperig en fris; een geur die zegt: "Ik ben er."

3. Het mysterie (sensueel & raadselachtig)

Houd je ervan om niet direct het achterste van je tong te laten zien? Ben je gek op de avond en subtiele verleiding? Dan zijn Oriëntaalse geuren jouw match. Deze zijn vaak rijk, zwaar en gelaagd. Zoek naar: Amber, wierook, muskus, kaneel en exotische kruiden.

Voor dames:
Yves Saint Laurent - Black Opium: een verslavende mix van zwarte koffie en vanille. Donker, zoet en perfect voor de avond.
Dior - Hypnotic Poison: de naam zegt het al. Een betoverende, zware geur met amandel, karwij en vanille. Zeer verleidelijk.

Voor heren:
Viktor&Rolf - Spicebomb: een explosie van kruiden (peper, kaneel) en tabak. Warm en kruidig, maar met een mysterieuze diepte.
Armani - Code: een geraffineerde mix van tonkaboon en leer. Glad, donker en een tikkeltje geheimzinnig.

4. De zonnestraal (speels & spontaan)

Ben jij de optimist van de groep, altijd vrolijk en ongecompliceerd? Zware geuren passen vaak niet bij jouw energie. Jij bloeit op van frisse, fruitige noten die licht en uitnodigend zijn. Zoek naar: Perzik, appel, framboos, zwarte bes en citrusbloesem.

Voor dames:
DKNY - Be Delicious: het bekende 'groene appeltje'. Fris, fruitig en ongecompliceerd. Echt een energieboost.
Giorgio Armani - My Way: een vrolijk boeket van witte bloemen en citrus. Heel open, zoet en uitnodigend.

Voor heren:
Versace - Eros: een luide, vrolijke geur met munt, appel en vanille. Jong, energiek en een echte allemansvriend.
Paco Rabanne - 1 Million: bekend om de goudstaaf-flacon. Zoet, kruidig en fruitig. Een geur met een knipoog die het leven viert.

5. De avonturier (energiek & sportief)

Stilzitten is niets voor jou. Je houdt van buitenlucht, actie en nieuwe ervaringen. Daar past geen bedwelmende geur bij, maar juist iets dat energie geeft. Aquatische (water) geuren en citrus zijn jouw beste vrienden. Zoek naar: Bergamot, grapefruit, munt, zeewater en groene thee.

Voor dames:
Giorgio Armani - Acqua di Gioia: geïnspireerd op de zee. Ruikt naar munt, citroen en water. Heerlijk fris en opwekkend.
Davidoff - Cool Water Woman: een klassieker die ruikt naar de oceaan en frisse meloen. Voor vrouwen die liever buiten zijn dan binnen.

Voor heren:
Giorgio Armani - Acqua di Giò: waarschijnlijk de bekendste 'watergeur' ter wereld. Ruikt naar zeewater, wind en limoen.
Issey Miyake - L'Eau d'Issey Pour Homme: een unieke, scherpe frisheid dankzij de Japanse yuzu (citrusvrucht). Strak, modern en heel energiek.

©africa-studio.com (Olga Yastremska and Leonid Yastremskiy) - stock.adobe.com

Begrijp wat je koopt: de opbouw van een geur

Heb je wel eens een parfum gekocht dat in de winkel heerlijk rook, maar thuis tegenviel? Grote kans dat je alleen de topnoten hebt geroken. Een parfum is opgebouwd als een piramide:

1: Topnoten (de binnenkomer)
Dit is wat je de eerste 10 tot 15 minuten ruikt. Vaak fris en licht (citrus), bedoeld om je aandacht te trekken. Topnoten vervliegen snel.
2: Hartnoten (de kern)
Zodra de topnoten verdwijnen, komt het 'hart' naar boven. Dit is de ware geur van het parfum, vaak bloemig of kruidig. Dit blijf je enkele uren ruiken.
3: Basisnoten (de blijver)
Dit is wat er aan het einde van de dag nog op je huid zit. Zware ingrediënten zoals hout, muskus en vanille die zorgen voor diepte.

💡Tip: Koop een parfum nooit direct na het opspuiten. Wandel de winkel uit, doe boodschappen en ruik na een uur nog eens. Pas dan weet je hoe het parfum écht ruikt.

Eau de toilette of eau de parfum?

Op de flacon staan vaak termen die iets zeggen over de sterkte (en de prijs):
Eau de Cologne: zeer licht, vervliegt snel (3-5% geurstoffen). Lekker wanneer je je even wilt opfrissen.
Eau de Toilette (EDT): de meest verkochte variant. Fris en geschikt voor dagelijks gebruik (5-10% geurstoffen).
Eau de Parfum (EDP): sterker en blijft langer hangen (10-20% geurstoffen). Je hebt er minder van nodig, maar het is vaak duurder.
Parfum / Extrait: Zeer geconcentreerd en kostbaar. Een paar druppels ruik je de hele dag.

Zo voorkom je een miskoop: 4 gouden tips

Tot slot: hoe hak je de knoop door in de parfumerie?
1. Test op je huid (niet op een papiertje) Een papieren strookje heeft geen pH-waarde en geen hormonen. Jouw huid wel. Door je lichaamschemie kan een parfum bij jou heel anders ruiken dan bij je beste vriendin. Spray altijd op je pols om te weten hoe de geur op jou reageert.
2. Niet wrijven! Een klassieke fout: sprayen op de polsen en ze dan tegen elkaar wrijven. Niet doen! Door de wrijving maak je de geurmoleculen kapot, waardoor de topnoten sneller verdwijnen en de geurbalans verstoord raakt. Gewoon laten drogen aan de lucht.
3. Maximaal drie geuren Na drie verschillende parfums is je neus 'vermoeid' en kun je geuren niet meer goed onderscheiden. Ruik tussendoor even aan je eigen kleding (of aan koffiebonen als ze die hebben staan) om je neus te neutraliseren.
4. Kijk naar wat je al hebt Weet je niet waar je moet beginnen? Kijk naar de flesjes die je al hebt staan of opgebruikt hebt. Google de geurnoten van je favoriet (bijvoorbeeld op een website als Fragrantica) en zoek naar nieuwe parfums die dezelfde ingrediënten bevatten. Of kijk naar geuren in huis die je fijn vindt. Houd je van lavendel in je wasmiddel of vanille in je kaarsen? Dat zijn goede uitgangspunten.