Breaking performance web rules

Breaking performance web rules

Pablo Moretti @elsantob

Sunday, April 28, 13

¿Importa la velocidad ?

Sunday, April 28, 13

What is the Time to First Byte?

The TTFB can be under 100 milliseconds (ms) for static

For dynamic content, the TTFB is often 200-500ms -> SQL tunning-> Cache-> NoSql-> Paralelizar

Sunday, April 28, 13

Básico

Recursos cacheados

Gzip

Sunday, April 28, 13

No siempre hay cache

Sunday, April 28, 13

NetworkingLatencia

Elegir servidores cercanos geográficamente

Uso de CDN para recursos estáticos

Conexiones HTTP

Paralelizar descarga usando múltiples dominios (el límite depende del browser)

Keep Alive

Sunday, April 28, 13

Reduciendo Request

Sprite -> descargar múltiples imágenes en una sola

Data64 -> imágenes inline (para contenido muy pequeño)

Unificar recurso -> CSS y JS (unificarlos estratégicamente para compartir recursos en todo el sitio)

Sunday, April 28, 13

Minimizando RequestDominios libres de cookies para contenido estático

Optimizar imágenes (smush it)

Nuevo formato de imagen WebP (35%)

Minificación (mejora 5% a pesar de tener gzip) http://en.wikipedia.org/wiki/Minification_(programming)

Sunday, April 28, 13

Priorizando descarga

Start page

DomReady

OnLoad

OnScroll

OnTimeOut

Ordenar la descarga en base a la interacción de

los usuarios

Sunday, April 28, 13

Cargando Javascript

Sunday, April 28, 13

Cargando Javascript

Sunday, April 28, 13

PrefechPrecargar contenido anticipando al usuario

HTML5 Nativo

Javascript

Sunday, April 28, 13

LabsDescargar SDK Facebooks (async y sin bloquear)

https://www.facebook.com/note.php?note_id=10151176218703920

BigPipe

http://www.facebook.com/note.php?note_id=389414033919

mod_pagespeed Google + WebPage Comparte

http://www.webpagetest.org/compare

https://developers.google.com/speed/docs/mod_pagespeed/config_filters

Sunday, April 28, 13

SPDY -> Lo que se vieneThe goal of SPDY is to reduce web page load time. This is achieved by prioritizing and multiplexing the

transfer of web page subresources so that only one connection per

client is required.

Sunday, April 28, 13

Sitios y Herramientashttp://developer.yahoo.com/performance/rules.html

https://developers.google.com/speed/

http://www.stevesouders.com/

http://www.phpied.com/

Sunday, April 28, 13