Mejorar la Velocidad de WordPress: 22 Formas

Muchas personas se preocupan sobre la velocidad de tu sitio wordpress ya que eso mejora la experiencia que tiene el usuario mientras esta en tu sitio.

Recientemente Google anunció que a partir del 2020, Google tomará en cuenta la experiencia del usuario.

Desde ese anuncio es posible ver en Google Search Console, una pestaña llamada Core Web Vitals.

Core Web Vitals se basa en la la experiencia de usuarios reales. Los resultados no se actualizan en tiempo real por lo que debes esperar algunos días para visualizar el impacto de los cambios realizados.

Este es el reporte de uno de mis sitios:

Como puedes ver, esta herramienta que esta incorporada en Google Search Console no te dice lo que estás haciendo mal.

Ese reporte lo tomé de uno de mis sitios que usa Ezoic y cómo puedes ver los anuncios tienen un impacto muy negativo en los sitios aunque estos provengan del mismo Google

¿Donde Revisar Reportes de Velocidad?

Hay varias paginas que te pueden dar una guia sobre como mejorar la velocidad de tu sitio tales como:

Recuerda que los puntajes son una vanidad por lo que debes enfocarte es en las recomendaciones dadas en esos reportes.

Si quieres medir el impacto de una nueva medida de velocidad, asegurate de revisar el antes y después para asegurarte que lo que estás haciendo tiene buenos resultados.

Esto es uno de mis más recientes antes y después

Optimizar Videos en WordPress

Solo aplique una sola optimización y este fue el resultado

Screenshot from 2020-07-14 23-44-02

Razones de una Pobre Velocidad

Las razones por las cuales tienes un problema de velocidad pueden ser varias:

  • El uso de un tema pesados o pobremente programados.
  • Un pobre servicio de hosting.
  • Pobre o cero optimización de imágenes.
  • Anuncios en el sitio.

El Problema de los Anuncios y la Velocidad

Yo uso el panel de Cloudways para manejar todos mis sitios y uso GeneratePress, un tema bastante liviano.

Tengo un plugin de cache: WP Fastest Cache, implementó una política agresiva de caché usando WP Cloudflare Super Page Cache.

Uso PerfMatters para encargarme de scripts y deshacerme de algunos lineas de código innecesarias.

Eso me lleva a tener estos resultados:

Sin embargo esa misma receta de optimización en sitios con exactamente las mismas características pero con anuncios me pone en este predicamento de velocidad.

Los sitios con anuncios no tienen una velocidad estable debido a que no todos los anuncios son iguales.

Una buena práctica es siempre verificar la velocidad de tu sitio sin anuncios para entender después de su implementación que tu sitio no es el problema.

Lo anterior es importante mencionarlo debido a que puedes incurrir en gastos innecesarios para solucionar un problema que esta fuera de tus manos.

Plugins para Mejorar la Velocidad

Estos plugins merecen que les eches un vistazo.

  • WP-Rocket es un plugin líder en el tema de cache por lo que deberías considerarlo. No hay lista que de plugins de cache que deje a WP-Rocket por fuera.
  • WP Fastest Cache es la segunda opción en caso de no tener una versión de WP-Rocket para uno de mis sitios. La versión premium se obtiene mediante un pago único. Los resultados son similares.
  • WP CloudFlare Super Cache: Yo uso CloudFlare por la seguridad, por la red de contenido global y porque me permite hacer cache de todo desde el escritorio de WordPress. Este plugin permite implementar políticas de caché más agresivas
  • Autoptimize es un plugin que te ayuda a minificar el css, html y el JS del sitio. Este trabaja bien junto con cualquier plugin de caché siempre y cuando no hagas la minificación con otro plugin.
  • PerfMatters es un plugin que te ayuda a eliminar algunas cosas innecesarias en tu sitio y te permite desactivar el o los script de páginas que no requieren los scripts de un plugin en particular.
  • Imagify es un plugin para optimizar imágenes que instalo y uso de vez en cuando para optimizar la imagenes de mi sitio y optimizo las imágenes desde su sitio web.
  • Advanced DataBase Cleaner es un plugin gratuito que te permite limpiar la base de datos. Puedes limpiar la tabla de opciones directamente con este plugin. La versión Premium del plugin permite la limpieza de la base de datos en menos tiempo y pasos.
  • WP-Optimize es otro plugin que se encarga de la limpieza de la base de datos, este plugin permite eliminar tablas de plugins que ya fueron desinstalados.

