Este documento presenta estrategias para optimizar el rendimiento web (WPO) a bajo costo. Explica que WPO no se trata solo de velocidad, sino de mejorar la experiencia del usuario mediante el diseño, desarrollo y optimización de recursos. Luego enumera siete principales estrategias WPO como eliminar contenido innecesario, optimizar el rendimiento de recursos, diseñar soluciones óptimas para cada usuario, liberar carga de recursos, aplicar últimas tecnologías, reducir impacto de recursos de terceros
2. #WCVenezuela2021
Fernando Puente
COO en YITH
Soy informático de vocación y de profesión,
formador ocasional y un enamorado de
comer y beber.
Desde 1996 trabajando en TI y desde 2007
con WordPress.
@fpuenteonline
6. #WCVenezuela2021
WPO
Estrategias y tareas de diseño, de desarrollo,
de optimización, de mejora del rendimiento,
de gestión de los recursos y herramientas
disponibles, etc... todo ello orientado a que el
servicio que da nuestra web o proyecto
online, sea el óptimo para todos y cada uno
de los usuarios que la visitan, en cualquier
soporte y dispositivo, y en cualquier
momento.
10. #WCVenezuela2021
1. Eliminar lo superfluo, no
necesario o duplicado
2. Optimizar el rendimiento de
los recursos
3. Diseñar una solución óptima
para cada sesión de usuario,
no "una para todo”
Principales estrategias WPO
4. Liberar de carga los recursos
5. Aplicar lo último en
tecnología
6. Reducir el impacto de los
recursos de terceros
7. Sentido común
11. #WCVenezuela2021
1. Eliminar lo no necesario
● Plugins no usados o código que
no se ejecuta
● Minify de archivos de texto (CSS,
JS, HTML, JSON, XML o SVG)
● Cabeceras innecesarias en HTML
● Emojis
● Embeds
● Dashicons
● Pingbacks
● Categorías y etiquetas
● Revisiones
● Imágenes y thumbnails
● Comentarios y spam
● Enlaces
● Pruebas (archivos y BD)
● Usuarios WP
● Logs y archivos de servidor
● Widgets innecesarios
12. #WCVenezuela2021
2. Optimizar el rendimiento de los recursos
● Caché de servidor (OPcache,
objetos y página)
● Caché de navegador
● CDN para recursos estáticos
● Comprimir archivos de texto
● No utilizar @import en CSS
● Aplicar code-split a ficheros JS
● Lazy load de comentarios
● Utilizar servicio externo para los
comentarios
● Limita el uso de fuentes
personalizadas y/o usar fuentes del
sistema
● Combinar CSS y JS archivos pequeños
● Base de datos:
➔ Añadir índice en el campo
autoload de la tabla wp_options
➔ Utilizar InnoDB, no MyISAM
➔ Mantenimiento periódico
13. #WCVenezuela2021
3. Solución óptima para usuario
● Carga condicional de plugins
● Archivos CSS por dispositivo
● Mejorar CSS crítico (ATF)
● Servicio DNS especializado
● Cercanía geográfica del servicio
● Formato AMP
● Caché de servidor por dispositivo
● Utilizar Prerender
● Imágenes:
➔ Tamaño adecuado
➔ Width y height en HTML
➔ Eliminar metadatos
➔ Generar sólo los thumbnails
necesarios por el tema
➔ No aplicar deflate/gzip
➔ JPEG progresivo (HTTP/2)
➔ Formatos WebP o SVG
➔ Aplicar Lazy load
14. #WCVenezuela2021
● Desactivar servicios no usados
de servidor
● Heartbeat: reducir o eliminar
● Aplicar caché/deshabilitar feed
● Revisar los enlaces rotos
● Revisar hotlinking
● Reducir/Eliminar redirecciones
● Mover redirecciones de WP al
servidor
4. Liberar de carga los recursos
● Desactivar la REST API
● Deshabitar cron interno, utilizar
cron desde servidor o externo
● Limitar log y debug en
producción
● Robots:
➔ Bloquear maliciosos
➔ Aplicar Crawl-delay
15. #WCVenezuela2021
5. Aplicar lo último en tecnología
● Lazy load imágenes e iframes
● Fuentes variables
● Compresión brotli
● HTTP/2 Push (CSS/JS/Logos)
● HTTP/3
● Imágenes WebP
Utilizar las últimas versiones de:
● WordPress
● Tema
● Plugins
● PHP
16. #WCVenezuela2021
6. Reducir el impacto de los recursos de terceros
● Utilizar recursos standard
● Combinar Google Fonts en una sola llamada
● Alojar Google fonts en local
● Carga condicional scripts
● Orden de carga
● Carga scripts (defer/async/DOMContentLoaded)
● Utilizar DNS Prefetch
17. #WCVenezuela2021
● Diseño sencillo, ¿esto hace realmente falta?
● La web que necesita el usuario, no la que nos
gusta a nosotros
● No reinventar la rueda
● Escenario de mejora continua, analiza: ¿ha
cambiado algo en mi entorno o en mi
infraestructura o en mi usuario o en mi negocio?
7. Sentido común
18. #WCVenezuela2021
Sugerencias
● No hay dos proyectos iguales, pero muchos comparten una base
similar
● Empezar desde el mismo momento del inicio del proyecto
● Ciertas optimizaciones se vuelven obsoletas por cambios
tecnológicos
● El recurso más rápido es el que no se descarga