Odkazy ke školení „Optimalizace rychlosti načítání“ 23. 3. 2017

README.md

Odkazy ke školení „Optimalizace rychlosti načítání“ 23. 3. 2017

Příklad

• Výchozí stav: https://github.com/machal/speed-example
• Hotový ke stažení: https://www.dropbox.com/s/ehbqws5rjnzwa8m/2017_23_03_rychlost_priklad.zip?dl=1

Prezentace

• PDF ke stažení: https://www.dropbox.com/s/em26lfjbypzuke8/2017_03_23_rychlost.pdf?dl=1

Důležité odkazy

1. Zkouška HTTP/2: http://www.http2demo.io - https://www.dareboost.com/en/website-speed-test-http2-vs-http1 - https://tools.keycdn.com/http2-test
2. Analýza rychlosti: http://www.vzhurudolu.cz/prirucka/rychlost-nastroje
3. WebP obrázky: http://caniuse.com/#feat=webp
4. JPEGmini: http://www.jpegmini.com/
5. Kraken: https://kraken.io/
6. Guetzli: https://github.com/google/guetzli
7. LazyYT: https://github.com/tylerpearson/lazyYT
8. Test optimalizátorů velikosti: https://jamiemason.github.io/ImageOptim-CLI/comparison/png/imagealpha-and-imageoptim/desc/
9. Kritické CSS: http://jonassebastianohlsson.com/criticalpathcssgenerator/ – https://github.com/filamentgroup/grunt-criticalcss – https://gist.github.com/machal/7c9a5f1f6cfcd0ff0ced
10. FontFaceObserver: https://fontfaceobserver.com/ – https://gist.github.com/machal/95a8f640d8f9dc4afe9c23fe243ab611
11. Webfont generátor: https://www.fontsquirrel.com/tools/webfont-generator
12. AjaxInclude: https://github.com/filamentgroup/Ajax-Include-Pattern
13. Google tutoriály: https://developers.google.com/web/fundamentals/performance/
14. Rychlost na blogu: http://www.vzhurudolu.cz/rychlost-nacitani
15. Zkouška komresivních obrázků: http://www.ck-rekrea.cz/zrychleni/
16. Varianty responzivních obrázků: http://www.responsivebreakpoints.com/ – https://github.com/andismith/grunt-responsive-images
17. Postupné vykreslení s CSS: https://jakearchibald.com/2016/link-in-body/ – https://jakearchibald-demos.herokuapp.com/progressive-css/head.html

---

Sledujte: Blog Vzhůru dolů – Twitter – Facebook – Frontendisti.cz