Recuerda usar versiones gratuitas en caso de no poder adquirir un plugin premium, ten mucho cuidado con los oportunistas que andan vendiendo plugins a bajo costo.

Tips Sencillos para Mejorar la Velocidad de WordPress

Hay muchos pasos que debes seguir para mejorar la velocidad de wordpress y muchos de esos errores no requieren la implementación de código.

La ayuda de un profesional es requerida cuando tienes un sitio complejo.

Trata de arreglar algunos de estos problemas antes de buscar la ayuda de un experto en velocidad.

#1 Mejor Hosting para WordPress

Uno de los problemas de usar algunos proveedores de hospedaje web compartido es que tu sitio y otros cientos de sitios están usando los mismos recursos.

Algunos proveedores son claros con sus clientes y les hacen saber que están usando hospedaje web compartido. Otros no son tan transparentes y esperan tomar ventaja del desconocimiento de clientes.

Mi recomendación es que uses un VPS o hospedaje web en la nube con tal minimizar los problemas de velocidad que pueden ser causados por otros usuarios.

Cloudways es una buena opción para quitarse ese peso de encima: Reseña sobre Cloudways

Yo tambien recomiendo SiteGround, de hecho escribí una reseña muy completa sobre SiteGround, que te puede ayudar a tomar una decisión.

#2 Ubicación de tu Centro de Datos

Una de las preguntas que debes de hacerte antes de la contratación de un proveedor de hospedaje web es de donde provendrá la mayoría del tráfico de tu sitio ya que debes escoger un servidor que esté cerca de tus visitantes.

Debido a lo poco confiables que pueden ser algunos proveedores de hospedaje web en Latinoamerica, muchos optamos por la opción de tener un servidor en los Estados Unidos y usar una red de contenido global para reducir los tiempos de espera.

Si tu sitio será visitado por personas en tu país de origen, puedes apostar por un servicio de hospedaje web en tu país que tenga buena reputación.

#3 Tema de WordPress Livianos

No esperes tener una velocidad sí el tema gratuito o de pago que usas no esta optimizado.

Si escribes en Google, temas rápidos de WordPress, sabrás que los temas que compiten por esa corona son GeneratePress, Astra, OceanWP y algunos otros.

Ahora la velocidad de un tema de wordpress se mantiene si haces un buen uso de este.

Mis sitio usan un demo sencillo de GeneratePress. GP Premium es barato y se puede usar en sitios ilimitados.

#4 ¿Page Builder o No Page Builder?

Hay muchos page builders que puedes usar para mejorar la apariencia de tu sitio.

El más popular es elementor y posiblemente el segundo con más popularidad sea Beaver Builder.

Lo que debes valorar es si realmente lo necesitas y si hay temas de wordpress que te pueden dar un buen diseño sin tener que recurrir a un diseñador de páginas.

En lo que he visto en la comunidad de wordpress es que el contenido en ocasiones es mejor que el diseño.

Hay sitios que hacen miles y miles de dólares en anuncios o en mercado de afiliación y tienen temas super sencillos.

Un ejemplo es Swim University , un sitio de Afiliación que carga en menos de 1.5 segundos con tan solo 14 solicitudes.

Valora si el uso de un constructor de paginas es una necesidad o es un capricho de novato de WordPress.

Si decides usar elementor o algunas de sus alternativas, trata de revisar en el impacto que los cambios tienen en la velocidad de tu sitio usando un test de velocidad.

Si usas Elementor en unas pocas paginas, asegurate de removerlo de las demás usando PerfMatters o Asset Cleanup

#5 Plugins Problemáticos

Un gran número de plugins bien optimizados no hará que la velocidad de tu sitio se vaya por un precipicio.

Pero es aconsejable reducir el número de plugins si eso esta entre las posibilidades.

