Breaking performance web rules
Upcoming SlideShare
Loading in...5
×
 

Breaking performance web rules

on

  • 338 views

 

Statistics

Views

Total Views
338
Views on SlideShare
331
Embed Views
7

Actions

Likes
0
Downloads
2
Comments
0

2 Embeds 7

http://www.linkedin.com 5
https://twitter.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Breaking performance web rules Breaking performance web rules Presentation Transcript

    • 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
    • Networking Latencia 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 Request Dominios 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
    • Prefech Precargar contenido anticipando al usuario HTML5 Nativo Javascript Sunday, April 28, 13
    • Labs Descargar 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 viene The 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 Herramientas http://developer.yahoo.com/performance/rules.html https://developers.google.com/speed/ http://www.stevesouders.com/ http://www.phpied.com/ Sunday, April 28, 13