ESPECIALIZADO EN WPO - Alvaro Fontela · che y Swift Performance solo disponen de cache de página....

Preview:

Citation preview

CONSULTORWORDPRESS ESPECIALIZADO

EN WPOCO-FUNDADOR DE

RAIOLA NETWORKS

TÉCNICAS WPO¿QUÉ SON Y PARA QUÉ SIRVEN?

Son técnicas utilizadas para optimizar la velocidad de carga y el

consumo de recursos deun sitio web

#CEMD18@ALVAROFONTELA

Según mi experiencia, la técnica WPO más efectiva es laimplementación de un sistema de cache, concretamente la

“cache de página”.

¿CUÁL ES LA TÉCNICA WPO MÁS EFECTIVA?

#CEMD18@ALVAROFONTELA

Cache de páginaCache de consultas a la base de datosCache de objetosOPCache para PHP

La cache de página es la más efectiva en entornos web simples y la más común en WordPress.

¿CUÁNTOS TIPOS DE CACHE SON APLICABLES A WORDPRESS?

#CEMD18@ALVAROFONTELA

Una cache de página sirve páginas HTML preprocesadas y previamente montadas y guardadas en cache. De esta forma no hace falta procesar toda

la información una y otra vez cada vez que un visitante la pide.

¿CÓMO FUNCIONA UNA CACHE DE PÁGINA?

#CEMD18@ALVAROFONTELA

Menor consumo de recursos al servir peticiones

Tiempos de respuesta más bajos y eficientes

¿QUÉ NOS APORTA UNA CACHE DE PÁGINA?

#CEMD18@ALVAROFONTELA

(Pruebas realizadas con servidor web Apache y plugin de cache WP Rocket para WordPress)

EJEMPLO DE LO QUE PUEDE HACER LA CACHE...

#CEMD18@ALVAROFONTELA

CON UN PLUGIN DE CACHE: WP Rocket, Swift Performance…

CON UN SERVICIO INSTALADO EN EL SERVIDOR: Nginx, Varnish…

CON UN SERVICIO CDN POR PROXY INVERSO COMO CLOUDFLARE

¿CÓMO IMPLEMENTAR UNA CACHE DE PÁGINA EN WORDPRESS?

#CEMD18@ALVAROFONTELA

PLUGINS DE CACHE DE PÁGINA PARA WORDPRESS

PLUGINS DE CACHE DE PÁGINA PARA WORDPRESS

Cache de página de las más efectivas en tiempos de respuesta

Configuración de CDN bastante avanzada y flexible

Configuración fácil y rápida. Alta compatibilidad

WP ROCKET

PRINCIPALES VENTAJAS

#CEMD18@ALVAROFONTELA

Muchas opciones de configuración adicionales WPO

Opciones útiles para la optimización de WooCommerce

Configuración de cache muy flexible y adaptable

SWIFT PERFORMANCE

PRINCIPALES VENTAJAS

#CEMD18@ALVAROFONTELA

Varios tipos de cache disponibles: página, objetos, consultas…

Configuración muy flexible y escalable

Plugin muy potente y con soporte para WPO avanzado y balanceo

W3 TOTAL CACHE

PRINCIPALES VENTAJAS

#CEMD18@ALVAROFONTELA

Cache de página efectiva y sin distracciones

Configuración fácil y rápida

Es gratis

WP FASTEST CACHE (FREE)

PRINCIPALES VENTAJAS

#CEMD18@ALVAROFONTELA

COMPARATIVA

Test realizado con Pingdom Tools desde FrankFurkt, servidor web Apache y WordPress con demo de Elementor PageBuilder

FirstByte

#CEMD18@ALVAROFONTELA

COMPARATIVA

Prueba realizada con Swift Performance, comparando el servir cache con rewrites en el .htaccess con servir cache usando PHP

Formas de servir cache

Cache servida con .htaccess vs Cache servida con PHP

#CEMD18@ALVAROFONTELA

NO TODO ES FIRST BYTE Y TIEMPOS DE RESPUESTA: LOS PLUGINS DE CACHE TIENEN FUNCIONALIDADES EXTRA

TIPOS DE CACHE CONFIGURABLES

#CEMD18@ALVAROFONTELA

W3 Total Cache permite configurar: - cache de página - cache de consultas a la DB - cache de objetos - compatibilidad con OPCache

Por el contrario, WP Rocket, WP Fastest Ca-che y Swift Performance solo disponen de

cache de página.

CACHE PARA MÓVILES

Todos los plugins de cache incluyen configuración para cache móvil, aunque en

el caso de W3 Total Cache esta es más avanzada y flexible

#CEMD18@ALVAROFONTELA

BROWSER CACHE Y COMPRESIÓN GZIP

Todos los plugins de cache mencionados permiten configurar la compresión GZIP y

la cache de navegador

#CEMD18@ALVAROFONTELA

#CEMD18@ALVAROFONTELA

CONTROL DEL API HEARTBEAT

Swift Performance y WP Rocket permiten configurar los pulsos y el funcionamiento

del API HeartBeat de WordPress.

CONFIGURACIÓN DESERVICIOS CDN

WP Rocket, Swift Performance y W3 Total Cache tienen funcionalidades avanzadas para

configuración de servicios de CDN.

WP Fastest Cache, en su versión gratuita, es más limitado.

#CEMD18@ALVAROFONTELA

PRECARGA DE CACHE

WP Rocket, W3 Total Cache y Swift Performance tienen un sistema de precache efectivo, aunque en el caso de

WP Rocket este es configurable en un solo clic.

#CEMD18@ALVAROFONTELA

PREFETCH DEPETICIONES DNS

WP Rocket y Swift Performance permiten realizar “prefetch DNS”, aunque en el caso de

Swift Performance la configuración es más automática.

#CEMD18@ALVAROFONTELA

OPTIMIZACIÓN DELA DB MYSQL

WP Rocket y Swift Performance disponen de una sección entera de opciones para

borrar basura de la DB y optimizar las tablas de la base de datos de WordPress.

#CEMD18@ALVAROFONTELA

OPTIMIZACIÓN DEIMÁGENES

Swift Performance incluye un módulo para optimización de imágenes. WP Rocket no, aunque podemos añadírselo con Imagify.

#CEMD18@ALVAROFONTELA

OPTIMIZACIÓN DE CÓDIGO

Todos los plugins mencionados permiten optimizar código (combinar y mi-nificar, entre otras técnicas). Sin embargo, W3 Total Cache es la herramien-ta más avanzada en cuanto a configuración y WP Rocket es la más “amiga-

ble” y fácil para hacer esto.

#CEMD18@ALVAROFONTELA

COMPATIBILIDADCON VARNISH

Varnish se ha convertido en uno de los proxy inverso cache más usados.

Por esa razón W3 Total Cache, WP Rocket y Swift Performance tienen compatibilidad con

este software.

#CEMD18@ALVAROFONTELA

OTRAS FUNCIONALIDADES

Políticas de vaciado de cache avanzadas

Desactivación de emojis y limpiado de cabeceras

Lazy Load

Cache de gravatar

#CEMD18@ALVAROFONTELA

CONCLUSIÓN

gracias@ALVAROFONTELA @RAIOLANETWORKS

muchasCONSULTOR WORDPRESS & CO-FUNDADOR DE RAIOLA NETWORKS

Recommended