wpo para wordpress - seoday · el hosting o servidor y la versiÓn de php parte ii un hosting o...

WPO PARAWORDPRESS

CO-FUNDADOR DE

RAIOLA NETWORKS

CONSULTOR WORDPRESSESPECIALIZADO EN WPO

¿QUIÉN SOY?

GRACIAS

¿QUÉ ES WOOCOMMERCE?

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Se trata de un plugin para WordPress. Loconvierte en una potente y extensible herramienta

para la creación y gestión de ecommerce.

¿POR QUÉ WOOCOMMERCE? PARTE I

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Facilita los procesos de digitalización y transformación digital con unacurva de aprendizaje simple y unos costes de implementación bajos.

Posibilidades de ampliación únicas sin necesidad de invertir en desarrollo a medida.

¿POR QUÉ WOOCOMMERCE? PARTE II

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

NOTA: EL 33,3% DE LOS SITIOS WEB DE INTERNET ESTÁN CREADOS CON WORDPRESS.

4,8% 0,8% 1,0%

PRESTASHOPWOOCOMMERCE MAGENTO

¿POR QUÉ WPO?

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Las técnicas WPO sirven para mejorarla velocidad de carga y reducir el consumo

de recursos de un sitio web.

¿CÓMO AFECTA EL WPO A UN ECOMMERCE?

EXPERIENCIADE USUARIO

MEJORA ENLOS RASTREOS

CONSUMO DERECURSOS

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

TEORÍA

¿CÓMO AFECTA EL WPO A UN ECOMMERCE?

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

PRÁCTICA

¿CÓMO AFECTA EL WPO A UN ECOMMERCE?

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

AliExpress mejoró un 27% la conversión al mejorar el tiempo de carga un 36%.

¿CÓMO AFECTA EL WPO A UN ECOMMERCE?

Amazon calcula que, si su tiempo de carga au-mentara 1 segundo, perdería 1.600 millones al

año.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

¿CÓMO AFECTA EL WPO A UN ECOMMERCE?

Zalando mejoró sus beneficios un 0,7%mejorando 100ms el tiempo de carga.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

WPO PARA WORDPRESS

CACHE DE PÁGINA

CACHE DE PÁGINA EN WOOCOMMERCEPARTE I

La implementación de cache de página es una de las técnicas WPOmás efectivas y más necesarias para reducir los tiempos de respuesta.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

CACHE DE PÁGINA EN WOOCOMMERCEPARTE II

Prueba con y sin cache, con WP Rocket sobre una demo de Elementor.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

@alvarofontela - @RaiolaNetworksalvarofontela.com - raiolanetworks.com

CACHE DE PÁGINA EN WOOCOMMERCEPARTE III

Resultado de implementar Nginx Cache en un sitio complejo dinámico que

NUNCA tuvo cache.

CACHE DE PÁGINA EN WOOCOMMERCEPARTE IV

Implementar cache en WooCommerce es más complejo que en unWordPress normal.

Debemos tener en cuenta las paginas de sesión y los carritos de la compra.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

CACHE DE PÁGINA EN WOOCOMMERCEPARTE V

WP ROCKET SWIFT PERFORMANCEW3 TOTAL CACHE

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DEFOTOS E IMÁGENES

OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE I

El 99% de los sitios web de Internet tienen problemas deoptimización y escalado de imágenes.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE II

Podemos optimizar y escalar las imágenes al subirlas aWordPress de forma automática con plugins.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE III

IMAGIFY EWWW IMAGE OPTIMIZER IMSANITY

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE IV

NO ES LO MISMO SERVIR 66KB QUE 361KB

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE CSS Y JS

OPTIMIZACIÓN DE CSS Y JSPARTE I

MINIFICAR COMBINAR CARGA ASÍNCRONA

Podemos optimizar la carga de CSS y JS con 3 acciones:

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE CSS Y JSPARTE II

La optimización de la carga de JS y CSS mejora la experiencia de usuario al agilizar la carga. Al mismo tiempo, simplifica la carga para los bots, de modo que se puede aprovechar mejor el crawl budget.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE CSS Y JSPARTE III

WP ROCKET ASYNC JAVASCRIPT AUTOPTIMIZE

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

