diff --git a/src/config/2019.json b/src/config/2019.json
index b4172787d10..2c0bd1df376 100644
--- a/src/config/2019.json
+++ b/src/config/2019.json
@@ -2,7 +2,7 @@
"settings": [
{
"is_live": true,
- "supported_languages": ["en","es","fr","hi","ja","pt","ru","zh-CN","zh-TW"],
+ "supported_languages": ["en","es","fr","hi","ja","nl","pt","ru","zh-CN","zh-TW"],
"ebook_languages": ["en","ja"]
}
],
@@ -829,6 +829,15 @@
"github": "noahblon",
"twitter": "noahblon"
},
+ "noah-vdv": {
+ "name": "Noah van der Veer",
+ "teams": [
+ "translators"
+ ],
+ "avatar_url": "https://avatars1.githubusercontent.com/u/46689362?v=4&s=200",
+ "github": "noah-vdv",
+ "twitter": "noah_aaron_vdv"
+ },
"patrickhulce": {
"name": "Patrick Hulce",
"teams": [
diff --git a/src/config/2020.json b/src/config/2020.json
index 99d6ea26987..e4bab0f0f6d 100644
--- a/src/config/2020.json
+++ b/src/config/2020.json
@@ -2,7 +2,7 @@
"settings": [
{
"is_live": true,
- "supported_languages": ["en","es","fr","hi","ja","pt","ru","zh-CN","zh-TW"],
+ "supported_languages": ["en","es","fr","hi","ja","nl","pt","ru","zh-CN","zh-TW"],
"ebook_languages": ["en"]
}
],
@@ -931,6 +931,15 @@
"github": "phacks",
"twitter": "Phacks"
},
+ "noah-vdv": {
+ "name": "Noah van der Veer",
+ "teams": [
+ "translators"
+ ],
+ "avatar_url": "https://avatars1.githubusercontent.com/u/46689362?v=4&s=200",
+ "github": "noah-vdv",
+ "twitter": "noah_aaron_vdv"
+ },
"noamr": {
"name": "Noam Rosenthal",
"teams": [
diff --git a/src/server/language.py b/src/server/language.py
index 11aaeec9e43..15b4048e55b 100644
--- a/src/server/language.py
+++ b/src/server/language.py
@@ -48,6 +48,7 @@ class Language(object):
FR = _Language('Français', 'fr')
HI = _Language('हिन्दी', 'hi')
JA = _Language('日本語', 'ja')
+ NL = _Language('Nederlands', 'nl')
PT = _Language('Português', 'pt')
RU = _Language('Русский', 'ru')
ZH_CN = _Language('简体中文', 'zh-CN')
diff --git a/src/templates/nl/2019/base.html b/src/templates/nl/2019/base.html
new file mode 100644
index 00000000000..08a5187160e
--- /dev/null
+++ b/src/templates/nl/2019/base.html
@@ -0,0 +1,27 @@
+{% extends "%s/base.html" % lang %}
+
+{% block methodology_stat_1 %}5.8M{% endblock %}
+{% block methodology_stat_2 %}20.9 TB{% endblock %}
+{% block methodology_description %}
+Tenzij anders vermeld, zijn de statistieken in alle 20 hoofdstukken van de Web Almanac afkomstig uit de HTTP Archive-dataset. HTTP Archive is een door de gemeenschap gerund project dat sinds 2010 bijhoudt hoe het web is opgebouwd. Met behulp van WebPageTest en Lighthouse onder de motorkap worden maandelijks metagegevens over bijna 6 miljoen websites getest en voor analyse opgenomen in een openbare BigQuery-database. De dataset van juli 2019 werd gebruikt als basis voor de statistieken van de Web Almanac. Zie de Methodologie-pagina voor meer informatie.
+{% endblock %}
+
+{% block foreword %}
+
+ Het open web is een verbazingwekkend complex, evoluerend netwerk van technologieën. Hele bedrijfstakken en carrières worden op internet gebouwd en zijn voor succes afhankelijk van het levendige ecosysteem. Hoe cruciaal internet ook is, het is verrassend moeilijk te begrijpen hoe het ervoor staat. Sinds 2010 is de missie van het HTTP Archive-project geweest om bij te houden hoe het web is opgebouwd, en het heeft er fantastisch werk van gemaakt. Er is echter één gat dat vooral moeilijk te dichten was: betekenis geven aan de gegevens die het HTTP Archive-project heeft verzameld en de gemeenschap in staat stellen gemakkelijk te begrijpen hoe het internet presteert. Dat is waar de Web Almanak om de hoek komt kijken.
+
+
+
+ De missie van de Web Almanac is om de schat aan inzichten die anders alleen toegankelijk zouden zijn voor onverschrokken datamijnwerkers, te verzamelen op een manier die gemakkelijk te begrijpen is. Dit wordt mogelijk gemaakt met de hulp van experts uit de industrie die de gegevens kunnen begrijpen en ons kunnen vertellen wat het betekent. Elk van de 20 hoofdstukken in de Web Almanac concentreert zich op een specifiek aspect van het web, en elk is geschreven en door vakgenoten beoordeeld door experts in hun vakgebied. De kracht van de Web Almanac vloeit rechtstreeks voort uit de expertise van de mensen die het schrijven.
+
+
+
+ Veel van de bevindingen in de Web Almanac zijn het waard om gevierd te worden, maar het is ook een belangrijke herinnering aan het werk dat nog nodig is om gebruikerservaringen van hoge kwaliteit te leveren. De datagestuurde analyses in elk hoofdstuk zijn een vorm van verantwoordelijkheid die we allemaal delen voor het ontwikkelen van een beter web. Het gaat er niet om degenen die het bij het verkeerde eind hebben te schande te maken, maar om een leidend licht te schijnen op het pad van best practices, zodat er een duidelijke, juiste manier is om dingen te doen. Met de voortdurende hulp van de webcommunity hopen we hier een jaarlijkse traditie van te maken, zodat we elk jaar onze voortgang kunnen volgen en waar nodig koerscorrecties kunnen aanbrengen.
+
+
+
+ Er valt zoveel te leren in dit rapport, dus begin met het verkennen en deel uw indrukken met de gemeenschap, zodat we gezamenlijk ons begrip van de staat van het internet kunnen vergroten.
+
+{% endblock %}
diff --git a/src/templates/nl/2019/contributors.html b/src/templates/nl/2019/contributors.html
new file mode 100644
index 00000000000..5ddc62ebd9f
--- /dev/null
+++ b/src/templates/nl/2019/contributors.html
@@ -0,0 +1,11 @@
+{% extends "base/contributors.html" %}
+
+{% block title %}2019 Bijdragers | De Web Almanac door HTTP Archive{% endblock %}
+
+{% block description %}De {{ config.contributors.items() | length }} mensen die hebben bijgedragen aan de Web Almanak van 2019 als analisten, auteurs, brainstormers, ontwerpers, ontwikkelaars, redacteuren, recensenten en vertalers.{% endblock %}
+
+{% block filter_by_team %}Filter op team: {{ self.contributors() }} van {{ config.contributors.items() | length }} bijdragers.{% endblock %}
+{% block filter_by %}Filter op{% endblock %}
+
+{% block join_the_team_title%}Word lid van de Web Almanac team{% endblock %}
+{% block join_the_team_text%}Kom bij het team!{% endblock %}
diff --git a/src/templates/nl/2019/index.html b/src/templates/nl/2019/index.html
new file mode 100644
index 00000000000..9beef2f7381
--- /dev/null
+++ b/src/templates/nl/2019/index.html
@@ -0,0 +1,6 @@
+{% extends "base/index.html" %}
+
+{% block title %}De {{ year }} Web Almanac{% endblock %}
+{% block description %}De Web Almanac is een jaarlijks staat van het webrapport waarin de expertise van de webgemeenschap wordt gecombineerd met de gegevens en trends van het HTTP Archive.{% endblock %}
+
+{% block twitter_image_alt %}De {{ year }} Web Almanac{% endblock %}
diff --git a/src/templates/nl/2019/methodology.html b/src/templates/nl/2019/methodology.html
new file mode 100644
index 00000000000..776ac1f88cd
--- /dev/null
+++ b/src/templates/nl/2019/methodology.html
@@ -0,0 +1,428 @@
+{% extends "base/methodology.html" %}
+
+{% block title %}Methodologie | De Web Almanac door HTTP Archive{% endblock %}
+
+{% block description %}Beschrijft hoe de Web Almanac van 2019 is samengesteld: de gebruikte datasets en hulpmiddelen en hoe het project is uitgevoerd.{% endblock %}
+
+{% block twitter_image_alt %}{{ year }} Web Almanac methodologie{% endblock %}
+
+{% block index %}
+
+ De Web Almanac is een project georganiseerd door HTTP Archive. HTTP Archive is in 2010 opgericht door Steve Souders met de missie om bij te houden hoe het web is opgebouwd. Het evalueert maandelijks de samenstelling van miljoenen webpagina's en stelt zijn terabytes aan metadata beschikbaar voor analyse op BigQuery. Meer informatie over HTTP Archive.
+
+
+
+ De missie van de Web Almanac is om het datawarehouse van HTTP Archive nog toegankelijker te maken voor de webgemeenschap door vakexperts te laten voorzien van gecontextualiseerde inzichten. Je kunt het zien als een jaarlijkse opslagplaats van kennis over de staat van het web, aangezien 2019 de eerste editie is.
+
+
+
+ De 2019-editie van de Web Almanac bestaat uit vier pijlers: inhoud, beleving, publicatie en distributie. Elk deel van het schriftelijke rapport vertegenwoordigt een pijler en bestaat uit hoofdstukken die de verschillende aspecten ervan onderzoeken. Deel II vertegenwoordigt bijvoorbeeld de gebruikerservaring en omvat de hoofdstukken Prestaties, Beveiliging, Toegankelijkheid, SEO, PWA en Mobiel internet.
+
+ De HTTP Archive-dataset wordt maandelijks continu bijgewerkt met nieuwe gegevens. Voor de 2019-editie van de Web Almanac zijn, tenzij anders vermeld in het hoofdstuk, alle statistieken afkomstig van de crawl van juli 2019. Deze resultaten zijn openbaar doorzoekbaar op BigQuery in tabellen met het voorvoegsel 2019_07_01.
+
+
+
+ Alle statistieken die in de Web Almanac worden gepresenteerd, zijn openbaar reproduceerbaar met behulp van de dataset op BigQuery. U kunt bladeren door de zoekopdrachten die door alle hoofdstukken worden gebruikt in onze GitHub-repository.
+
+
+
+ Houd er rekening mee dat sommige van deze zoekopdrachten vrij groot zijn en duur kunnen zijn om zelf uit te voeren, aangezien BigQuery wordt gefactureerd per terabyte. Voor hulp bij het beheersen van uw uitgaven raadpleegt u Tim Kadlec's bericht BigQuery gebruiken zonder de Bank te breken.
+
+
+
+ Zie bijvoorbeeld 01_01b.sql voor meer informatie over het gemiddelde aantal bytes van JavaScript per desktop- en mobiele pagina:
+
+
+
+ {# To generate this markup temporarily add a ```sql code block to a chapter and generate that chapter and you'll get the HTML #}
+
#standardSQL
+# 01_01b: Distribution of JS bytes by client
+SELECT
+ percentile,
+ _TABLE_SUFFIX AS client,
+ APPROX_QUANTILES(ROUND(bytesJs / 1024, 2), 1000)[OFFSET(percentile *10)] AS js_kbytes
+FROM
+ `httparchive.summary_pages.2019_07_01_*`,
+ UNNEST([10, 25, 50, 75, 90]) AS percentile
+GROUPBY
+ percentile,
+ client
+ORDERBY
+ percentile,
+ client
+
+
+
+ Resultaten voor elke statistiek zijn openbaar zichtbaar in hoofdstukspecifieke spreadsheets, bijvoorbeeld JavaScript-resultaten.
+
+ Er zijn 5.790.700 websites in de dataset. Daaronder zijn 5.297.442 mobiele websites en 4.371.973 desktopwebsites. De meeste websites zijn opgenomen in zowel de mobiele als de desktop-subset.
+
+
+
+ HTTP Archive haalt de URL's voor zijn websites uit het Chrome UX Report. Het Chrome UX Report is een openbare dataset van Google die gebruikerservaringen verzamelt op miljoenen websites die actief worden bezocht door Chrome-gebruikers. Dit geeft ons een lijst met websites die actueel zijn en een weerspiegeling van het echte webgebruik. De dataset van het Chrome UX Report bevat een vormfactordimensie, die we gebruiken om alle websites toegankelijk te maken voor desktop- of mobiele gebruikers.
+
+
+
+ De HTTP Archive crawl van juli 2019 die door de Web Almanac werd gebruikt, gebruikte de meest recent beschikbare Chrome UX Report-release, mei 2019 (201905), voor de lijst met websites. Deze dataset is vrijgegeven op 11 juni 2019 en legt websites vast die in de maand mei door Chrome-gebruikers zijn bezocht.
+
+
+
+ Vanwege beperkte bronnen kan het HTTP Archive slechts één pagina van elke website in het Chrome UX Report testen. Om dit te verzoenen, zijn alleen de homepagina's opgenomen. Houd er rekening mee dat dit enige vertekening in de resultaten zal introduceren, omdat een startpagina niet noodzakelijk representatief is voor de hele website.
+
+
+
+ HTTP Archive wordt ook beschouwd als een testhulpmiddel voor laboratoria, wat betekent dat het websites test vanuit een datacenter en geen gegevens verzamelt van echte gebruikerservaringen. Daarom worden alle homepagina's van websites getest met een lege cache in een uitgelogde staat.
+
+ HTTP Archive verzamelt statistieken over hoe het web is opgebouwd. Het bevat basisstatistieken zoals het aantal bytes per pagina, of de pagina is geladen via HTTPS en individuele verzoek- en antwoordheaders. De meeste van deze statistieken worden geleverd door WebPageTest, die fungeert als testrunner voor elke website.
+
+
+
+ Andere testhulpmiddelen worden gebruikt om meer geavanceerde statistieken over de pagina te bieden. Lighthouse wordt bijvoorbeeld gebruikt om audits uit te voeren op de pagina om de kwaliteit ervan te analyseren op gebieden als toegankelijkheid en SEO. De sectie Hulpmiddelen hieronder gaat dieper in op elk van deze tools.
+
+
+
+ Om enkele van de inherente beperkingen van een laboratoriumgegevensset te omzeilen, gebruikt de Web Almanac ook het Chrome UX Report voor statistieken over gebruikerservaringen, vooral op het gebied van prestatie.
+
+
+
+ Sommige statistieken zijn volledig buiten bereik. We hebben bijvoorbeeld niet per se de mogelijkheid om de hulpmiddelen te detecteren die worden gebruikt om een website te bouwen. Als een website is gebouwd met de create-react-app, kunnen we zien dat deze het React-framework gebruikt, maar niet noodzakelijkerwijs dat een bepaalde bouw-hulpmiddel wordt gebruikt. Tenzij deze tools detecteerbare vingerafdrukken achterlaten in de code van de website, kunnen we het gebruik ervan niet meten.
+
+
+
+ Andere statistieken zijn niet per se onmogelijk te meten, maar zijn uitdagend of onbetrouwbaar. Aspecten van webdesign zijn bijvoorbeeld inherent visueel en kunnen moeilijk te kwantificeren zijn, bijvoorbeeld of een pagina een opdringerig modaal dialoogvenster heeft.
+
+ WebPageTest is een prominente hulpmiddel voor het testen van webprestaties en de ruggengraat van HTTP Archive. We gebruiken een privé-instantie van WebPageTest met privétest agenten, de daadwerkelijke browsers die elke webpagina testen. Desktop- en mobiele websites worden getest onder verschillende configuraties:
+
+
+
+
+
+
Config
+
Desktop
+
Mobiel
+
+
+
+
+
Apparaat
+
Linux-VM
+
Geëmuleerde Moto G4
+
+
+
+
User Agent
+
+ Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36 PTST/190704.170731
+
+
+ Mozilla/5.0 (Linux; Android 6.0.1; Moto G (4) Build/MPJ24.139-64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.146 Mobile Safari/537.36 PTST/190628.140653
+
+
+
+
+
Locatie
+
+ Redwood City, Californië, VS
+ The Dalles, Oregon, VS
+
+
+ Redwood City, Californië, VS
+ The Dalles, Oregon, VS
+
+
+
+
+
Verbinding
+
Kabel (5/1 Mbps 28 ms RTT)
+
3G (1.600 / 0.768 Mbps 300 ms RTT)
+
+
+
+
Viewport
+
1024 x 768 px
+
512 x 360 px
+
+
+
+
+
+
+ Desktopwebsites worden uitgevoerd vanuit een Chrome-desktopomgeving op een Linux-VM. De netwerksnelheid is gelijk aan een kabelverbinding.
+
+
+
+ Mobiele websites worden uitgevoerd vanuit een mobiele Chrome-omgeving op een geëmuleerd Moto G4-apparaat met een netwerksnelheid die gelijk is aan een 3G-verbinding. Merk op dat de geëmuleerde mobiele User Agent zichzelf identificeert als Chrome 65, maar in feite Chrome 75 onder de motorkap is.
+
+
+
+ Er zijn twee locaties van waaruit tests worden uitgevoerd: Californië en Oregon, VS. HTTP Archive onderhoudt zijn eigen testagenthardware in het Internet Archive datacenter in Californië. Er zijn aanvullende testagenten toegevoegd op de us-west-1-locatie van Google Cloud Platform in Oregon indien nodig.
+
+
+
+ Het privé-exemplaar van WebPageTest van HTTP Archive wordt gesynchroniseerd met de laatste openbare versie en aangevuld met aangepaste statistieken. Dit zijn fragmenten van JavaScript die aan het einde van de test op elke website worden geëvalueerd.De aangepaste statistiek almanac.js bevat verschillende statistieken die anders niet haalbaar waren berekend, bijvoorbeeld degene die afhankelijk zijn van de DOM-status.
+
+
+
+ De resultaten van elke test worden beschikbaar gesteld als een HAR-bestand, een JSON-geformatteerd archiefbestand met metadata over de webpagina.
+
+ Lighthouse is een geautomatiseerde hulpmiddel voor websitekwaliteitsborging, ontwikkeld door Google. Het controleert webpagina's om ervoor te zorgen dat ze geen antipatronen van gebruikerservaringen bevatten, zoals niet-geoptimaliseerde afbeeldingen en ontoegankelijke inhoud.
+
+
+
+ HTTP Archive voert de nieuwste versie van Lighthouse uit voor al zijn mobiele webpagina's -- desktoppagina's zijn niet opgenomen vanwege beperkte bronnen. Vanaf de crawl van juli 2019 gebruikte HTTP Archive de 5.1.0 versie van Lighthouse.
+
+
+
+ Lighthouse wordt uitgevoerd als zijn eigen afzonderlijke test vanuit WebPageTest, maar het heeft zijn eigen configuratieprofiel:
+
+
+
+
+
+
Config
+
Waarde
+
+
+
+
+
CPU-vertraging
+
1x*
+
+
+
Download doorvoer
+
1,6 Mbps
+
+
+
Upload doorvoer
+
0,768 Mbps
+
+
+
RTT
+
150 ms
+
+
+
+
+
+
+ * Merk op dat Lighthouse normaal gesproken is geconfigureerd om een CPU-vertraging van 4x te hebben, maar vanwege een bug in WebPageTest was dit 1x ten tijde van de testen.
+
+ Wappalyzer is een hulpmiddel voor het detecteren van technologieën die door webpagina's worden gebruikt. Er zijn 65 categorieën geteste technologieën, variërend van JavaScript-frameworks tot CMS-platforms en zelfs cryptocurrency-mijnwerkers. Er zijn meer dan 1.200 ondersteunde technologieën.
+
+
+
+ HTTP Archive voert de nieuwste versie van Wappalyzer uit voor alle webpagina's. Vanaf juli 2019 gebruikte de Web Almanac de 5.8.3-versie van Wappalyzer.
+
+
+
+ Wappalyzer ondersteunt vele hoofdstukken die de populariteit van ontwikkelaarstools zoals WordPress, Bootstrap en jQuery analyseren. Bijvoorbeeld de e-commerce en CMS -hoofdstukken zijn sterk afhankelijk van de respectievelijke E-commerce en CMS technologieën die zijn gedetecteerd door Wappalyzer.
+
+
+
+ Alle detectietools, inclusief Wappalyzer, hebben hun beperkingen. De validiteit van hun resultaten hangt altijd af van hoe nauwkeurig hun detectiemechanismen zijn. De Web Almanac voegt een opmerking toe aan elk hoofdstuk waarin Wappalyzer wordt gebruikt, maar de analyse is mogelijk niet nauwkeurig vanwege een specifieke reden.
+
+ Het Chrome UX Report is een openbare dataset met echte Chrome-gebruikerservaringen. Ervaringen zijn gegroepeerd op basis van de oorsprong van websites, bijvoorbeeld https://www.example.com. De dataset bevat distributies van UX-statistieken zoals verf, belasting, interactie en lay-outstabiliteit. Naast groepering per maand, kunnen ervaringen ook worden opgesplitst in dimensies zoals geografie op landniveau, vormfactor (desktop, telefoon, tablet) en effectief verbindingstype (4G, 3G, enz.).
+
+
+
+ Voor Web Almanac statistieken die verwijzen naar gegevens over de echte gebruikerservaring uit het Chrome UX Report, wordt de gegevensset (201907) van juli 2019 gebruikt.
+
+ Web van Derden is een onderzoeksproject van Patrick Hulce, auteur van het Hoofdstuk Third parties, dat HTTP Archive en Lighthouse-gegevens gebruikt om de impact te identificeren en analyseren van bronnen van derden op internet.
+
+
+
+ Domeinen worden als een externe provider beschouwd als ze op ten minste 50 unieke pagina's voorkomen. Het project groepeert providers ook op basis van hun respectieve diensten in categorieën zoals advertenties, analyse en sociaal.
+
+
+
+ Verschillende hoofdstukken in de Web Almanac gebruiken de domeinen en categorieën uit deze dataset om de impact van derden te begrijpen.
+
+ Rework CSS is een op JavaScript gebaseerde CSS-parser. Het neemt volledige stylesheets en produceert een JSON-gecodeerd object dat elke individuele stijlregel, selector, richtlijn en waarde onderscheidt.
+
+
+
+ Deze speciale hulpmiddel heeft de nauwkeurigheid van veel van de statistieken in de CSS hoofdstuk aanzienlijk verbeterd. CSS in alle externe stylesheets en inline stijlblokken voor elke pagina werden geparseerd en opgevraagd om de analyse mogelijk te maken. Zie deze thread voor meer informatie over hoe deze is geïntegreerd met de HTTP Archive-dataset op BigQuery.
+
+ De Web Almanac duurde ongeveer een jaar om te plannen en uit te voeren, met de coördinatie van tientallen bijdragers uit de webgemeenschap. In dit gedeelte wordt beschreven waarom we de statistieken hebben gekozen die u in de Web Almanac ziet, hoe ze werden opgevraagd en geïnterpreteerd.
+
+ De start van de Web Almanac begon in januari 2019 als een post op het HTTP Archive-forum het initiatief beschrijvend en draagvlak zoekend. In maart 2019 hebben we een document voor openbare brainstormsessies gemaakt waarin iedereen in de webcommunity ideeën voor hoofdstukken of statistieken kan inschrijven. Dit was een cruciale stap om ervoor te zorgen dat we ons concentreerden op dingen die belangrijk zijn voor de gemeenschap en dat er diverse stemmen in het proces zijn opgenomen.
+
+
+
+ Als resultaat van de brainstorm werden 20 hoofdstukken gestold en begonnen we vakdeskundigen en collega-recensenten aan elk hoofdstuk toe te wijzen. Dit proces had een zekere vooringenomenheid vanwege de uitdaging om vrijwilligers ertoe te brengen zich in te zetten voor een project van deze omvang. Veel van de bijdragers zijn dus lid van dezelfde professionele kringen. Een expliciet doel voor toekomstige edities van de Web Almanac is om nog meer ondervertegenwoordigde en heterogene stemmen als auteurs en collega-recensenten aan te moedigen.
+
+
+
+ We hebben van mei tot en met juni 2019 mensen aan hoofdstukken gekoppeld en hun input gekregen om de afzonderlijke statistieken van elk hoofdstuk te finaliseren.
+
+ In juni 2019, met de stabiele lijst met metrieken en hoofdstukken, hebben data-analisten de metrieken getoetst op haalbaarheid. In sommige gevallen moesten aangepaste statistieken worden gemaakt om hiaten op te vullen in onze analytische capaciteiten.
+
+
+
+ Gedurende juli 2019 heeft de HTTP Archive-datapijplijn miljoenen websites gecrawld en de metadata verzameld voor gebruik in de Web Almanac.
+
+
+
+ Vanaf augustus 2019 begonnen de data-analisten met het schrijven van query's om de resultaten voor elke statistiek te extraheren. In totaal werden 431 zoekopdrachten met de hand geschreven! U kunt door alle zoekopdrachten bladeren per hoofdstuk in de directory sql/2019 van de GitHub-repository van het project.
+
+ Auteurs werkten met analisten om de resultaten correct te interpreteren en passende conclusies te trekken. Terwijl auteurs hun respectievelijke hoofdstukken schreven, putten ze uit deze statistieken om hun framing van de staat van het web te ondersteunen. Collega-recensenten werkten met auteurs om de technische correctheid van hun analyse te waarborgen.
+
+
+
+ Om de resultaten begrijpelijker te maken voor lezers, hebben webontwikkelaars en analisten datavisualisaties gemaakt om in het hoofdstuk in te bedden. Sommige visualisaties zijn vereenvoudigd om de conclusies gemakkelijker te begrijpen. In plaats van een volledig histogram van een distributie te laten zien, wordt er bijvoorbeeld slechts een handvol percentielen weergegeven. Tenzij anders vermeld, worden alle verdelingen samengevat met behulp van percentielen, vooral medianen (50e percentiel), en geen gemiddelden.
+
+
+
+ Ten slotte hebben redacteuren de hoofdstukken herzien om eenvoudige grammaticale fouten op te lossen en voor consistentie in de leeservaring te zorgen.
+
+ De 2019-editie van de Web Almanac is de eerste van wat we hopen een jaarlijkse traditie te worden in de webgemeenschap van introspectie en een toewijding aan positieve verandering. Het is een enorme inspanning geweest om dit punt te bereiken dankzij vele toegewijde bijdragers en we hopen zoveel mogelijk te gebruiken van dit werk om toekomstige edities nog meer gestroomlijnd te maken.
+
+
+
+ Als u geïnteresseerd bent om bij te dragen aan de 2020-editie van de Web Almanac, vul dan ons interesseformulier in. We horen graag uw ideeën om dit project nog beter te maken!
+
+
+{% endblock main_content %}
diff --git a/src/templates/nl/2019/table_of_contents.html b/src/templates/nl/2019/table_of_contents.html
new file mode 100644
index 00000000000..577dea1ae21
--- /dev/null
+++ b/src/templates/nl/2019/table_of_contents.html
@@ -0,0 +1,7 @@
+{% extends "base/table_of_contents.html" %}
+
+{% block title %}Inhoudsopgave | Web Almanac 2019{% endblock %}
+
+{% block description %}Inhoudsopgave voor de Web Almanac 2019, met een opsomming van elke sectie: pagina-inhoud, gebruikerservaring, inhoud publiceren, inhoudsdistributie.{% endblock %}
+
+{% block twitter_image_alt %}{{ year }} Web Almanac methodologie{% endblock %}
diff --git a/src/templates/nl/2020/base.html b/src/templates/nl/2020/base.html
new file mode 100644
index 00000000000..bc9f51643b7
--- /dev/null
+++ b/src/templates/nl/2020/base.html
@@ -0,0 +1,28 @@
+{% extends "%s/base.html" % lang %}
+
+{% block methodology_stat_1 %}7.5M{% endblock %}
+{% block methodology_stat_2 %}31.3 TB{% endblock %}
+{% block methodology_description %}
+Tenzij anders vermeld, zijn de statistieken in alle 22 hoofdstukken van de Web Almanac afkomstig uit de HTTP Archive-dataset. HTTP Archive is een door de gemeenschap gerund project dat sinds 2010 bijhoudt hoe het web is opgebouwd. Met WebPageTest en Lighthouse onder de motorkap worden maandelijks metagegevens over meer dan 7,5 miljoen websites getest en voor analyse opgenomen in een openbare BigQuery-database. De gegevensset van augustus 2020 werd gebruikt als basis voor de statistieken van de Web Almanac. Zie de Methodologie-pagina voor meer informatie.
+{% endblock %}
+
+
+{% block foreword %}
+
+ 2020 is een jaar geweest dat velen van ons zouden willen vergeten. Het komt zelden voor dat een zo geglobaliseerde gemeenschap als de onze wordt getroffen door gebeurtenissen die zo ingrijpend zijn als de COVID-19-pandemie en protesten tegen raciaal onrecht. Deze gebeurtenissen ontmoedigden ons bijna om het project dit jaar opnieuw op te starten - met zo veel mensen fysiek en emotioneel uitgeput, hoe hadden we kunnen verwachten dat iemand een bijdrage zou willen leveren, laat staan dat hij of zij er tijd en energie voor zou hebben? We gingen voorzichtig te werk in de hoop dat er nog steeds gemeenschapsbelang was.
+
+
+
+ Het doel van deze editie van de Web Almanak is niet om 2020 te vergeten, maar om het te herdenken. Voor beter of slechter, dit is een hoofdstuk in onze geschiedenis. Ondanks alle externe druk van dit jaar, hebben meer dan honderd bijdragers van de webgemeenschap zich aangemeld en talloze uren van hun tijd vrijgemaakt voor een project gewijd aan het herdenken van 2020 en de toestand van het web. Verbazingwekkend genoeg zijn we erin geslaagd om de reikwijdte van de editie van dit jaar uit te breiden door drie nieuwe hoofdstukken toe te voegen en er slechts één te verliezen.
+
+
+
+ Als ik de bijdragers vraag wat ze het leukst vinden aan het project, gaat het antwoord bijna altijd over de mensen. We werken samen als teams, we ondersteunen elkaar en in slechts vijf maanden zijn we in staat om het equivalent van een boek van meer dan 500 pagina's te bouwen! Het is een enorme uitdaging, en hoewel we de problemen van de wereld niet hebben opgelost, hebben we laten zien wat er mogelijk is als mensen ervoor kiezen om samen te werken.
+
+
+
+ Veel plezier met de 2020 Web Almanac, het hoogtepunt van onze liefde voor het web. En vergeet niet om contact op te nemen als je lid wilt worden van het team.
+
+{% endblock %}
diff --git a/src/templates/nl/2020/contributors.html b/src/templates/nl/2020/contributors.html
new file mode 100644
index 00000000000..1cd06dc920a
--- /dev/null
+++ b/src/templates/nl/2020/contributors.html
@@ -0,0 +1,11 @@
+{% extends "base/contributors.html" %}
+
+{% block title %}{{ year }} Bijdragers | De Web Almanac door HTTP Archive{% endblock %}
+
+{% block description %}De {{ config.contributors.items() | length }} mensen die hebben bijgedragen aan de Web Almanac van {{ year }} als analisten, auteurs, ontwerpers, ontwikkelaars, redacteuren, leiders, recensenten en vertalers.{% endblock %}
+
+{% block filter_by_team %}Filter op team: {{ self.contributors() }} van {{ config.contributors.items() | length }} bijdragers.{% endblock %}
+{% block filter_by %}Filter op{% endblock %}
+
+{% block join_the_team_title%}Word lid van de Web Almanac team{% endblock %}
+{% block join_the_team_text%}Kom bij het team!{% endblock %}
diff --git a/src/templates/nl/2020/index.html b/src/templates/nl/2020/index.html
new file mode 100644
index 00000000000..9beef2f7381
--- /dev/null
+++ b/src/templates/nl/2020/index.html
@@ -0,0 +1,6 @@
+{% extends "base/index.html" %}
+
+{% block title %}De {{ year }} Web Almanac{% endblock %}
+{% block description %}De Web Almanac is een jaarlijks staat van het webrapport waarin de expertise van de webgemeenschap wordt gecombineerd met de gegevens en trends van het HTTP Archive.{% endblock %}
+
+{% block twitter_image_alt %}De {{ year }} Web Almanac{% endblock %}
diff --git a/src/templates/nl/2020/methodology.html b/src/templates/nl/2020/methodology.html
new file mode 100644
index 00000000000..cb96e110547
--- /dev/null
+++ b/src/templates/nl/2020/methodology.html
@@ -0,0 +1,476 @@
+{% extends "base/methodology.html" %}
+
+{% block title %}Methodologie | De Web Almanac door HTTP Archive{% endblock %}
+
+{% block description %}Beschrijft hoe de Web Almanac van 2020 is samengesteld: de gebruikte datasets en hulpmiddelen en hoe het project is uitgevoerd.{% endblock %}
+
+{% block twitter_image_alt %}{{ year }} Web Almanac methodologie{% endblock %}
+
+{% block index %}
+
+ De Web Almanac is een project georganiseerd door HTTP Archive. HTTP Archive is in 2010 opgericht door Steve Souders met de missie om bij te houden hoe het web is opgebouwd. Het evalueert maandelijks de samenstelling van miljoenen webpagina's en stelt zijn terabytes aan metadata beschikbaar voor analyse op BigQuery.
+
+
+
+ De missie van de Web Almanac is om een jaarlijkse opslagplaats te worden van publieke kennis over de staat van het web. Ons doel is om het datawarehouse van HTTP Archive nog toegankelijker te maken voor de webgemeenschap door vakexperts te laten voorzien van gecontextualiseerde inzichten.
+
+
+
+ De 2020-editie van de Web Almanac is onderverdeeld in vier delen: inhoud, ervaring, publicatie en distributie. Binnen elk deel verkennen verschillende hoofdstukken hun overkoepelende thema vanuit verschillende invalshoeken. Deel II verkent bijvoorbeeld verschillende invalshoeken van de gebruikerservaring in onder meer de hoofdstukken Prestaties, Beveiliging en Toegankelijkheid.
+
+ De HTTP Archive-dataset wordt maandelijks continu bijgewerkt met nieuwe gegevens. Voor de 2020-editie van de Web Almanac zijn, tenzij anders vermeld in het hoofdstuk, alle statistieken afkomstig van de crawl van augustus 2020. Deze resultaten zijn openbaar doorzoekbaar op BigQuery in tabellen met het voorvoegsel 2020_08_01.
+
+
+
+ Alle statistieken die in de Web Almanac worden gepresenteerd, zijn openbaar reproduceerbaar met behulp van de dataset op BigQuery. U kunt door de zoekopdrachten bladeren die door alle hoofdstukken worden gebruikt in onze GitHub-repository.
+
+
+
+ Houd er rekening mee dat sommige van deze zoekopdrachten vrij groot zijn en duur kunnen zijn om zelf uit te voeren, aangezien BigQuery wordt gefactureerd per terabyte. Voor hulp bij het beheersen van uw uitgaven raadpleegt u Tim Kadlec's bericht BigQuery gebruiken zonder de bank te breken.
+
+
+
+ Zie bijvoorbeeld 01_01b.sql voor meer informatie over het gemiddelde aantal bytes van JavaScript per desktop- en mobiele pagina:
+
+
+
+ {# To generate this markup temporarily add a ```sql code block to a chapter and generate that chapter and you'll get the HTML #}
+
#standardSQL
+# 01_01b: Distribution of JS bytes by client
+SELECT
+ percentile,
+ _TABLE_SUFFIX AS client,
+ APPROX_QUANTILES(ROUND(bytesJs / 1024, 2), 1000)[OFFSET(percentile *10)] AS js_kbytes
+FROM
+ `httparchive.summary_pages.2019_07_01_*`,
+ UNNEST([10, 25, 50, 75, 90]) AS percentile
+GROUPBY
+ percentile,
+ client
+ORDERBY
+ percentile,
+ client
+
+
+
+ Resultaten voor elke statistiek zijn openbaar zichtbaar in hoofdstukspecifieke spreadsheets, bijvoorbeeld JavaScript-resultaten. Scroll naar de onderkant van elk hoofdstuk voor links naar vragen, resultaten en opmerkingen van lezers.
+
+ Er zijn 7.546.709 websites in de dataset. Daaronder zijn 6.347.919 mobiele websites en 5.593.642 desktopwebsites. De meeste websites zijn opgenomen in zowel de mobiele als de desktop-subset.
+
+
+
+ HTTP Archive haalt de URL's voor zijn websites uit het Chrome UX Report. Het Chrome UX Report is een openbare dataset van Google die gebruikerservaringen verzamelt op miljoenen websites die actief worden bezocht door Chrome-gebruikers. Dit geeft ons een lijst met websites die actueel zijn en een weerspiegeling van het echte webgebruik. De dataset van het Chrome UX Report bevat een vormfactordimensie, die we gebruiken om alle websites toegankelijk te maken voor desktop- of mobiele gebruikers.
+
+
+
+ De HTTP Archive crawl van augustus 2020 die door de Web Almanac werd gebruikt, gebruikte de meest recent beschikbare Chrome UX Report-release voor de lijst met websites. De dataset 202006 werd uitgebracht op 14 juli 2020 en legt websites vast die in de maand juni door Chrome-gebruikers zijn bezocht.
+
+ Vanwege beperkte bronnen kan het HTTP Archive slechts één pagina van elke website in het Chrome UX Report testen. Om dit te verzoenen, zijn alleen de homepagina's opgenomen. Houd er rekening mee dat dit enige vertekening in de resultaten zal introduceren, omdat een startpagina niet noodzakelijk representatief is voor de hele website.
+
+
+
+ HTTP Archive wordt ook beschouwd als een testhulpmiddel voor laboratoria, wat betekent dat het websites test vanuit een datacenter en geen gegevens verzamelt van echte gebruikerservaringen. Alle pagina's worden getest met een lege cache wanneer ze zijn uitgelogd, wat mogelijk niet aangeeft hoe echte gebruikers er toegang toe zouden hebben.
+
+ HTTP Archive verzamelt duizenden statistieken over hoe het web is opgebouwd. Het bevat basisstatistieken zoals het aantal bytes per pagina, of de pagina is geladen via HTTPS en individuele verzoek- en antwoordheaders. De meeste van deze statistieken worden geleverd door WebPageTest, die fungeert als testrunner voor elke website.
+
+
+
+ Andere test hulpmiddelen worden gebruikt om meer geavanceerde statistieken over de pagina te bieden. Lighthouse wordt bijvoorbeeld gebruikt om audits uit te voeren op de pagina om de kwaliteit ervan te analyseren op gebieden als toegankelijkheid en SEO. De sectie Tools hieronder gaat dieper in op elk van deze tools.
+
+
+
+ Om enkele van de inherente beperkingen van een labgegevensset te omzeilen, maakt de Web Almanac ook gebruik van het Chrome UX Report voor meetgegevens over gebruikerservaringen, vooral in het gebied van webprestaties.
+
+
+
+ Sommige statistieken zijn volledig buiten bereik. We hebben bijvoorbeeld niet per se de mogelijkheid om de hulpmiddelen te detecteren die worden gebruikt om een website te bouwen. Als een website is gebouwd met de create-react-app, kunnen we zien dat deze het React-framework gebruikt, maar niet noodzakelijkerwijs dat een bepaalde bouw-hulpmiddel wordt gebruikt. Tenzij deze Hulpmiddelen detecteerbare vingerafdrukken achterlaten in de code van de website, kunnen we het gebruik ervan niet meten.
+
+
+
+ Andere statistieken zijn niet per se onmogelijk te meten, maar zijn uitdagend of onbetrouwbaar. Aspecten van webdesign zijn bijvoorbeeld inherent visueel en kunnen moeilijk te kwantificeren zijn, bijvoorbeeld of een pagina een opdringerig modaal dialoogvenster heeft.
+
+ WebPageTest is een prominente hulpmiddel voor het testen van webprestaties en de ruggengraat van HTTP Archive. We gebruiken een privé-instantie van WebPageTest met privétest agenten, de daadwerkelijke browsers die elke webpagina testen. Desktop- en mobiele websites worden getest onder verschillende configuraties:
+
+
+
+
+
+
Config
+
Desktop
+
Mobiel
+
+
+
+
+
Apparaat
+
Linux-VM
+
Geëmuleerde Moto G4
+
+
+
+
User Agent
+
+ Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36 PTST/200805.230825
+
+
+ Mozilla/5.0 (Linux; Android 6.0.1; Moto G (4) Build/MPJ24.139-64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.146 Mobile Safari/537.36 PTST/200815.130813
+
+
+
+
+
Locatie
+
+ Redwood City, Californië, VS
+ The Dalles, Oregon, VS
+
+
+ Redwood City, Californië, VS
+ The Dalles, Oregon, VS
+
+
+
+
+
Verbinding
+
Kabel (5/1 Mbps 28 ms RTT)
+
3G (1.600/0.768 Mbps 300 ms RTT)
+
+
+
+
Viewport
+
1024 x 768 px
+
512 x 360 px
+
+
+
+
+
+
+ Desktopwebsites worden uitgevoerd vanuit een Chrome-desktopomgeving op een Linux-VM. De netwerksnelheid is gelijk aan een kabelverbinding.
+
+
+
+ Mobiele websites worden uitgevoerd vanuit een mobiele Chrome-omgeving op een geëmuleerd Moto G4-apparaat met een netwerksnelheid die gelijk is aan een 3G-verbinding. Merk op dat de geëmuleerde mobiele User Agent zichzelf identificeert als Chrome 65, maar eigenlijk Chrome 84 onder de motorkap is.
+
+
+
+ Er zijn twee locaties van waaruit tests worden uitgevoerd: Californië en Oregon, VS. HTTP Archive onderhoudt zijn eigen testagent hardware in het Internet Archive datacenter in Californië. Er zijn aanvullende testagenten toegevoegd op de us-west-1-locatie van Google Cloud Platform in Oregon indien nodig.
+
+
+
+ Het privé-exemplaar van WebPageTest van HTTP Archive wordt gesynchroniseerd met de laatste openbare versie en aangevuld met aangepaste statistieken. Dit zijn fragmenten van JavaScript die aan het einde van de test op elke website worden geëvalueerd. Dankzij de bijdragen van veel data-analisten, vooral de enorme inspanningen van Tony McCreath, de 2020-editie van de Web Almanac heeft de mogelijkheden van de testinfrastructuur van HTTP Archive aanzienlijk uitgebreid met meer dan 3.000 regels nieuwe code.
+
+
+
+ De resultaten van elke test worden beschikbaar gesteld als een HAR-bestand, een JSON-geformatteerd archiefbestand met metadata over de webpagina.
+
+ Lighthouse is een geautomatiseerd hulpprogramma voor websitekwaliteitsborging, ontwikkeld door Google. Het controleert webpagina's om ervoor te zorgen dat ze geen antipatronen van gebruikerservaringen bevatten, zoals niet-geoptimaliseerde afbeeldingen en ontoegankelijke inhoud.
+
+
+
+ HTTP Archive voert de nieuwste versie van Lighthouse uit voor al zijn mobiele webpagina's -- desktoppagina's zijn niet opgenomen vanwege beperkte bronnen. Vanaf de crawl van augustus 2020 gebruikte HTTP Archive de 6.2.0 versie van Lighthouse.
+
+
+
+ Lighthouse wordt uitgevoerd als zijn eigen afzonderlijke test vanuit WebPageTest, maar het heeft zijn eigen configuratieprofiel:
+
+ Wappalyzer is een hulpmiddel voor het detecteren van technologieën die door webpagina's worden gebruikt. Er zijn 64 categorieën geteste technologieën, variërend van JavaScript-frameworks tot CMS-platforms en zelfs cryptocurrency-mijnwerkers. Er zijn meer dan 1.400 ondersteunde technologieën.
+
+
+
+ HTTP Archive voert de nieuwste versie van Wappalyzer uit voor alle webpagina's. Vanaf augustus 2020 gebruikte de Web Almanac de 6.2.0 versie van Wappalyzer.
+
+
+
+ Wappalyzer ondersteunt vele hoofdstukken die de populariteit van ontwikkelaarshulpmiddelen zoals WordPress, Bootstrap en jQuery analyseren. Bijvoorbeeld de e-commerce en CMS -hoofdstukken zijn sterk afhankelijk van de respectievelijke E-commerce en CMS technologieën die zijn gedetecteerd door Wappalyzer.
+
+
+
+ Alle detectietools, inclusief Wappalyzer, hebben hun beperkingen. De validiteit van hun resultaten hangt altijd af van hoe nauwkeurig hun detectiemechanismen zijn. De Web Almanac voegt een opmerking toe aan elk hoofdstuk waarin Wappalyzer wordt gebruikt, maar de analyse is mogelijk niet nauwkeurig vanwege een specifieke reden.
+
+ Het Chrome UX Report is een openbare dataset met echte Chrome-gebruikerservaringen. Ervaringen zijn gegroepeerd op basis van de oorsprong van websites, bijvoorbeeld https://www.example.com. De dataset bevat distributies van UX-statistieken zoals verf, belasting, interactie en lay-outstabiliteit. Naast groepering per maand, kunnen ervaringen ook worden opgesplitst in dimensies zoals geografie op landniveau, vormfactor (desktop, telefoon, tablet) en effectief verbindingstype (4G, 3G, enz.).
+
+
+
+ Voor Web Almanac statistieken die verwijzen naar gegevens over de echte gebruikerservaring uit het Chrome UX Report, wordt de gegevensset van augustus 2020 (202008) gebruikt.
+
+ Web van derden is een onderzoeksproject van Patrick Hulce, auteur van het Hoofdstuk Third parties 2019, dat HTTP Archive- en Lighthouse-gegevens gebruikt om de impact van bronnen van derden op internet te identificeren en te analyseren.
+
+
+
+ Domeinen worden als een externe provider beschouwd als ze op ten minste 50 unieke pagina's voorkomen. Het project groepeert providers ook op basis van hun respectieve diensten in categorieën zoals advertenties, analyse en sociaal.
+
+
+
+ Verschillende hoofdstukken in de Web Almanac gebruiken de domeinen en categorieën uit deze dataset om de impact van derden te begrijpen.
+
+ Rework CSS is een op JavaScript gebaseerde CSS-parser. Het neemt volledige stylesheets en produceert een JSON-gecodeerd object dat elke individuele stijlregel, selector, richtlijn en waarde onderscheidt.
+
+
+
+ Deze speciale hulpmiddel heeft de nauwkeurigheid van veel van de statistieken in de CSS hoofdstuk aanzienlijk verbeterd. CSS in alle externe stylesheets en inline stijlblokken voor elke pagina werden geparseerd en opgevraagd om de analyse mogelijk te maken. Zie deze thread voor meer informatie over hoe deze is geïntegreerd met de HTTP Archive-dataset op BigQuery.
+
+ Het CSS hoofdstuk van dit jaar geleid door Lea Verou heeft de status van CSS aanzienlijk gedetailleerder bekeken, verspreid over 100+ vragen. Voor het perspectief zijn dat 2,5x meer zoekopdrachten dan in 2019. Om deze analyseschaal haalbaar te maken, heeft Lea de Rework Utils open source gemaakt. Deze hulpprogramma's brengen de JSON-gegevens van Rework naar een hoger niveau door handige scripts te bieden om gemakkelijker CSS-inzichten te extraheren. De meeste statistieken die u in het CSS-hoofdstuk ziet, worden mogelijk gemaakt door deze scripts.
+
+ Parsel is een CSS-selectorparser en specificiteitscalculator, oorspronkelijk geschreven door CSS hoofdstukleidster Lea Verou en open source als een aparte bibliotheek. Het wordt uitgebreid gebruikt in alle CSS-statistieken die betrekking hebben op selectors en specificiteit.
+
+ Het kostte ongeveer een jaar om de Web Almanac te plannen en uit te voeren met de coördinatie van meer dan honderd bijdragers van de webgemeenschap. In dit gedeelte wordt beschreven waarom we de hoofdstukken hebben gekozen die u in de Web Almanac ziet, hoe hun statistieken werden opgevraagd en hoe ze werden geïnterpreteerd.
+
+ De 2020 Web Almanac ging van start in juni 2020, later dan de tijdlijn van 2019 vanwege de onrust met betrekking tot COVID-19 en de protesten tegen sociale rechtvaardigheid. Deze en andere gebeurtenissen van 2020 waren een onderstroom tijdens het hele productieproces en legden veel extra druk op onze bijdragers naast de stress van een snel project als dit.
+
+ Een expliciet doel voor toekomstige edities van de Web Almanac is om nog meer ondervertegenwoordigde en heterogene stemmen als auteurs en collega-recensenten aan te moedigen.
+
+
+
+ Daartoe hebben we dit jaar systematische wijzigingen aangebracht in de manier waarop we auteurs zoeken en selecteren:
+
+
+
+
+ Eerdere auteurs werden specifiek ontmoedigd om opnieuw te schrijven om ruimte te maken voor verschillende perspectieven.
+
+
+ Iedereen die de auteurs van 2020 onderschrijft, werd gevraagd om vooral bewust geen mensen te nomineren die er allemaal hetzelfde uitzien of denken.
+
+
+ Veel auteurs van 2019 waren Google-medewerkers en dit jaar hebben we geprobeerd een beter evenwicht te vinden tussen de perspectieven van de bredere webgemeenschap. Wij zijn van mening dat de stemmen in de Web Almanac een weerspiegeling moeten zijn van de gemeenschap zelf, en niet scheef moeten trekken naar een specifiek bedrijf om te voorkomen dat er echokamers ontstaan.
+
+
+ De projectleiders hebben alle nominaties voor auteurs beoordeeld en hebben zich ingespannen om auteurs te selecteren die nieuwe perspectieven inbrengen en de stemmen van ondervertegenwoordigde groepen in de gemeenschap versterken.
+
+
+
+
+ We hopen dit proces in de toekomst te herhalen om ervoor te zorgen dat de Web Almanac een meer divers en inclusief project wordt met bijdragers van alle achtergronden.
+
+
+
+ Eindelijk, in juli 2020, na brainstormrondes en nominaties, werden 22 hoofdstukken gestold en vormden we inhoudteams voor elk hoofdstuk dat was belast met het schrijven, beoordelen en analyseren.
+
+ In juli en augustus 2020, met de stabiele lijst van statistieken en hoofdstukken, hebben data-analisten de statistieken getoetst op haalbaarheid. In sommige gevallen zijn aangepaste statistieken gemaakt om hiaten in onze analytische mogelijkheden op te vullen.
+
+
+
+ In augustus 2020 heeft de datapijplijn van HTTP Archive enkele miljoenen websites doorzocht en de metadata verzameld voor gebruik in de Web Almanac.
+
+
+
+ De data-analisten begonnen met het schrijven van queries om de resultaten voor elke statistiek te extraheren. In totaal zijn honderden vragen met de hand geschreven! U kunt door alle zoekopdrachten op jaar en hoofdstuk bladeren in onze open source query-repository op GitHub.
+
+ Auteurs werkten met analisten om de resultaten correct te interpreteren en passende conclusies te trekken. Terwijl auteurs hun respectievelijke hoofdstukken schreven, putten ze uit deze statistieken om hun framing van de staat van het web te ondersteunen. Collega-recensenten werkten met auteurs om de technische correctheid van hun analyse te waarborgen.
+
+
+
+ Om de resultaten begrijpelijker te maken voor lezers, hebben webontwikkelaars en analisten datavisualisaties gemaakt om in het hoofdstuk in te bedden. Sommige visualisaties zijn vereenvoudigd om de punten duidelijker te maken. In plaats van een volledige verdeling te laten zien, worden er bijvoorbeeld slechts een handvol percentielen weergegeven. Tenzij anders vermeld, worden alle verdelingen samengevat met behulp van percentielen, vooral medianen (het 50e percentiel), en geen gemiddelden.
+
+
+
+ Ten slotte hebben redacteuren de hoofdstukken herzien om eenvoudige grammaticale fouten op te lossen en voor consistentie in de leeservaring te zorgen.
+
+ De 2020-editie van de Web Almanac is de tweede in wat we hopen voort te zetten als een jaarlijkse traditie in de webgemeenschap van introspectie en een toewijding aan positieve verandering. Het is een enorme inspanning geweest om dit punt te bereiken dankzij vele toegewijde bijdragers en we hopen zoveel mogelijk te gebruiken van dit werk om toekomstige edities nog meer gestroomlijnd te maken.
+
+
+
+ Als u geïnteresseerd bent om bij te dragen aan de 2021-editie van de Web Almanac, vul dan ons interesseformulier in. Laten we samenwerken om de staat van het internet bij te houden!
+
+
+{% endblock main_content %}
diff --git a/src/templates/nl/2020/table_of_contents.html b/src/templates/nl/2020/table_of_contents.html
new file mode 100644
index 00000000000..4360621276b
--- /dev/null
+++ b/src/templates/nl/2020/table_of_contents.html
@@ -0,0 +1,7 @@
+{% extends "base/table_of_contents.html" %}
+
+{% block title %}Inhoudsopgave | Web Almanac 2020{% endblock %}
+
+{% block description %}Inhoudsopgave voor de Web Almanac 2020, met een opsomming van elke sectie: pagina-inhoud, gebruikerservaring, inhoud publiceren, inhoudsdistributie.{% endblock %}
+
+{% block twitter_image_alt %}{{ year }} Web Almanac methodologie{% endblock %}
diff --git a/src/templates/nl/accessibility_statement.html b/src/templates/nl/accessibility_statement.html
new file mode 100644
index 00000000000..902ac5a51fc
--- /dev/null
+++ b/src/templates/nl/accessibility_statement.html
@@ -0,0 +1,120 @@
+{% extends "base/accessibility_statement.html" %}
+
+{% block title %}Toegankelijkheidsverklaring | De Web Almanac door HTTP Archive{% endblock %}
+
+{% block description %}Beschrijft de toegankelijkheidsdoelen van de Web Almanac{% endblock %}
+
+{% block twitter_image_alt %}Web Almanac Toegankelijkheidsverklaring{% endblock %}
+
+{% block index %}
+
+ De Web Almanac zet zich in om digitale toegankelijkheid voor alle mensen te waarborgen. We verbeteren continu de gebruikerservaring voor iedereen en passen de relevante toegankelijkheidsnormen toe.
+
+ De Richtlijnen voor Toegankelijkheid van Webinhoud (WCAG) definieert vereisten voor ontwerpers en ontwikkelaars om de toegankelijkheid voor mensen met een handicap te verbeteren. Het definieert drie conformiteitsniveaus: niveau A, niveau AA en niveau AAA. De Web Almanac is gedeeltelijk in overeenstemming met WCAG 2.1 niveau AAA. Gedeeltelijk conform betekent dat sommige delen van de inhoud niet volledig voldoen aan de toegankelijkheidsnorm.
+
+
+
+ We beschouwen onszelf als gedeeltelijk conform omdat we geen volledige, extern geverifieerde audit van de website hebben voltooid en de website ook niet is beoordeeld door gebruikers van schermlezers, dus we kunnen niet zeker zijn van onze huidige status. We hebben alle pagina's op de website gecontroleerd met behulp van een aantal hulpmiddelen, waaronder de WAVE Toegankelijkheidstool, de Firefox Toegankelijkheidsinspector en de AXE Chrome-plug-in.
+
+
+
+ Het doel van de Web Almanac is om gedetailleerde informatie te geven over de status van het web. Hoewel we proberen ervoor te zorgen dat alle inhoud gemakkelijk te lezen is, zelfs door niet-experts, kan de aard van het materiaal betekenen dat er een niveau van expertise en technologisch inzicht nodig is om sommige hoofdstukken en sommige statistieken te begrijpen, die mogelijk niet voldoen aan de WCAG 2.1 niveau AAA leesniveau richtlijnen.
+
+
+
+ We gebruiken Google Spreadsheets ook voor sommige interactieve visualisaties, die mogelijk ook niet voldoen aan WCAG-toegankelijkheidsnormen. Deze worden geladen via iframes en we leveren afbeeldingen voor al onze figuren, en tonen alleen interactieve visualisaties als de cliënt software dit ondersteunt. Als u een webbrowser gebruikt en u de interactieve visualisaties niet wilt zien, dan kunnen de afbeeldingen worden afgedwongen door een ?Print queryparameter toe te voegen aan een van de hoofdstukken, bekijk het hoofdstuk over toegankelijkheid in printmodus voor zo'n voorbeeld. We kunnen proberen om deze functionaliteit indien nodig gemakkelijker te activeren, maar alle visualisaties hebben gedetailleerde tekstbeschrijvingen, dus we denken dat dit niet nodig is. Laat het ons weten als we hierin onjuist zijn.
+
+
+
+ In sommige hoofdstukken nemen we ook andere inhoud op de site op die niet door onszelf is gemaakt, waaronder YouTube-video's, pdf-links of links naar andere artikelen, die niet voldoen aan de strikte criteria van WCAG 2.1 niveau AAA. Zie onderstaande opmerking over externe inhoud.
+
+ Veel hoofdstukken linken naar andere inhoud (video's, pdf's, artikelen) die niet onder onze controle staan en die mogelijk niet voldoen aan de hoge mate van conformiteit die we hebben bereikt. Waar mogelijk zullen we links plaatsen naar artikelen in dezelfde taal als de pagina die wordt bekeken, maar dit is niet altijd mogelijk.
+
+ De Web Almanac is ontworpen om compatibel te zijn met zoveel mogelijk browsers en ondersteunende technologieën. De website is op een progressieve manier gebouwd en is volledig functioneel, zelfs zonder ondersteuning van alle moderne browserfuncties die we gebruiken, maar u kunt een verslechtering van de beelden opmerken en een gebrek aan functionaliteit (interactieve beelden, het aantal opmerkingen enz.) Als u niet een moderne browser zoals een recente versie van Chrome, Safari, Firefox of Edge gebruikt.
+
+
+
+ Op dit moment hebben we het testen van ondersteunende technologiehardware of -software niet voltooid, maar hebben we hulpmiddelen gebruikt, zoals hierboven vermeld, om te proberen eventuele problemen met deze apparaten op te lossen.
+
+ De website is gebouwd op goed gestructureerde, semantische HTML (inclusief WAI-ARIA waar van toepassing), aangevuld met CSS voor styling en beperkt JavaScript voor sommige interactieve componenten. De website maakt gebruik van moderne ontwikkelingspraktijken zoals CSS Grid, Fetch en WOFF2 Lettertypen, die niet worden ondersteund in oudere browsers zoals IE 11. De website is nog steeds volledig functioneel in die browsers, maar is misschien niet zo visueel aantrekkelijk. Er zijn geen extra plug-ins of bibliotheken nodig om de website te bekijken.
+
+
+ De Web Almanac PDF volgt dezelfde toegankelijkheidsnormen als de website en is bovendien structureel getagd om de toegankelijkheid te bevorderen.
+
+ Zelfevaluatie: de inhoud werd geëvalueerd door het Web Almanac-team met behulp van hun eigen expertise en een aantal hulpmiddelen, waaronder de WAVE Toegankelijkheidstool, de Firefox Toegankelijkheidsinspector en de AXE Chrome-plug-in. De Web Almanac PDF is getest met een toegankelijkheidsscan in Acrobat Reader Pro DC.
+
+ We verwelkomen feedback over de toegankelijkheid van deze website. De beste manier om ons te bereiken is door een probleem op GitHub te melden of ons een e-mail te sturen op team@httparchive.org. We verwelkomen ook pull requests voor degenen die rechtstreeks willen bijdragen. De Web Almanac is een gemeenschapsproject, beheerd door vrijwilligers, en daarom kunnen we geen tijdsbestek garanderen voor het reageren op feedback, maar zullen we zo snel mogelijk reageren.
+
+
+{% endblock %}
diff --git a/src/templates/nl/base.html b/src/templates/nl/base.html
new file mode 100644
index 00000000000..5c2e8aba9d8
--- /dev/null
+++ b/src/templates/nl/base.html
@@ -0,0 +1,174 @@
+{% extends "base/base.html" %}
+
+{% block description %}De Web Almanac is een jaarlijks staat van het webrapport waarin de expertise van de webgemeenschap wordt gecombineerd met de gegevens en trends van het HTTP Archive.{% endblock %}
+
+{% block twitter_image_alt %}{{ year }} Web Almanac{% endblock %}
+
+{% block skip_navigation %}Navigatie overslaan{% endblock %}
+
+{% block organization %}Web Almanac door HTTP Archive{% endblock %}
+{% block web_almanac_logo %}
+ Web Almanac
+
+ Door
+ HTTP Archive
+
+{% endblock %}
+
+{% block intro_title %}Web Almanac{% endblock %}
+{% block intro_sub_title %}HTTP Archive's jaarlijkse staat van het webrapport{% endblock %}
+
+{% block mission %}
+
+ Onze missie is om de onbewerkte statistieken en trends van het HTTP Archive te combineren met de expertise van de webgemeenschap. De Web Almanac is een uitgebreid rapport over de staat van het internet, ondersteund door echte gegevens en vertrouwde webexperts. Het bestaat uit {{ supported_chapters | length }} hoofdstukken over aspecten van pagina-inhoud, gebruikerservaring, publicatie en distributie.
+
+