Embed Size (px)
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