OPTIMIZACIÓN DE CSS Y JSPARTE IV

Al optimizar la carga de JS y CSS,se simplifica la carga para el bot de

Google y se aprovecha mejor elcrawl budget.

@alvarofontela - @RaiolaNetworksalvarofontela.com - raiolanetworks.com

CDN

Un servicio CDN es ideal cuando trabajamos con webs con tráfico dedistintas partes del planeta. Por ejemplo, webs españolas con tráfico

de América Latina.

CONFIGURAR UN CDNPARTE I

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

CDN77 CLOUDFRONTKEYCDN

CONFIGURAR UN CDNPARTE II

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

PRUEBA REALIZADA CON PINGDOM TOOLS DESDE AUSTRALIA CON Y SIN CDN.

CONFIGURAR UN CDNPARTE III

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

CARGA CONDICIONAL DE ELEMENTOS

CARGA ADICIONAL DE ELEMENTOSPARTE I

La carga condicional de JS y CSS en el front-end(también llamada carga condicional de plugins)nos permite simplificar la carga de JS y CSS y obtener mayor eficiencia, al no cargar elementos innecesarios en algunas partes de la web.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

CARGA ADICIONAL DE ELEMENTOSPARTE II

SCRIPTSDEQUEUER

GONZALESPERFMATTERS

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

CARGA ADICIONAL DE ELEMENTOSPARTE III

Carga condicional sobre un sitio complejo y sus efectos en el bot de Google.

@alvarofontela - @RaiolaNetworksalvarofontela.com - raiolanetworks.com

EL HOSTING O SERVIDORY LA VERSIÓN DE PHP

EL HOSTING O SERVIDOR Y LA VERSIÓN DE PHP PARTE I

Actualmente, para webs WordPress debemos utilizar SÍ o SÍ la rama 7 de PHP, es decir, una versión de PHP 7.0 o superior.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

EL HOSTING O SERVIDOR Y LA VERSIÓN DE PHP PARTE II

Un hosting o servidor con un webservice basado en Nginx o LiteSpeed en lugar deApache es indispensable para mantener unos buenos tiempos de respuesta.

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

TWEAKS Y CONSEJOS EXTRA

OPTIMIZACIÓN DE GRANDES CATÁLOGOS

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Es necesario tener controlada esta funcionalidad de WordPress para evitar las ralentizaciones por exceso en el uso de código AJAX para

cargar zonas dinámicas.

OPTIMIZACIÓN DE GRANDES CATÁLOGOS

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Con el plugin Premmerce WooCommerce Performance Optimizer podemos optimizar las consultas realizadas por WooCommerce en

grandes catálogos de productos y variaciones.

DESACTIVAR EL WP-CRON.PHP DE WORDPRESS

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Para reducir el consumo de recursos de PHP deWordPress + WooCommerce es recomendable desactivar elwp-cron.php de WordPress y utilizar el CRON del servidor.

DESACTIVAR SCRIPTS DE WOOCOMMERCE

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Es recomendable desactivar la carga de los scripts de WooCommerce en zonas donde no hay elementos del ecommerce. Es muy útil si tenemos un blog o páginas estáticas en la misma instalación que la tienda online.

UNA ÚLTIMA COSA…

ARGO BY CLOUDFLARE PARTE I

El concepto de ARGO BY CLOUDFLARE es este:

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

ARGO BY CLOUDFLARE PARTE II

Y el resultado de cara a GOOGLE es este:

ARGO BY CLOUDFLARE PARTE III

@alvarofontela@RaiolaNetworks

alvarofontela.comraiolanetworks.com #SEODAYPERÚ - #WPO

Argo by CloudFlare garantiza una mejora teórica del enrutamiento en Asia y América Latina del 48% con un 35% menos de timeouts en conexiones.

PUEDES ENCONTRAR MÁS SOBREWPO PARA WOOCOMMERCE AQUÍ:

alvarofontela.com/wpo-optimizar-woocommerce/

50% DE DESCUENTODURANTE 48 HORAS EN HOSTING

alvarofontela.com/hostingseoday

RAIOLA NETWORKSServidores en América Latina

Hosting con cPanel y LiteSpeedSoporte en español

graciasmuchas

CONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA NETWORKS