Op @media 2008 hebben Vincent en ik de presentatie gezien van Nate Koechley, frontend engineer bij Yahoo!. Tijdens deze uiteenzetting zijn een hele reeks tips aan bod gekomen, over hoe je nu precies een website kan optimaliseren.
Het omzetten van de webdesigns naar HTML templates met CSS en Javascript interactie werd vroeger voornamelijk uitgevoerd door de webdesigner en de webprogrammeur.
Omwille van de groeiende complexiteit van projecten en de hogere eisen voor websites worden deze taken nu steeds vaker uitgevoerd door de zogenaamde frontend developers of frontend engineers, de term die ze bij Yahoo! gebruiken.
Frontend developer
Kort samengevat bestaat de taak van de frontend developer erin de browser te zeggen hoe een website moet weergegeven worden. Klinkt eenvoudig. In de praktijk moet je rekening houden met de verschillende platformen, browsers, verschillende renderingengines per browser, versies van browsers, … De frontend developer moet niet alleen de specificaties kennen, maar ook hoe browsers deze interpreteren.
Het volstaan al lang niet meer om mooie websites te maken. Ze moeten ook functioneel zijn, toegankelijk, goed gepositioneerd in zoekmachines en veel te vaak onderschat: performant.
Website optimalisatie
Wanneer we aan website optimalisatie denken, dan ging in het verleden vaak de aandacht naar backend optimalisatie: database queries, indexes, memory management,… In de realiteit dragen deze backend optimalisaties gemiddeld maar voor 10 à 20% toe aan de snelheid van een website. De overige 80 – 90% wordt besteed ná het ophalen van de HTML pagina, dus bij de verschillende requests voor externe componenten én het downloaden ervan.
Er is dus een groot onderscheid te maken tussen 2 soorten performantie:
- System efficiency performance (voornamelijk backend)
- Response time performance (dus frontend)
Omdat de frontend in grote mate verantwoordelijk is voor de snelheid van de website, is het dus ook de taak van de frontend developer om de response time van een website zo laag mogelijk te houden.
Hoe je dat precies kan doen, licht ik de komende weken toe in een reeks artikels over website optimalisatie, met volgende onderwerpen:
- De aanpassingen die je kan uitvoeren op de server om je website performanter te maken
- Technieken om de frontend te optimaliseren
- De tools om de performantie van je websites te meten
- Een case study
Links naar dit artikel
Momenteel zijn er nog geen links naar dit artikel.
Reacties
Altijd interessant om dit soort zaken bij te leren. Ik heb hier onlangs trouwens ook een boek over gelezen dat ik zeker kan aanraden: “High Performance Web Sites” van Steve Souders.
@Geert: Wij hebben dat boek ook gelezen, samen met nog enkele andere. Een overzicht van goeie resources en aanbevolen boeken volgt in deel 3.