![Page 1: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/1.jpg)
#SMMDay
WPO para tiendas online WooCommerce
#SMMDay
@alvarofontela
![Page 2: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/2.jpg)
CO-FUNDADOR DE
RAIOLA NETWORKS
CONSULTOR WORDPRESSESPECIALIZADO EN WPO
![Page 3: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/3.jpg)
¿QUÉ ES EL WPO?
Se trata de una serie de técnicas y buenasprácticas para hacer que un sitio web cargue más rápido y el visitante vea la página antes.
@alvarofontela #SMMDay
![Page 4: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/4.jpg)
@alvarofontela #SMMDay
RAZONES PARA TENER UN ECOMMERCE RÁPIDOPARTE I
Zalando consiguió durante el veranode 2018 una mejora aproximada del 0,7% en el ticket
medio simplemente mejorando la velocidad de carga en 100ms.
![Page 5: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/5.jpg)
AliExpress mejoró la velocidad de carga en 2016un 36% y aumentó en un 27% la conversión para nuevos clientes.
RAZONES PARA TENER UN ECOMMERCE RÁPIDOPARTE II
@alvarofontela #SMMDay
![Page 6: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/6.jpg)
Walmart mejoró en 1 segundo su velocidad de cargaen 2013 y aumentó aproximadamente en un 10% la conversión.
RAZONES PARA TENER UN ECOMMERCE RÁPIDOPARTE III
@alvarofontela #SMMDay
![Page 7: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/7.jpg)
En 2008, Amazon publicó un estudio dondecomentaba que un retraso de 0,1 segundos (100ms) en la
carga de sus páginas provocaba una bajada de ventas del 1%.
RAZONES PARA TENER UN ECOMMERCE RÁPIDOPARTE IV
@alvarofontela #SMMDay
![Page 8: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/8.jpg)
TÚ TAMBIÉN PUEDES HACERLO EN TU ECOMMERCE
![Page 9: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/9.jpg)
¿POR QUÉ WOOCOMMERCE + WORDPRESS?
@alvarofontela
USO FACILIDAD COSTES
#SMMDay
![Page 10: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/10.jpg)
WPO PARA WOOCOMMERCE
@alvarofontela
![Page 11: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/11.jpg)
Un cache de página bien configurado para ser eficiente nos proporcionará una mejora BRUTAL en los tiempos de carga.
@alvarofontela
1- CONFIGURACIÓN DE CACHE EN WOOCOMMERCE
PARTE I
#SMMDay
![Page 12: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/12.jpg)
WP Rocket W3 Total Cache Swift Performance
Para WordPress + WooCommerce recomiendo estas soluciones de cache:
@alvarofontela
1- CONFIGURACIÓN DE CACHE EN WOOCOMMERCE
PARTE II
En servidores con LiteSpeed Cache, es recomendable usar LS Cache.
#SMMDay
![Page 13: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/13.jpg)
Es MUY importante revisar que no se incluyan en cache las partes
dinámicas de una tienda online, yaque pueden provocar un problema de
privacidad importante.
@alvarofontela
1- CONFIGURACIÓN DE CACHE EN WOOCOMMERCE
PARTE III
#SMMDay
![Page 14: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/14.jpg)
Las mejoras no solo serán de caraal usuario, sino también de cara al
bot de Google y al rastreo denuestrositio web.
@alvarofontela
1- CONFIGURACIÓN DE CACHE EN WOOCOMMERCE
PARTE IV
#SMMDay
![Page 15: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/15.jpg)
El 99% de los sitios web de Internet tienen problemas con la optimización y el escalado
de las imágenes cargadas.
@alvarofontela
2 – OPTIMIZACIÓN DE IMÁGENESPARTE I
#SMMDay
![Page 16: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/16.jpg)
@alvarofontela
2 – OPTIMIZACIÓN DE IMÁGENESPARTE II
IMAGIFY TINYPNG EWWW IMAGE OPTIMIZER
Mediante plugins para WordPress podemos optimizar y escalar automáticamente las imágenes subidas a la tienda online.
#SMMDay
![Page 17: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/17.jpg)
Es muy importante controlar el reescalado para evitar mostrar imágenes
demasiado GRANDES en huecos demasiado pequeños.
@alvarofontela
2 – OPTIMIZACIÓN DE IMÁGENESPARTE III
#SMMDay
![Page 18: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/18.jpg)
@alvarofontela
3 – OPTIMIZACIÓN DE CSS Y JAVASCRIPTPARTE I
COMBINAR:
MINIFICAR:
CARGA ASÍNCRONA:
Unir varios archivos del mismo tipo en un único archivo.
Reducir el peso de los archivos eliminando “basura”.
Carga del JavaScript en paralelo para “ganar tiempo”.
#SMMDay
![Page 19: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/19.jpg)
En WordPress podemos hacer estomediante plugins, aunque su
funcionamiento no siempre es el correcto.
@alvarofontela
3 – OPTIMIZACIÓN DE CSS Y JAVASCRIPTPARTE II
Más información aquí: raiola.es/optimizarjscss
#SMMDay
![Page 20: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/20.jpg)
Las mejoras no son solo en la velocidad de carga para el usuario, sino en la
facilidad que tiene el bot de Google para rastrear la web.
@alvarofontela
3 – OPTIMIZACIÓN DE CSS Y JAVASCRIPTPARTE III
#SMMDay
![Page 21: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/21.jpg)
@alvarofontela
4 – OPTIMIZACIÓN DE GOOGLE FONTS PARTE I
Al abusar de Google Fonts se producen problemas derendimiento por peticiones externas.
Al extenderse el uso de Google Fonts, muchos sitios web ABUSANde estas fuentes.
#SMMDay
![Page 22: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/22.jpg)
@alvarofontela
4 – OPTIMIZACIÓN DE GOOGLE FONTS PARTE II
Combinar todas las peticiones en una única petición.
Cargar las fuentes de Google Fonts desde el servidor de la web (local).
Para optimizar la carga de Google Fonts podemos:
#SMMDay
![Page 23: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/23.jpg)
@alvarofontela
4 – OPTIMIZACIÓN DE GOOGLE FONTS PARTE III
SELF-HOSTED GOOGLE FONTS PRO ANY FONT
Existen dos plugins que te ayudarán a optimizar la cargade Google Fonts en WordPress:
#SMMDay
![Page 24: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/24.jpg)
La carga condicional o carga inteligente de elementos en WordPress + WooCommerce
nos permite cargar scripts JS y hojas de estilos CSS en páginas de la web donde realmente se necesitan y no se cargan
donde no se necesitan.
@alvarofontela
5 – CARGA CONDICIONAL DE ELEMENTOS Y PLUGINS
PARTE I
#SMMDay
![Page 25: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/25.jpg)
@alvarofontela
5 – CARGA CONDICIONAL DE ELEMENTOS Y PLUGINS
PARTE II
En situaciones “chungas” podemos mejorar los tiempos de respuesta para
Google simplemente con la carga condicional de elementos.
#SMMDay
![Page 26: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/26.jpg)
@alvarofontela
5 – CARGA CONDICIONAL DE ELEMENTOS Y PLUGINS
PARTE III
PERFMATTERS SCRIPTS DEQUEUER GONZALES WORDPRESS PLUGIN
3 plugins te permitirán hacer carga condicional FÁCIL en WordPress:
#SMMDay
![Page 27: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/27.jpg)
@alvarofontela
6 – CONFIGURACIÓN DE UN CDN PARTE I
Un CDN es un servicio que nos permite servir contenidos estáticosdesde servidores más cercanos geográficamente al visitante.
#SMMDay
![Page 28: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/28.jpg)
6 – CONFIGURACIÓN DE UN CDN PARTE II
Un CDN es útil cuando tenemos mucho tráfico internacional. Por ejemplo, cuando tenemos una web en España pero vendemos a TODO el mundo,
sobretodo a habla hispana.
@alvarofontela #SMMDay
![Page 29: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/29.jpg)
6 – CONFIGURACIÓN DE UN CDN PARTE III
La mejora al servir imágenes con un CDN se nota mucho, sobretodo cuanto mayor es la distancia y por lo tanto la latencia.
@alvarofontela
(Prueba desde EE. UU., servidor en España, CloudFlare CDN)
#SMMDay
![Page 30: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/30.jpg)
6 – CONFIGURACIÓN DE UN CDN PARTE IV
@alvarofontela
KEYCDN CDN77 AMAZON CLOUDFRONT
Existen distintos servicios CDN, pero yo recomiendo estos 3
#SMMDay
![Page 31: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/31.jpg)
WordPress SOLO puede usar de forma nativa 40 MB de RAM por proceso PHP.
Podemos ampliar este límite en el wp-config.php
@alvarofontela
7 – TWEAKS Y AJUSTES EN WOOCOMMERCE
PARTE I
Más información aquí: raiola.es/wpmemorylimit
Ampliar WP_MEMORY_LIMIT
#SMMDay
![Page 32: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/32.jpg)
@alvarofontela
7 – TWEAKS Y AJUSTES EN WOOCOMMERCE
PARTE II
Optimizar las consultas y la ejecución de scripts de WooCommerce conPremmerce WooCommerce Performance Optimizer.
Más información aquí: raiola.es/premmercewpo
#SMMDay
![Page 33: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/33.jpg)
Esto suele funcionar en tiendas MUY grandescon muchos productos y muchas variaciones,
aunque es una medida de último recurso.
@alvarofontela
7 – TWEAKS Y AJUSTES EN WOOCOMMERCE
PARTE III
Optimización de la base de datos MySQLy creación de índices
#SMMDay
![Page 34: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/34.jpg)
@alvarofontela
7 – TWEAKS Y AJUSTES EN WOOCOMMERCE
PARTE IV
#SMMDay
Un servidor web con Nginx o LiteSpeed puede ayudarte a obtener mejores
tiempos de respuesta al servir páginasa los visitantes, incluso con un cache
de página configurado.
![Page 35: #SMMDay WPO para tiendas online WooCommerce...de 2018 una mejora aproximada del 0,7% en el ticket medio simplemente mejorando la velocidad de carga en 100ms. AliExpress mejoró la](https://reader033.vdocuments.site/reader033/viewer/2022042012/5e72f378c5675334d65e7608/html5/thumbnails/35.jpg)
gracias@ALVAROFONTELA @RAIOLANETWORKS
muchasCONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA NETWORKS