Por ejemplo, hay personas usando plugins de Rich Snippets cuando su web ni siquiera aplica para mostrar Rich Snippets en los SERPS.

También es recomendable cambiar algunos plugins que tienen funciones no necesarias y no esenciales.

Si tienes pocos plugins, hay menos posibilidades que uno de ellos sea la causa de la pobre velocidad de tu sitio.

Puedes revisar el impacto de los plugins en la velocidad revisando la cascada de GTMetrix

Waterfall de GTMetrix

Esa cascada te ayudará a resolver los problemas de velocidad que uno o más plugin podrían estar causando.

#6 Base de Datos

Uno de los problemas con el mal manejo de plugins es el pobre manejo de la base de datos.

Hay plugins que crean miles de filas en algunas de las tablas de la base de datos y lo peor del caso es que esas filas están llenas de datos que no sirven un buen propósito.

Algunas tablas y filas son de plugins que posiblemente fueron desinstalados hace mucho tiempo atrás.

Trata de limpiar la base de datos con cuidado y con un respaldo por si algo sale mal o usa los servicios de un experto.

Puedes ver el tamaño de tu base de datos y optimizarla usando WP-Optimize. Tambien puedes usar WP-Sweep y Database Cleaner.

De hecho tengo dos publicaciones sobre este tema que te podrían ayudar bastante:

#7 Anuncios y el Lazy Loading

Uno de los grandes problemas que muchos encontramos es con los anuncios que se despliegan en los sitios como los de Adsense.

Es imposible optimizar recursos externos. Recientemente me pasé de Google Adsense a Ezoic, una compañía que optimiza anuncios con el objetivo de generar más ingresos.

Si deseas generar más ingresos, asegurate de leer esta publicación sobre Ezoic

Si usas Adsense, Ad Inserter Pro y Advanced Ads Premium cuentan con Lazy Loading, eso permite que los anuncios se desplieguen hasta que estos esten a punto de ser visualizados y no antes.

El Lazy loading de los anuncios ayuda a mejorar los malos resultados que podrías estar teniendo en los diferentes test de velocidad.

#8 Red de Contenido Global

Si tienes visitantes de todas partes del mundo, lo que deberías hacer es usar una red de contenido global.

Las mejores redes globales de contenido gratuitas en mi opinión son:

  • CloudFlare CDN
  • Jetpack CDN

Al usar alguno de los dos, estás ahorrandote recursos de tu servidor y esto permite que las páginas de tu sitio se desplieguen con la misma velocidad a diferentes partes del mundo.

Hay redes de contenido global que podrías considerar tales como:

  • Bunny CDN
  • StackPath

Estas no son gratuitas por lo que deberás comprar una suscripción para poderlas usar.

#9 Optimizar las Imágenes

Otra de las cosas que debes hacer es optimizar las imágenes antes de subirlas a la librería del sitio.

Mis herramientas para optimizar las imágenes son compressor.io y TinyJP. Tambien puedes usar el sitio oficial de Short Pixel e Imagify en vista que estos sitios tienen plugins muy populares en el repositorio de WordPress.org

Con las imágenes que ya tienes en la galería, puedes usar Imagify, ShortPixel o ReSmushit

#10 Lazy Loading – Carga Diferida de Imágenes

Otras de las recomendaciones con el tema de las imágenes es usar el Lazy Loading o la carga diferida de imágenes.

Eso quiere decir que tus imagenes se comenzarán a desplegar hasta que el usuario se desplace a esa parte del sitio,

Si usas Jetpack, esa opción esta entre las opciones y si no usas Jetpack, puedes usar el plugin de Lazy Loading de WP-Rocket.

La carga diferida de imágenes y lazy loading estará disponible muy pronto como una función nativa de WordPress.

#11 Servir las Imágenes desde otro Servidor

Una de las opciones para reducir el uso de los recursos del servidor es mediante el proceso de servir las imágenes desde otro servidor.

Si usas Jetpack puedes realizar esto en la pestaña de rendimiento y busca la opción:

Acelera los tiempos de carga de imágenes

Ahora dale click a una imagen de tu sitio o de este sitio y veras como la imagen es desplegada desde los servidores de wordpress.com

