Post on 06-Aug-2015
Van browser tot pagina
Beginnerstrack
Victor van den Bosch
Wie ben ik
github.com/sg3sstackoverflow.com/users/893918/sg3s
DevOp bij Savvii
Savvii - Managed WordPress Hosting
Over de presentatie
De presentatie is te vinden op: savvii.nl/preso.pdf
Opvragen van een pagina
Op de achtergrond in de browser
Verloop van een request
Verloop van een request: DNS
Waar staat ‘www.savvii.nl’?
DNS servers
Verloop van een request: DNS
www.savvii.nl staat op 109.74.197.128
DNS servers
Verloop van een request: Initieel + SSL
DNS servers
Maak verbinding op poort 443 (SSL)
Savvii server: 109.74.197.128
Verloop van een request: Initieel + SSL
DNS servers
Start beveiligde verbinding (SSL)
Savvii server: 109.74.197.128
Verloop van een request: send request
DNS servers
GET /
Savvii server: 109.74.197.128
Verloop van een request: Waiting
DNS servers
Server berekent pagina
Savvii server: 109.74.197.128
Verloop van een request: Download
DNS servers
Stuur data op
Savvii server: 109.74.197.128
Verloop van een request: Toon pagina
DNS servers
Savvii server: 109.74.197.128
Timings van een requestVoorbeeld request, niet gerelateerd aan de requests van de vorige pagina.
Verwerking op de server
Verwerking op de server
GET /favicon.icoIn de cache?
Nee
Jafavicon.ico
Bestand op systeem?
Zet in cache
Ja
favicon.ico
Nee
404 Not Found
Verwerking op de server
GET /paginaIn de cache?
Nee
Ja<HTML>
Bestaatde pagina?
Zet in cache
Ja
<HTML>
Nee
404 Not Found
Start WordPress
Start plugins
Haal pagina uit database
WordPress 404 pagina
Render pagina, roep plugins aan, database queries, etc…
Verwerking op de server
GET /paginaIn de cache?
Nee
Ja<HTML>
Bestaatde pagina?
Zet in cache
Ja
<HTML>
Nee
404 Not Found
Start WordPress
Start plugins
Haal pagina uit database
WordPress 404 pagina
Render pagina, roep plugins aan, database queries, etc…
Verwerking op de server
GET /paginaIn de cache?
Nee
Ja<HTML>
Bestaatde pagina?
Zet in cache
Ja
<HTML>
Nee
404 Not Found
Start WordPress
Start plugins
Haal pagina uit database
WordPress 404 pagina
Render pagina, roep plugins aan, database queries, etc…
Hoe krijg je de TTFB omlaag?
● Minder (zware) plugins● Caching van database queries● Caching van objecten● Opschonen van je database (wp-optimize)● Full-page caching (bijv. Varnish)
Caching algemeen
- Wat is caching en hoe werkt het?- Waarom caching?- Wat lost het niet op?
- Invalideren cache
Caching verschillende lagen
- Webserver / varnish- Resources op bestandssysteem- Applicatie / Wordpress zelf- Database / query caching
Wat doet de browser nog?
1. Caching2. Interpreteren van resultaat3. Eventuele benodigde resources ophalen4. Visuele opbouw5. Verdere resources ophalen6. Ga naar stap 2
Het resultaat:
Vragen?
De presentatie is te vinden op: savvii.nl/preso.pdf