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



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



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?



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



TEORÍA




PRÁCTICA




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


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

año.




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



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.



CACHE DE PÁGINA EN WOOCOMMERCEPARTE II

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



@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.



CACHE DE PÁGINA EN WOOCOMMERCEPARTE V

WP ROCKET SWIFT PERFORMANCEW3 TOTAL CACHE



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.



OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE II

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



OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE III

IMAGIFY EWWW IMAGE OPTIMIZER IMSANITY



OPTIMIZACIÓN DE FOTOS E IMÁGENESPARTE IV

NO ES LO MISMO SERVIR 66KB QUE 361KB



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:



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.



OPTIMIZACIÓN DE CSS Y JSPARTE III

WP ROCKET ASYNC JAVASCRIPT AUTOPTIMIZE



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.


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



CDN77 CLOUDFRONTKEYCDN

CONFIGURAR UN CDNPARTE II



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

CONFIGURAR UN CDNPARTE III



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.



CARGA ADICIONAL DE ELEMENTOSPARTE II

SCRIPTSDEQUEUER

GONZALESPERFMATTERS



CARGA ADICIONAL DE ELEMENTOSPARTE III

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


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.



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.



TWEAKS Y CONSEJOS EXTRA

OPTIMIZACIÓN DE GRANDES CATÁLOGOS



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



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



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



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:



ARGO BY CLOUDFLARE PARTE II

Y el resultado de cara a GOOGLE es este:

ARGO BY CLOUDFLARE PARTE III



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

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

Documents