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

1. #WCVenezuela2021
Optimiza tus webs
a bajo costo
Fernando Puente

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

3. WPO
Web Performance Optimization

4. ¿WPO?

5. WPO no es velocidad

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.

7. #WCVenezuela2021
Buscamos con WPO
● Mejor posicionamiento
● Mayor conversión
● Mejor UX
● Reducir costes
● Ser más ecológicos

8. #WCVenezuela2021
Si el WPO es bueno, la
solución es comprar
mucho WPO

9. #WCVenezuela2021
¿El WPO se compra?

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

19. Todo proyecto digital es
optimizable,
incluso a muy bajo coste

20. #WCVenezuela2021
¡GRACIAS!
Salud para todos