WPO para Magento - Meet Magento 2017
2 recomendaciones476 vistas
El documento proporciona 9 claves y una clave adicional para la optimización de rendimiento web (WPO) para proyectos de comercio electrónico basados en Magento. Las claves incluyen mantenerse actualizado con las últimas versiones de Magento, eliminar elementos no utilizados, optimizar el tamaño de los archivos, habilitar varios cachés, optimizar la base de datos MySQL, aprovechar servicios de terceros como CDN y asegurarse de usar hosting adecuado. El documento también discute consideraciones adicionales
![@SiteGround_ES#MM17ES
Configuración query_cache
[mysqld]
query_cache_type = 1
query_cache_size = 64M
query_cache_limit= 4M](https://image.slidesharecdn.com/meetmagentomadrid2017-wpoparamagento-171107205845/85/WPO-para-Magento-Meet-Magento-2017-32-320.jpg)
WPO para Magento - Meet Magento 2017
- 1. @SiteGround_ES#MM17ES Claves de rendimiento y optimización para tu eCommerce WPO PARA MAGENTO
- 2. @SiteGround_ES#MM17ES Fernando Puente @fpuenteonline Informático de vocación y de profesión Consultor Enterprise en SiteGround Consultor para La Estrategia de Chapman Formador para no técnicos
- 3. @SiteGround_ES#MM17ES Claves de rendimiento y optimización para tu eCommerce WPO PARA MAGENTO
- 4. @SiteGround_ES#MM17ES ¿Es importante un eCommerce rápido y optimizado?
- 6. @SiteGround_ES#MM17ES If an e-commerce site is making $100,000 per day, a 1 second page delay could potentially cost you $2.5 million in lost sales every year Kissmetric
- 7. @SiteGround_ES#MM17ES AliExpress reduced load time by 36% and saw a 10.5% increase in orders and a 27% increase in conversion for new customers
- 11. @SiteGround_ES#MM17ES Aplicar estrategias WPO a tu proyecto eCommerce
- 13. @SiteGround_ES#MM17ES Estrategias y tareas de diseño, de desarrollo, de optimización, de mejora del rendimiento, de gestión de los recursos y herramientas disponibles, etc... todo ello orientado a que el servicio que da nuestra web o proyecto online, sea el óptimo para todos y cada uno de los usuarios que la visitan, en cualquier soporte y en cualquier momento WPO
- 14. @SiteGround_ES#MM17ES Para aplicar WPO, lo primero es conocer qué factores afectan al rendimiento web
- 15. @SiteGround_ES#MM17ES ✓ Usuario: conectividad, localización y dispositivo ✓ Servidor: software, configuración, degradación… ✓ Hosting: CPD, HW & SW, soporte… ✓ Core, Plataforma o CMS utilizado ✓ Código: plantillas, plugins, extensiones, módulos, ... ✓ Diseño: lógico y visual Factores de rendimiento web
- 16. @SiteGround_ES#MM17ES ✓ Eliminar lo superfluo o no necesario o duplicado ✓ Optimizar el rendimiento de los recursos ✓ Diseñar una solución única para cada sesión de usuario, no "una para todo" ✓ Liberar de carga los recursos ✓ Aplicar lo último en tecnología Principales estrategias WPO
- 17. @SiteGround_ES#MM17ES 9+1 claves WPO para Magento
- 18. @SiteGround_ES#MM17ES 1. SIEMPRE A LA ÚLTIMA
- 19. @SiteGround_ES#MM17ES ✓ Siempre última versión de core/módulos: - Funcionalidades - Rendimiento - Seguridad - Solución de errores ✓ PHP7 + OPcache 1. Versiones & actualizaciones
- 20. @SiteGround_ES#MM17ES El único error admisible
- 21. @SiteGround_ES#MM17ES Versiones PHP para Magento 2 Magento 2.0.X Magento 2.1.X Magento 2.2.X
- 22. @SiteGround_ES#MM17ES 2. NO SEAS DIÓGENES
- 23. @SiteGround_ES#MM17ES ✓ Eliminar módulos no utilizados ✓ Limpiar los registros (Magento, sistema, errores, …) ✓ Desactivar módulos Apache y PHP no necesarios ✓ Ficheros olvidados (entorno limpio) 2. Síndrome de Diógenes
- 24. @SiteGround_ES#MM17ES 3. EL TAMAÑO IMPORTA
- 25. @SiteGround_ES#MM17ES ✓ Habilitar compresión GZip (no imágenes) ✓ Minify de archivos de texto (CSS, JS, HTML, JSON, XML o SVG) ✓ Combinar los CSS y JS ✓ Compresión de imágenes (previo o extensiones) ✓ Lazy load imágenes front-end 3. Cuestión de tamaño
- 26. @SiteGround_ES#MM17ES Minify y concatenar estáticos
- 27. @SiteGround_ES#MM17ES 4. LO ESTÁTICO ES RÁPIDO
- 28. @SiteGround_ES#MM17ES ✓ Habilitar todos los sistemas de caché de Magento ✓ Combinar con reverse proxy (Varnish o NGINX) ✓ Estrategia Full page caché (extensiones) ✓ Flat Catalog (categorias/productos) ✓ Habilitar mod_expires/mod_headers estáticos ✓ Eliminar cabecera ETag (obligatorio en cluster) ✓ Añadir cabecera Vary: Accept-Encoding 4. La caché
- 30. @SiteGround_ES#MM17ES 5. OPTIMIZA EL ARMARIO
- 31. @SiteGround_ES#MM17ES ✓ Habilitar query_cache en MySQL ✓ Tareas de mantenimiento 5. La base de datos en forma
- 32. @SiteGround_ES#MM17ES Configuración query_cache [mysqld] query_cache_type = 1 query_cache_size = 64M query_cache_limit= 4M
- 34. @SiteGround_ES#MM17ES ✓ Buen servicio DNS (rápido y TTL largo) ✓ Almacenar sesiones en Redis o Memcached ✓ Envío asíncrono de correos ✓ Deshabilitar servicios RSS ✓ Utilizar un dominio para estáticos (cookieless) ✓ Cargar los JS no críticos de manera diferida (defer) ✓ Revisar los enlaces rotos (carga innecesaria) 6. Los pequeños detalles
- 35. @SiteGround_ES#MM17ES Herramienta: SolveDNS La importancia de un buen DNS
- 36. @SiteGround_ES#MM17ES Envío asíncrono de correos
- 37. @SiteGround_ES#MM17ES 7. QUE TRABAJEN OTROS
- 38. @SiteGround_ES#MM17ES ✓ Utilizar para recursos estáticos y mejor entrega global de los mismos ✓ Eliminar funciones que presta la CDN: - GZip - Caché - Minify - Cabeceras HTTP 7. Usar recursos de terceros: CDN
- 39. @SiteGround_ES#MM17ES 8. SI YA ERES HTTP/2
- 40. @SiteGround_ES#MM17ES ✓ Domain sharding o paralelizar nombres de hosts ✓ Uso de sprites o imágenes concatenadas ✓ Resource inlining (CSS o JS) ✓ Concatenar JS y CSS ✓ Keep Alive header, ya no es necesario 8. HTTP/2: evitar
- 41. @SiteGround_ES#MM17ES ✓ Imágenes JPEG en formato progresivo ✓ Implementar SERVER PUSH 8. HTTP/2: novedades
- 42. @SiteGround_ES#MM17ES header("Link: </css/styles.css>; rel=preload; as=style"); HTTP/2: SERVER PUSH Disponible: Apache 2.4.18+ y Cloudflare <FilesMatch ".html$"> Header add Link "</css/styles.css>; rel=preload; as=style" Header add Link "</js/scripts.js>; rel=preload; as=script" </FilesMatch>
- 43. @SiteGround_ES#MM17ES 9. EL LOCAL DE LA TIENDA
- 44. @SiteGround_ES#MM17ES ✓ Localización del CPD ✓ Uptime ✓ Altos estándares de seguridad ✓ Soporte técnico especializado ✓ Escalabilidad y flexibilidad ✓ Tecnología: PHP7, HTTP/2 y SSD 9. Hosting
- 45. @SiteGround_ES#MM17ES Si tu eCommerce está caído o inaccesible, ¿cuántas ventas generas?
- 50. @SiteGround_ES#MM17ES ✓ Offline-First: uso de Service Workers ✓ Sitios mobile-only ✓ Formatos AMP y FIA para eCommerce ✓ Nuevos algoritmos de compresión: Zopfli o Brotli ✓ Nuevos formatos de imagen: WebP o BPG Futuro tecnológico
- 51. @SiteGround_ES#MM17ES Todo proyecto web es optimizable