[Darrera edició: 8/9/2014]
Un text introductori/motivacional sobre el tema: Performance As Design (Brad Frost, 28 de gener, 2013). Una altra bona introducció al tema, entrant una mica més en detalls tècnics, és Improving UX Through Front-End Performance (A List Apart, 12 de març, 2013). Un altre recurs exhaustiu és A Beginner’s Guide to Website Speed Optimization (setembre, 2014).
Front-end performance for web designers and front-end developers (Harry Roberts, 21 de gener, 2013)
GitHub’s CSS Performance (5 de desembre, 2012) Una presentació sobre rendiment de CSS (i HTML) en llocs grans (amb milers de selectors CSS). Disposeu de l’àudio sincronitzat amb les diapositives en el següent vídeo:
Web Performance 101: An opinionated guide to the 22 links every developer should read (31 de gener, 2013)
Make your sites load faster (.net magazine, febrer de 2013)
Cómo perder peso en el navegador (browserdiet.com/es)
Put Your Site on a Diet With Google’s Image-Shrinking ‘WebP’ Format (Webmonkey, 13 de març de 2013)
Un bon recurs que entra en detalles tècnics i d’implementació són les Best Practices for Speeding Up Your Web Site de la Yahoo! Developer Network
Responsive Design is Not About Screen Sizes Any More (speckyboy, 11 de setembre de 2013)
Image Compression for Web Developers (HTML Rocks, 23 de setembre de 2013)
Una de les tècniques que es poden utilitzar per tal d’accelerar el moment en què el navegador comença a mostrar les pàgines (i així incrementar la velocitat percebuda a la què es mostra la pàgina) és incloure en línia en la pàgina el CSS que correspon a la part superior de la pàgina i després utilitzar una tècnica anomenada lazy loading per tal de carregar la resta de CSS. Això s’explica amb detall a Authoring Critical Above-the-Fold CSS (CSS-Tricks, 14 de juliol de 2014). Teniu una presentació sobre com ho fan al diari anglès The Guardian a https://speakerdeck.com/patrickhamann/breaking-news-at-1000ms-front-trends-2014 (maig de 2014).
Eines
- Google PageSpeed Tools
- Yahoo! YSlow
- Smush.it™ i tinypng.org són serveis web per a l’optimització d’imatges
- webpagetest.org
- How to Improve Page Performance with a Font Loader