Chrome Dev Summit 2018 is happening now and streaming live on YouTube. Watch now.

Inhoudsefficiëntie optimaliseren

Onze internetapplicaties krijgen een steeds groter bereik, grotere ambitie en meer functies, en dat is goed. Met een steeds rijker internet ontstaat echter ook een andere trend: de hoeveelheid gegevens die door elke app wordt gedownload, wordt almaar groter. Om geweldige inhoud te kunnen blijven leveren, moeten we elke byte optimaliseren.

Hoe ziet een moderne internetapplicatie eruit? HTTP Archive kan ons hierbij helpen. Dit project monitort internet door regelmatig de populairste websites (meer dan 300.000 sites uit de lijst van Alexa Top 1M) te crawlen en analysegegevens te verzamelen over het aantal hulpbronnen, inhoudstypen en andere metadata voor elke pagina.

Trends opgesteld door HTTP Archive

50e percentiel 75e percentiel 90e percentiel
HTML 13 KB 26 KB 54 KB
Afbeeldingen 528 KB 1213 KB 2384 KB
JavaScript 207 KB 385 KB 587 KB
CSS 24 KB 53 KB 108 KB
Overig 282 KB 308 KB 353 KB
Totaal 1054 KB 1985 KB 3486 KB

Bovenstaande gegevens geven de groeitrend weer van het aantal gedownloade bytes voor populaire bestemmingen op internet tussen januari 2013 en januari 2014. Niet elke site groeit even snel of gebruikt evenveel gegevens, daarom hebben we de verschillende aantallen weergegeven als percentiel van de gegevensdistributie: het 50e (mediaan), 75e en 90e.

Een site op mediaan-niveau bestaat aan het begin van 2014 uit 75 verzoeken die corresponderen met 1054 KB totale, overgedragen bytes, en het totale aantal bytes (en verzoeken) is gedurende het voorgaande jaar gestaag toegenomen. Dit is geen grote verrassing, maar heeft wel enkele belangrijke gevolgen: hoewel internetproviders sneller internet leveren, is de beschikbare snelheid en bandbreedte niet in elk land even groot en hebben veel gebruikers te maken met gegevenslimieten en dure abonnementen, vooral voor mobiel internet.

Internetapplicaties hoeven, in tegenstelling tot applicaties op pc`s, niet geïnstalleerd te worden. U hoeft slechts de URL in te typen om de website te bekijken. Dit is een belangrijk voordeel van internet. Om dit te bereiken, moeten we echter vaak tientallen, soms honderden verschillende hulpbronnen ophalen, waarvoor we meerdere megabytes aan gegevens moeten downloaden. Dit moet in honderdsten van milliseconden gebeuren als we de website snel willen laden.

Er zijn heel wat processen nodig om een internetpagina snel te laden en daarom is het belangrijk om de inhoudsefficiëntie te optimaliseren: overbodige downloads verwijderen, de codering van elke hulpbron optimaliseren via verschillende compressiemethoden en gebruikmaken van gegevens in het cachegeheugen om overbodige downloads te vermijden.