Este documento proporciona recomendaciones para optimizar sitios web, incluyendo seguir las buenas prácticas de Yahoo para el rendimiento, como poner estilos al principio y scripts al final, minificar archivos, usar cache-control headers y una CDN. También recomienda realizar análisis de tráfico, código y base de datos, y mejorar continuamente el sitio mediante pruebas A/B y mediciones de rendimiento.

1. SITIOS WEB RAPIDOS & FURIOSOS tuning, nitro y neón

2. ismael briasco max kraszewski CEO PSICOFXP @briascoi CTO PSICOFXP @minimalart

3. Nociones Básicas Cualquiera puede (y debe) seguir una lista de buenas prácticas para mejorar y optimizar su sitio web. Pero las recomendaciones muchas veces se aplican como reglas absolutas, cuando en realidad hay que evaluar cada caso. Porque no es lo mismo un blog, un diario o una red social

5. Poner scripts al final

6. Minificar CSS y Scripts

7. Diferir la carga de scripts

8. Reducir peticiones HTTP

9. Utilizar una CDN

10. Cache-Control Header

12. Análisis de codigo

13. Análisis de base de datos

14. Metodología y planificación

15. Esquema de desarrollo

17. Herramientas de medición El análisis de tráfico permite conocer la actividad de los visitantes de nuestro sitio y actuar en consecuencia. Google Analytics Estadísticas de páginas visitadas Chartbeat Reportes en tiempo real de la actividad de los visitantes. http://www.google.com/analytics/ http://chartbeat.com

18. Herramientas de medición El análisis de performance permite monitorear los tiempos de respuesta, visibilidad y rendimiento del sitio. Pingdom Tiempos de carga, alertas de downtime Google Webmaster Tools Como Google ve tu sitio =) http://tools.pingdom.com/ https://www.google.com/webmasters/tools/

19. Nitro y neón Desarrollar herramientas propias Dashboard Seguimiento de bots y crawlers Optimización de código y consultas En miles de request, los milisegundos cuentan. Lo mismo con las consultas lentas Mantenerse actualizado Ejemplos: Javascript defer, CSS3 y HTML5 Saber cuando y como utilizarlos Compresión y optimización de CSS y JS Minificar cada archivo Hacer uso del cache y de una CDN Revisarlo y mejorarlo periodicamente Equipo y foco Importancia de alguien enfocado en el producto (y que evite los volantazos) Mejora continua Desarrollar, implementar, medir, mejorar, medir, mejorar, medir, mejorar, medir… Realizar A/B testings «Release early, release often» es genial para 37signals, pero si no tenemos seniority en el equipo es recomendable la prolijidad.

20. Finalmente… TE TIENE QUE GUSTAR (sino ponete una pancheria)

21. Muchas Gracias! MAX KRASZEWSKI twitter: @minimalart blog: minimalart.org ISMAEL BRIASCO twitter: @briascoi blog: psicogeek.com