Web Performance

Web Performance

1 april 2016, EYE Amsterdam

web performance

Web animaties

web performance

The Illusion of Speed

Gevoelde snelheid

web performance

Verkort de wachttijd aan het begin

Toon alvast statische content
 voordat alles geladen is.

Geef feedback, dat content opgehaald wordt.

web performance

Verkort de wachttijd aan het einde

"Lazy Loading" van afbeeldingen:

Bestand wordt pas opgehaald en geladen zodra het in de viewport komt

web performance

Webfonts

Lettertype als een webservice

web performance

Webfonts

... zijn in mobiel netwerk vertragende factor

Standaardinstelling: Lazy loading

Alternatief: Javascript voor preloading

Advies: fallback met standaardlettertype

web performance

Responsive Webdesign (RWD)

Content past zich aan alle viewports aan 

Altijd & overal relatieve eenheden

Performance & smartphone: trage netwerkverbinding

Voor smartphones ook kleine afbeeldingen
en download bestanden aanbieden

web performance

Nieuwe omgangsregels

Hypertext Transfer Protocol

web performance

HTTPS

verificatie & encryptie

verbetering technologie: nauwelijks trager dan HTTP

web performance

web performance

HTTP2

HTTP versie 1 sinds 1997

versie 2: "faster & safer"

web performance

Performance as business case

web performance

web performance

Taalkloof en verschillend perspectief

 

"4 dagen nodig om laadtijd van 2 seconden
naar 1.8 seconden terug te brengen."

web performance

"4 dagen nodig om X procent meer bezoekers te behouden, die anders waren afgehaakt."

Behandel performance
als integraal onderdeel van het product, niet als sluitstuk.

web performance