WordPress más rápido en 8 pasos

Hace poco estaba harto de mi blog basado en WordPress. Estaba usando un tema preconcebido y en general sentía que todo era flojo y confuso en cuanto a usabilidad y aspecto visual general. Como siempre estaba celoso de la velocidad de carga de dev.to, pensé: ¿por qué no convertir esto en una página generada estáticamente usando Gatsby? Quiero decir, la estática es la nueva moda, así que ¿por qué no usarla?



Gatsby no era la respuesta

Después de trastear con Gatsby durante bastante tiempo conseguí que algo funcionara. La parte más difícil fue exportar todos los posts de WordPress a Markdown – lo cual fue difícil pero factible. Sin embargo, no estaba muy contento con los temas disponibles para Gatsby Blog. Quería algo extremadamente minimalista pero estéticamente agradable al mismo tiempo. Así que, cuando revisé brevemente uno de mis posts en WordPress me di cuenta de que el tiempo para el primer byte en realidad no era tan malo y pensé: Mhh… ¿y si pudiera retocar un poco mi instalación de WordPress y hacerla rapidísima?



Reto aceptado

Entonces, estas son las acciones que he realizado:

. Encontrar un tema de WP que se acercara visualmente lo suficiente a lo que quería

Sobreescribió con CSS personalizado para que quedara más limpio

Elimine todas las “Imágenes Destacadas” de la página de inicio

Instalé WP Fastest Cache y activé todos los ajustes

Registrar mi sitio en Cloudflare y hacer que WP Fastest Cache empuje todo el contenido estático a Cloudflare

Instalado el plugin Desactivar/Quitar Google Fonts

Cambiado el css font-family para que funcione sin Google Fonts

He usado el plugin de WP Smush para comprimir todas las imágenes



Los resultados

    • Nuevo diseño muy limpio
    • Tiempo medio hasta el primer byte: 350ms
    • Promedio de carga completa en: 450ms
    • 100/100 Puntos PageSpeed Insight para ordenadores de sobremesa
    • 98/100 PageSpeed Insight Points para dispositivos móviles
  • Resultados de Webpagetest.org para la velocidad:



Conclusión

Crear sitios web súper rápidos con WordPress/PHP es absolutamente posible. El truco más importante en este caso es la caché estática y el uso de CDN. Comprueba el resultado en https://www.timo-ernst.net. Soy un panda webdev muy feliz ahora . Tienes más consejos sobre cómo mejorar la velocidad de carga? Házmelo saber en los comentarios de abajo 🙂

P: Sigue mi viaje de desarrollo web en Twitter si quieres más historias como esta.



Pregunta sobre SEO

Si hay algún experto en SEO leyendo esto – He eliminado todas las imágenes destacadas de la página principal para mejorar el rendimiento y he mantenido las imágenes sólo dentro de los posts. ¿Impactaría esto negativamente en el SEO?

Categorías : # wordpress

Deja una respuesta

Tu dirección de correo electrónico no será publicada.