Caso de éxito
Optimizando al máximo la velocidad web de una Landing Page

En este caso de éxito te mostraré como mejoré el WPO de una landing page para un cliente.

Descripción del proyecto

En este caso práctico sobre optimización de la velocidad web de una landing page te mostraré como optimicé a nivel de WPO la página web “One Page” de un cliente al que yo mismo diseñé su página web.

Al ser yo mismo quien se encargaba de hacer todo este rediseño web pude tocar todo lo necesario para mejorar sustancialmente la velocidad de carga de esta landing page orientada a venta de servicios.

Lo cierto es que la clave de este proyecto fue que desde el principio del proyecto, la página web se conceptuó como una página web ligera pero a la vez llamativa.

PUNTOS A FAVOR

  • Yo mismo diseñé la página web con expectativas a optimizarla y hacerla rápida. Por lo tanto, desde el principio se utilizaron plugins premium como  GeneratePress & Elementor.
  • La página web era nueva por lo que no tenía que estar pendiente de si perdía tráfico en el proceso de optimización ya que no tenía visitas.

PUNTOS EN CONTRA

  • El proceso de mejora del WPO comenzaba desde cero ya que no se había hecho nada previamente.
  • Era una página web muy visual con muchas imágenes. Esto, lógicamente condicionó todo ya que a mayor número de imágenes menor velocidad web y renderizado.
  • Era una página “One page”. Este tipo de páginas suelen ser muy largas y provocan que su DOM sea demasiado pesado aumentando así el tiempo de carga de la página web.

Estrategia llevada a cabo

Estos fueron los pasos llevados a cabo para mejorar el WPO de esta landing page:

  • Transformé todas las imágenes .JPG a formato .WEBP excepto en aquellas imágenes que se utilizaban como fondo.
  • Mejoré los cachés de la propia página web e implementé un CDN (Cloudflare) para las imágenes y los archivos CSS / JS.
  • Mejoré la entrega de archivos CSS, JS y HTML y los comprimí en un menor número de archivos.
  • Instalé todas las tipografías en local y las añadí la propiedad “swap”.
  • Elimine cargas de archivos innecesarias gracias al plugin de WordPress Perfmatters.
  • Reduje el número de peticiones de archivos CSS y JS que utilizan los plugins de WordPress gracias al Script Manager de Permatters.
  • Reduje al máximo el número de peticiones externas.
  • Alojé el script de Google Analytics en local gracias al plugin WP Rocket.

Resultados del proyecto

ANTES

DESPUÉS

¿Quieres saber más?

Si quieres aprender sobre SEO, WordPress, CRO y mucho más ¡Suscríbete!