Todelt, en for nettside-lasting og en for nettside kjøretidytelse.
Planen er og først se en video for en felles intro til temaet, deretter ser vi på en del nettsider med analyse og diskusjon. Hvis mulig så kan vi forbedre ytelsen rett i chrome dev-tools for testing.
- Se video om content delivery optimization. https://www.youtube.com/watch?v=R8W_6xWphtw (25 min)
- Se på case fra prosjekt. (Torgeirshow) (Tri tar litt om CSS-optimalisering)
Stikkord: Chrome-dev-tools, Gzipping, minification og bundling, bildeoptimalisering, Critical rendering path, "Above the fold",
- Se Paul-Irish video perf tools https://www.youtube.com/watch?v=HAqjyCH_LOE (45 min)
- Case fra prosjekt, gjerne en runde i timeline og andre verktøy i Chrome. (45 min)
Stikkord: Chrome-dev-tools, CPU/Minne, paint-operasjoner, fps, css-ytelse/animasjoner, opplevd ytelse.
Pauls Irish presentasjoner:
- Chrome Dev-tools perf-analyse https://www.youtube.com/watch?v=HAqjyCH_LOE
- Mer avansert Chrome Dev-tools perf analyse https://www.youtube.com/watch?v=0xx_dkv9DEY
- Levering av innhold til nettleseren https://www.youtube.com/watch?v=R8W_6xWphtw
Google Web fundamentals performance: https://developers.google.com/web/fundamentals/performance/index