Multimedia Universitat Oberta de Catalunya

Rendimiento

César Córcoles

[Última edición: 28/8/2014]

Un texto introductorio/motivacional sobre el tema es Performance As Design (Brad Frost, 28 de enero, 2013). Otra buena introducción sobre el tema, que entra un poco más en detalles técnicos, es Improving UX Through Front-End Performance (A List Apart, 12 de marzo, 2013).

Front-end performance for web designers and front-end developers (Harry Roberts, 21 de enero, 2013)

GitHub’s CSS Performance (5 de diciembre, 2012) Una presentación sobre rendimiento de CSS (y HTML) en sitios grandes (con miles de selectores CSS). Disponéis del audio sincronizado con las diapositivas en el siguiente vídeo:

Web Performance 101: An opinionated guide to the 22 links every developer should read (31 de enero, 2013)

Make your sites load faster (.net magazine, febrero 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 marzo de 2013)

Un buen recurso que entra en detalles técnicos y de implementación son las 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 septiembre de 2013)

Image Compression for Web Developers (HTML Rocks, 23 de septiembre de 2013)

Una de las técnicas que pueden usarse para acelerar el momento en que el navegador comienza a mostrar las páginas (y así incrementar la velocidad percibida a la que se muestra la página) es incluir en línea en la página el CSS que corresponde a la parte superior de la página y después utilizar una técnica llamada lazy loading para cargar el resto de CSS. Esto se explica con detalle en Authoring Critical Above-the-Fold CSS (CSS-Tricks, juliol de 2014). Tenéis una presentación sobre cómo lo hacen en el diario inglés The Guardian en https://speakerdeck.com/patrickhamann/breaking-news-at-1000ms-front-trends-2014 (mayo de 2014).

Herramientas

Los comentarios están cerrados.