Cómo optimizar tu sitio web WordPress
WordPress es uno de los CMS más extendidos y fácilmente personalizables. Sin embargo, es bastante lento en su configuración predeterminada, especialmente si el sitio tiene muchos visitantes y contenido pesado, o utiliza un tema complejo. Además, desde 2010, Google utiliza los tiempos de carga de página como un factor en sus algoritmos de posicionamiento en búsquedas.
Por suerte, la flexibilidad de este CMS permite muchos métodos para acelerarlo y reducir el tiempo de carga de un sitio web. Puedes comprobar tu sitio web usando herramientas en línea como las siguientes para rastrear los resultados de velocidad después de cada paso:
Todas estas herramientas te proporcionarán información sobre cómo carga tu sitio web y qué partes tardan más en cargar que otras (es decir, cuáles necesitan ser optimizadas). Las herramientas Google Page Speed y GTmetrix son mejores para principiantes, ya que muestran consejos útiles sobre cómo optimizar el sitio, mientras que Pingdom y WebPagetest tienen un enfoque más técnico y requerirán más experiencia en desarrollo web para comprenderlos.
A continuación, veremos algunas formas de optimizar un sitio WordPress. Recomendamos seguir estos consejos al construir tu sitio web.
NOTA: Asegúrate de crear una copia de seguridad de tu sitio web antes de realizar cualquier cambio.
Consejos para acelerar un sitio web
Optimización de imágenes
Los motores de búsqueda favorecen los sitios que cargan rápido, por lo que las imágenes optimizadas también pueden ayudarte a posicionarte mejor en los resultados de búsqueda, en comparación con sitios WordPress más lentos y no optimizados. Además, la gente simplemente prefiere imágenes que cargan rápido y es más probable que permanezcan más tiempo en un sitio si no tienen que esperar a que se carguen los recursos visuales.
Se pueden utilizar varias técnicas para reducir el tamaño de los archivos y mejorar el rendimiento del sitio web.
Comprimir imágenes – Puedes usar un plugin de compresión de imágenes o un software de edición de imágenes para reducir el tamaño de tus archivos. Algunos plugins de WordPress pueden comprimir automáticamente las imágenes al subirlas, haciendo el proceso muy sencillo.
Redimensionar imágenes – Es esencial asegurarse de que tus imágenes tengan las dimensiones adecuadas para su uso previsto en la web.
Convertir imágenes – Convertir imágenes a formatos de archivo optimizados como WebP o AVIF es otra técnica. Estos formatos ofrecen excelentes tasas de compresión sin una pérdida significativa de calidad.
Usar carga diferida – La carga diferida retrasa la carga de las imágenes hasta que son necesarias, por ejemplo, después de que el usuario haya hecho scroll hacia abajo en la página. Esto puede mejorar significativamente los tiempos de carga inicial, especialmente cuando hay contenido de vídeo en la página.
Eliminar metadatos innecesarios – Una práctica más avanzada es eliminar cualquier metadato y comentario innecesario de tus archivos de imagen. Esto se puede hacer usando software de edición de imágenes o plugins de optimización.
Puedes consultar esta guía para más instrucciones.
Usa una CDN
CDN significa Red de Entrega de Contenidos. Es una red de servidores donde cada servidor almacena una copia de los datos de tu sitio web. Siempre que un visitante quiera ver tu sitio, el servidor más cercano a su ubicación se encargará de la tarea. Al usar una CDN, los clientes que visitan un sitio web reciben archivos estáticos desde el servidor más cercano a su ubicación geográfica. Dado que la CDN está construida con servidores en todo el mundo, los archivos estáticos alojados en la CDN serán más accesibles.
Si alojas con EasyWP, obtienes un servicio gratuito de Supersonic CDN incluido en tu configuración.
Elimina JavaScript y CSS que bloquean el renderizado
Al comprobar sitios web usando Google Page Speed, puedes encontrar una o más notificaciones con un signo de exclamación rojo que dicen "Elimina JavaScript y CSS que bloquean el renderizado en el contenido de la parte superior de la página". Esto significa que ninguno de los contenidos de la parte superior de la página pudo renderizarse sin esperar a que se cargaran los recursos.
Esto se puede resolver habilitando los ajustes adicionales de Minify del plugin W3 Total Cache. Para hacerlo, deberás acceder a la pestaña General Settings del plugin y establecer el modo Minify en Manual, así:
Antes de continuar, asegúrate de que los campos de ajustes de minificación JS en el menú Minify estén configurados con los siguientes ajustes:
Una vez hecho esto, deberás añadir las URLs de JavaScript correspondientes proporcionadas por Google PageSpeed en el campo gestión de archivos JS, así:
Realiza los mismos pasos para el campo de gestión de archivos CSS rellenando las URLs de CSS en la misma página:
¡Eso es todo! El aviso "Elimina JavaScript y CSS que bloquean el renderizado en el contenido de la parte superior de la página" no debería aparecer si los pasos anteriores se completaron en orden.
Limpia tu base de datos regularmente
La base de datos es el corazón de tu sitio web. Todo tu contenido se almacena en la base de datos, todas las configuraciones de tu sitio web, todos los datos de usuario, etc. El problema es que, con el tiempo, la base de datos se llena de desechos. Esto es resultado de innumerables operaciones de escritura, actualización y eliminación que a veces dejan restos. Tener demasiados de esos restos puede hacer que tu sitio web se vuelva más lento.
Por eso, de vez en cuando, deberías limpiar y optimizar tu base de datos. Puedes leer sobre la optimización de bases de datos aquí.
Usa un tema optimizado para velocidad
Un tema juega un papel clave en la velocidad de carga de un sitio web. Si planeas crear un blog con mucho tráfico, te recomendamos investigar y probar para encontrar el tema más ligero y optimizado. La regla principal y más importante al elegir un tema para un sitio WordPress es que el tema debe corresponder al contenido de tu sitio web. Debes definir primero el tema y el contenido de tu sitio, y solo entonces elegir un tema que se adapte a tus necesidades.
Muchos temas de WordPress son personalizables y permiten a los usuarios de WordPress ajustar múltiples opciones para crear el aspecto deseado para sus sitios web. Sin embargo, estas opciones, si están mal programadas, pueden crear problemas al cambiar el tema por otro. Algunos temas de WordPress que son bastante atractivos a primera vista pueden en realidad hacer que tu sitio web cargue más lento de lo que debería. A continuación, algunos consejos útiles para ayudarte a seleccionar el mejor tema para tu sitio WordPress:
Cuanto más simple, mejor.
Elige un tema con diseño responsivo.
Intenta elegir solo plugins muy valorados y compatibles con tu versión de WordPress
Presta atención a la presencia de constructores de páginas que vienen con el tema.
Considera la compatibilidad SEO del tema.
Además, la mayoría de los desarrolladores de temas proporcionan sitios web de muestra que muestran cómo funciona y se visualiza el tema. Asegúrate de probar estos sitios usando herramientas como Google Page Speed y GTmetrix cuando sea posible.
Usa solo los plugins necesarios
Los plugins son una de las mayores fortalezas de WordPress, pero también son una causa común de sitios lentos. Aunque puede ser tentador instalar muchos plugins para ampliar la funcionalidad, cada plugin adicional aumenta el tiempo de carga de tu sitio, el uso del servidor y el potencial de conflictos. Con el tiempo, esto puede llevar a un rendimiento notablemente más lento, especialmente en planes de alojamiento de nivel inferior. Para evitarlo, revisa regularmente los plugins instalados y elimina los que estén inactivos, sean redundantes o ya no sean necesarios. Busca alternativas ligeras a los plugins voluminosos y evita acumular plugins que hagan tareas similares. Si un plugin ofrece solo beneficios menores pero tiene un alto coste de rendimiento, considera si realmente es necesario. Elegir plugins bien desarrollados y mantenidos activamente que cumplan funciones esenciales ayudará a mantener tu sitio WordPress rápido, seguro y estable.