Puedes considerar Flying Images que es completamente gratuito o Cloudinary que tiene un plan gratuito.

#12 Plugin de Cache

Instala un plugin de cache y juega un poquito con las opciones disponibles para determinar cuáles de las muchas combinaciones tienen los mejores resultados.

Yo recomiendo WP Rocket, vale $49 y en el segundo año, te lo dejan a la mitad del precio original.

Si no quieres usar un plugin de Caché Premium, debes considerar estos dos plugins de caché

#13 ¿Usar Jetpack?

Jetpack tiene un pequeño impacto en la velocidad de tu sitio pero ese depende del número de funcionalidades que actives.

Tiene también opciones de seguridad además de las mejoras de rendimiento por lo tanto debes valorar que si eliminarlo te obligará a instalar otros plugins para reemplazar las funcionalidades perdidas con la desactivación de ese plugin.

#14 Reducir el Número de Bots

Si quieres preservar los recursos de tu servidor debes evitar los ataques de fuerza bruta cambiando la dirección de acceso de tu sitio y bloqueando la mayor cantidad de bots posibles.

Jetpack tiene la opción de bloquear los ataques de fuerza bruta pero también lo puedes hacer usando WPS Hide Login.

Con los bots, este plugin sencillo se encarga de la gran mayoría: BBQ: Block Bad Bots

#15 No Usar Google Fonts

Esto es un problema super grave porque el texto de tu sitio no es visible hasta que las fuentes carguen.

Si quieres ahorrarte el problema, trata de usar la tipografía del sistema y no los fonts de Google.

Si quieres seguir usando Google Fonts, puedes usar OMGF | Host Google Fonts Locally

#16 PerfMatters

Un plugin que te puede ayudar grandemente es PerfMatters ya que es el plugin perfecto para desactivar muchas funcionalidades nativas de wordpress que tal vez no necesites.

Revisa la lista de lo que el plugin puede hacer: PerfMatters Features

Este plugin es clave cuando debes remover un plugin de paginas en los cuales no son necesarios.

Si usas LearnDash,sabrás que este agrega código a cada una de tus paginas, con PerfMatters, puedes remover el código que agrega LearnDash de paginas que no lo necesitan.

Alternativas de Perfmatters:

  • Gonzales Plugin
  • Asset CleanUp

#17 Actualizar el Software de tu sitio

Una de las maneras de optimizar la velocidad de tu sitio es actualizando del software de tu sitio.

Las nuevas versiones tiene usualmente mejoras de desempeño que pueden mejorar la velocidad de tu sitio.

Actualiza WordPress, plugins, y otro software a nivel de servidor como el PHP y el software de usando en la base de datos.

#18 Usar Imágenes con Formato WEBP

Tambien debes tratar de servir las imagenes en un formato webp para reducir las imágenes entre un 25% a un 35%. Yo no uso muchas imagenes en mis sitios por lo que no me he decidido por usar un servicio premium, sin embargo creo que el servicio de Short Pixel e Imagify es bastante bueno y economico.

Con el anuncio de que el navegador Safari implementará el soporte de imágenes WEBP, estas podrían convertirse en un estándar en los próximos meses.

#19 Lazy Loading de Videos

Si usas videos en tus publicaciones, debes de considerar un plugin para no cargar esos videos a menos que el visitante haga clic en ellos.

Esto lo puedes hacer de una manera sencilla usando un plugin gratuito llamado Lazy Load de WP Rocket

Si deseas aprender más sobre esto, revisa esta publicación: Optimizar Vídeos de WordPress

#20 Desactivar los Emojis

Los emojis raramente son usados por los usuarios de WordPress por lo que deberías desactivarlos.

Esto lo puedes hacer por medio de PerfMatters o Falcone

#21 Desactivar Incrustados

Yo no necesito que los incrustados se vean en el momento que estoy escribiendo por lo que puedes desactivar los incrustados o embed.

Esto lo puedes hacer por medio de PerfMatters o Falcone

#22 Desactivar el Hotlinking

No permita que personas usan tus imágenes desde tu sitio por lo que deberías de prohibir esa posibilidad.

Eso lo puedes hacer desde CloudFlare o implementando un código en el htaccess