wpo para magento - meet magento 2017
TRANSCRIPT
![Page 1: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/1.jpg)
@SiteGround_ES#MM17ES
Claves de rendimiento y optimización para tu eCommerce
WPO PARA MAGENTO
![Page 2: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/2.jpg)
@SiteGround_ES#MM17ES
Fernando Puente@fpuenteonline
Informático de vocación y de profesión
Consultor Enterprise en SiteGroundConsultor para La Estrategia de ChapmanFormador para no técnicos
![Page 3: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/3.jpg)
@SiteGround_ES#MM17ES
Claves de rendimiento y optimización para tu eCommerce
WPO PARA MAGENTO
![Page 4: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/4.jpg)
@SiteGround_ES#MM17ES
¿Es importante un eCommercerápido y optimizado?
![Page 5: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/5.jpg)
@SiteGround_ES#MM17ES
+60% faster,+14% donations
Obama campaign
![Page 6: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/6.jpg)
@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 yearKissmetric
![Page 7: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/7.jpg)
@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
![Page 8: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/8.jpg)
@SiteGround_ES#MM17ES
Fuente: Linkedin
![Page 9: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/9.jpg)
@SiteGround_ES#MM17ES
TODO INDICA QUE SÍ
![Page 10: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/10.jpg)
@SiteGround_ES#MM17ES
¿SOLUCIÓN?
![Page 11: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/11.jpg)
@SiteGround_ES#MM17ES
Aplicar estrategias WPOa tu proyecto eCommerce
![Page 12: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/12.jpg)
@SiteGround_ES#MM17ES
¿WPO = VELOCIDAD?NO
![Page 13: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/13.jpg)
@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
![Page 14: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/14.jpg)
@SiteGround_ES#MM17ES
Para aplicar WPO, loprimero es conocer
qué factores afectan alrendimiento web
![Page 15: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/15.jpg)
@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
![Page 16: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/16.jpg)
@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
![Page 17: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/17.jpg)
@SiteGround_ES#MM17ES
9+1 claves WPO para Magento
![Page 18: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/18.jpg)
@SiteGround_ES#MM17ES
1. SIEMPRE A LA ÚLTIMA
![Page 19: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/19.jpg)
@SiteGround_ES#MM17ES
✓ Siempre última versión de core/módulos:
- Funcionalidades
- Rendimiento
- Seguridad
- Solución de errores
✓ PHP7 + OPcache
1. Versiones & actualizaciones
![Page 20: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/20.jpg)
@SiteGround_ES#MM17ES
El único error admisible
![Page 21: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/21.jpg)
@SiteGround_ES#MM17ES
Versiones PHP para Magento 2
Magento 2.0.X
Magento 2.1.X
Magento 2.2.X
![Page 22: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/22.jpg)
@SiteGround_ES#MM17ES
2. NO SEAS DIÓGENES
![Page 23: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/23.jpg)
@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
![Page 24: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/24.jpg)
@SiteGround_ES#MM17ES
3. EL TAMAÑO IMPORTA
![Page 25: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/25.jpg)
@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
![Page 26: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/26.jpg)
@SiteGround_ES#MM17ES
Minify y concatenar estáticos
![Page 27: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/27.jpg)
@SiteGround_ES#MM17ES
4. LO ESTÁTICO ES RÁPIDO
![Page 28: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/28.jpg)
@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é
![Page 29: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/29.jpg)
@SiteGround_ES#MM17ES
Flat Catalog
>1000 productos
![Page 30: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/30.jpg)
@SiteGround_ES#MM17ES
5. OPTIMIZA EL ARMARIO
![Page 31: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/31.jpg)
@SiteGround_ES#MM17ES
✓ Habilitar query_cache en MySQL
✓ Tareas de mantenimiento
5. La base de datos en forma
![Page 32: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/32.jpg)
@SiteGround_ES#MM17ES
Configuración query_cache
[mysqld]
query_cache_type = 1
query_cache_size = 64M
query_cache_limit= 4M
![Page 33: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/33.jpg)
@SiteGround_ES#MM17ES
6. TODO SUMA
![Page 34: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/34.jpg)
@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
![Page 35: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/35.jpg)
@SiteGround_ES#MM17ES
Herramienta: SolveDNS
La importancia de un buen DNS
![Page 36: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/36.jpg)
@SiteGround_ES#MM17ES
Envío asíncrono de correos
![Page 37: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/37.jpg)
@SiteGround_ES#MM17ES
7. QUE TRABAJEN OTROS
![Page 38: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/38.jpg)
@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
![Page 39: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/39.jpg)
@SiteGround_ES#MM17ES
8. SI YA ERES HTTP/2
![Page 40: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/40.jpg)
@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
![Page 41: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/41.jpg)
@SiteGround_ES#MM17ES
✓ Imágenes JPEG en formato progresivo
✓ Implementar SERVER PUSH
8. HTTP/2: novedades
![Page 42: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/42.jpg)
@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>
![Page 43: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/43.jpg)
@SiteGround_ES#MM17ES
9. EL LOCAL DE LA TIENDA
![Page 44: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/44.jpg)
@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
![Page 45: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/45.jpg)
@SiteGround_ES#MM17ES
Si tu eCommerce estácaído o inaccesible,
¿cuántas ventas generas?
![Page 46: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/46.jpg)
@SiteGround_ES#MM17ES
BONUS TRACK
![Page 47: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/47.jpg)
@SiteGround_ES#MM17ES
Performance Dashboard
![Page 48: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/48.jpg)
@SiteGround_ES#MM17ES
Performance Dashboard
![Page 49: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/49.jpg)
@SiteGround_ES#MM17ES
FUTURO WPO
![Page 50: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/50.jpg)
@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
![Page 51: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/51.jpg)
@SiteGround_ES#MM17ES
Todo proyecto web esoptimizable
![Page 52: WPO para Magento - Meet Magento 2017](https://reader034.vdocuments.site/reader034/viewer/2022052305/5a64b3697f8b9adf788b4613/html5/thumbnails/52.jpg)
@SiteGround_ES#MM17ES
Gracias!