Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Mejorar WPO Joomla

44 visualizaciones

Publicado el

En el primer joomladay Madrid realicé una ponencia sobre como mejorar el WPO en nuestro Joomla para que Google te adore.

Publicado en: Internet
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Mejorar WPO Joomla

  1. 1. #jdmad17 WPO PARA QUE GOOGLE TE ADORE Antonio Torres
  2. 2. ¡HOLA! Director de Soporte Especializado en ProfesionalHosting Antonio Torres Podéis seguirme en antonio-torres.es y @atowersg Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg
  3. 3. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg ¿Qué es el WPO? Web Perfomance Optimization (WPO) es un conjunto de técnicas orientadas a mejorar el rendimiento de la página web reduciendo así el tiempo de espera. La optimización del tiempo de carga influye en aspectos tan importantes en un negocio online como: • La satisfacción del usuario. • El posicionamiento en buscadores (SEO) • El porcentaje de conversión • El coste de las campañas publicitarias (Adwords) • Costes de infraestructura.
  4. 4. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Satisfacción del usuario Una buena experiencia de uso influye positivamente en la conversión, mejora en engagement con los usuarios y la recurrencia de las ventas, al aumentar las posibilidades de que vuelvan a la web en un futuro próximo. • Amazon: 0,1 segundos de retraso implican una pérdida del 1% de los ingresos • Facebook: 0,5 segundos más lento provoca una caída de tráfico del 3%; 1 segundo provoca una caída del 6% • Google Maps: redujo un 30% el tamaño de sus ficheros y el número de peticiones aumentó un 30%. • Yahoo!: 0,4 segundos de retraso causan una caída entre el 5% y el 9% del tráfico El 47% de los consumidores espera que las páginas web se carguen en 2 segundos o menos y el 40% de los usuarios abandonan una página que tarde más de 3 segundos en cargar. 8 25 33 38 2 - 4 sg 4 - 6 sg 6 - 8 sg 8 - 10 sg
  5. 5. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Posicionamiento en Buscadores Para Google hacer que las web vayan más rápido a sido una obsesión desde hace ya unos años En 2010 Google publico que iba a tener en cuenta en el orden de su listado la velocidad del sitio web, siendo mejores valorados los sitios que tardasen menos en cargar. En 2013 dio un vuelco cambiando su política y en vez de valorar las webs más rápidas dijo que iba a penalizar las webs que tuviesen una mala optimización y tardase mucho en cargar. Lo que dice Google es que ellos saben que a los usuarios le gustan las páginas rápidas pero no solo este motivo es por lo que lo hace Google, también que la mayoría de internet tenga la web optimizada ellos necesitan menos recursos para rastrear internet.
  6. 6. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Porcentaje de Conversión Muchos estudios afirman que cada segundo más que tarde en cargar una web, puede suponer la pérdida de entre un 7 y un 11% de la conversión de nuestro proyecto. Este dato, extrapolado a euros, puede suponer muchísimo dinero. Según estudios realizados por empresas como Amazon, Walmart y Google entre otras. • El 47% de los usuarios esperan que una página cargue en menos de 2 segundos. • El 40% de los usuarios abandona una página que tarda más de 3 segundos en cargar • El 14% cambia de tienda online si la página tarda en cargar. • El 64% de los compradores que no están satisfechos cambia de sitio para su próxima compra. • El 52% de los compradores afirman que un sitio que carga rápido los fideliza.
  7. 7. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Coste campañas publicitarias La velocidad de carga es un factor fundamental para Adwords a la hora de puntuar la experiencia de usuario en la página de destino. Esta puntuación determinará, en parte, el nivel de calidad de los, que a su vez puede tener un impacto dramático en el CPC (coste por clic). Ranking = Nivel de Calidad x CPC máx Mejorar el tiempo de carga de sus landing page puede reducir los costes y mejorar la posición de los anuncios.
  8. 8. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Costes de infraestructura Una buena optimización no solo reduce la velocidad de carga, mejorando la experiencia de usuario, sino que también reduce los costes de infraestructura y el consumo de ancho de banda, reduciendo así los costes operativos del servicio. Con la optimización conseguimos que no se sobrecargue nuestro servidor cuando tengamos picos de visitas y de esta forma poder reducir el servidor y el ancho de banda al no necesitar tanta maquina como si no tuviésemos el site optimizado. Realizando una optimización consiguiendo mejorar entre un 15% y 25% la velocidad de la web podemos ahorrarnos un 40% de CPU y hasta un 50% de ancho de banda.
  9. 9. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Métrica Speed Index Con este concepto podemos medir realmente la optimización de nuestra página web y como influye en el usuario y en el SEO. • Métrica realmente importante para el posicionamiento de la página. • Métrica que mide la progresión visual de la página
  10. 10. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Métrica Speed Index
  11. 11. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Analizar nuestro WPO Pingdom Website Speed Test Google PageSpeed Insights Web Page Test
  12. 12. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Análisis Pagespeed
  13. 13. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Análisis pingdom
  14. 14. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Análisis web page test
  15. 15. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Reducir tiempo respuesta servidor • Hardware: procesador y raid SSD. • Centro de datos en España • Conectividad con Telefónica, Jazztel, Ono, Orange. • Calidad y estabilidad TIERIII+ • CDN para visitas extranjeras. • Software. • Configuración especial del servidor para Joomla! • Compatibilidad con PHP7 y MySQL 5.6 • Sistemas de cache basados en RAM (Memcache, APC, Opcache, Varnish) • Virtualización y aislamiento de clientes (CloudLinux) • Medidas antihack y ataques. • Tener actualizado plantillas y plugin. • Optimizar Base de Datos. • Instalar sistema de cache.
  16. 16. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Profiling Joomla! Joomla! Debug Console y XDebug
  17. 17. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg PHP7
  18. 18. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Optimizar Base de Datos MyISAM vs InnoDB Admin Tools
  19. 19. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Activar Cache Activar cache nativa de Joomla! • Conservacional • Progresiva Extensiones de Cache • Jotcache • Cache Control • Speed Cache
  20. 20. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Habilitar compresión Gzip/Deflate • Tener activo el módulo deflate de apache en el servidor • Añadir las siguientes reglas en .htaccess
  21. 21. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Especificar cache del navegador • Tener activo el módulo expires de apache en el servidor • Añadir las siguientes reglas en .htaccess
  22. 22. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg PHP7 + Cache + Gzip + Expires
  23. 23. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Mod PageSpeed Google Minimiza el tamaño de la carga • Optimizar imágenes • Elimina comentarios • Elimina espacios en blanco • Minifica JavaScript • Minifica CSS Optimiza la presentación de la web • Lazy Load en imágenes • Javascript Footer • Mover CSS header • Optimiza Meta Tags • Precarga de recursos Minimiza los tiempos de peticiones • Combinar CSS • CSS en línea • Combinar JavaScript • JavaScript en línea • Configuración Domain Sharing • Imágenes de Sprite • Precarga DNS Optimiza la cache • Canonicalizar bibliotecas de JavaScript • Extender caché • Extender archivos PDF de caché • Caché de almacenamiento local • Esquema de CSS • Esquema de JavaScript
  24. 24. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg
  25. 25. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Alternativa a Mod PageSpeed • Extensión JHC Optimize para minificar Html, CSS, JS y más • Rockbuster • Optimizadores online reSmush.it Image Optimizer y Compressor.io • Extensión ImageRecycle image optimizer • Extensión LLFJ Lazy Load For Joomla! para la carga perezosa de imágenes
  26. 26. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg JHC Optimize
  27. 27. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg PageSpeed test final
  28. 28. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg Pingdom test final
  29. 29. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg WebPageTest test final
  30. 30. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg CDN vs Domain Sharding vs HTTP/2 CDN: red de distribución de contenidos, los servicios más destacables de CDN de los que hemos hablado son CloudFlare, Amazon CloudFront y KeyCDN (recomendado para visitas externas a tu datacenter) Domain Sharding: técnica de optimización de carga que nos permite realizar la carga paralela de los elementos de una web desde varios subdominios que apuntan al mismo servidor. HTTP/2: una única conexión para gobernarlo todo, HTTP 2.0 utiliza una única conexión para ofrecer múltiples solicitudes y respuestas en paralelo.
  31. 31. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg AMP AMP es una manera de compilar páginas web para contenido estático de representación rápida. AMP en acción consta de tres partes diferentes: • AMP HTML es básicamente contenido HTML ampliado con propiedades AMP personalizadas. • La biblioteca AMP JS implementa todas las prácticas recomendadas de rendimiento de AMP, administra la carga de recursos y te proporciona las etiquetas personalizadas • El Google AMP Cache es una red de distribución de contenido basada en proxy para la entrega de todos los documentos de AMP válidos. Extensión Joomla!: wbAMP - Community Edition
  32. 32. Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg GRACIAS!!
  33. 33. PATROCINADORES Joomla Day Madrid 2017 | ProfesionalHosting | antonio-torres.es | @atowersg

×