Hay que optimizar WordPress para que su sitio web se posicione bien en los motores de búsqueda y sus visitantes no abandonen la navegación. En nombre de la experiencia del usuario, Google da mucha importancia al tiempo de carga de las páginas web, que tiene un impacto directo en la clasificación de su sitio web en los resultados de búsqueda. Para comprobar el rendimiento de su sitio web, hay que tener en cuenta varios parámetros: el tiempo de respuesta del servidor, los recursos que bloquean la renderización, los recursos de código no utilizados, el peso de la página y el peso de las imágenes.
¿Cómo medir el rendimiento de su sitio de WordPress?
Para medir estos parámetros y mejorar el SEO de su sitio web, existen varias herramientas gratuitas, la más popular siendo PageSpeed porque está desarrollado por Google y tiene la particularidad de medir tanto el rendimiento en ordenadores de escritorio como la velocidad de carga de un sitio desde un dispositivo móvil. Personalmente, prefiero utilizar GTmetrix ya que da muchas pautas muy precisas y fáciles de seguir para lograr tiempos de carga más rápidos.
Núcleo Web Vitals
Todos estos sitios miden el rendimiento de los sitios web, pero sobre todo dan consejos e indicaciones útiles sobre cómo mejorar la velocidad de carga de las páginas, en particular comparándolas con las Core Web Vitals: un conjunto de medidas establecidas por Google. Las Core Web Vitals se utilizan para evaluar la experiencia del usuario en una página web, y se refieren al tiempo de carga, la capacidad de respuesta y la interactividad de un sitio web. Estas Core Web Vitals se dividen en 3 métricas principales:
- Pintura de mayor contenido (LCP): mide el rendimiento de carga de una página web. Para ofrecer una buena experiencia de usuario, el LCP debe producirse en los 2,5 segundos siguientes al inicio de la carga de la página.
- Retraso en la primera entrada (FID): mide la primera impresión del usuario sobre la interactividad y la capacidad de respuesta de su sitio. Es el tiempo que transcurre entre la primera interacción del usuario con un elemento de la página (por ejemplo, al hacer clic en un enlace) y el momento en que comienza el procesamiento en respuesta a la acción del usuario. Para ofrecer una buena experiencia de usuario, las páginas deben tener un retardo de primera entrada de 100 milisegundos o menos.
- Cambio de diseño acumulativo (CLS): Mide la estabilidad visual. Google indica que los diferentes objetos y elementos no deben moverse en una página mientras se está renderizando y/o cargando para un usuario. Para ofrecer una buena experiencia de usuario, las páginas deben tener un CLS de 0,1 o menos.
Importante: haga una copia de seguridad de su sitio web
Se recomienda encarecidamente que haga una copia de seguridad de su sitio web antes de realizar las siguientes optimizaciones. Puedes usar para esto:
- el complemento UpdraftPlus (consulte nuestro artículo detallado sobre UpdraftPlus aquí),
- el complemento WPvivid (consulte nuestro artículo detallado sobre WPvivid aquí).
1/ Instalación de un plugin de caché y precarga de páginas web para WordPress
Una solución muy conocida para acelerar WordPress es instalar un plugin de caché para almacenar sus páginas y entradas. El almacenamiento en caché le permite crear copias estáticas de sus páginas web y mostrarlas a los visitantes. Esta solución reducirá el número de peticiones HTTP y mejorará los tiempos de carga de las páginas web.
– El complemento WP Rocket
WP Rocket es sin duda uno de los plugins de caché y optimización más populares del mercado. No existe una versión gratuita, y su versión básica de pago cuesta 49 dólares al año y permite la optimización de 1 sitio web.
– El complemento WP-Optimize
WP-Optimize es una solución todo en uno para acelerar un sitio de WordPress y pasar de lento a rápido, en sólo unos pocos clics: este plugin le ayudará a limpiar su base de datos eliminando docenas, incluso cientos o miles de archivos que se han vuelto inútiles. Wp-Optimize también puede comprimir sus imágenes y almacenar en caché sus páginas web. Recuerde hacer una copia de seguridad de su sitio web de antemano.
2/ Utilizar una CDN (red de distribución de contenidos)
Una CDN es un sistema de servidores distribuidos que entrega páginas web y otros contenidos web a los usuarios en función de su ubicación geográfica. El propósito de una CDN es mejorar el rendimiento mediante la entrega de contenidos desde lugares más cercanos al usuario.
Se puede imaginar una CDN como un caché gigante que almacena copias de contenidos en varios lugares del mundo. Cuando un usuario solicita un contenido almacenado en caché por la CDN, ésta responde a la solicitud desde la ubicación más cercana al usuario, lo que mejora el tiempo de carga de su sitio de wordpress.
Las redes de distribución de contenidos (CDN) se utilizan normalmente para proporcionar contenido estático, como imágenes, hojas de estilo y archivos de JavaScript. También pueden utilizarse para ofrecer contenidos dinámicos, como la transmisión de vídeo y audio, las emisiones en directo y las descargas de software.
El CDN más popular es Cloudflare, y éste ofrece un plan gratuito muy satisfactorio para la mayoría de los sitios web. Es posible optimizar el caché para su sitio web utilizando el complemento desarrollado específicamente para complementar el CDN de Cloudflare: el complemento Super page Cache For Cloudflare.
3/ Optimiza imágenes y activa Lazy Loading
Puede optimizar sus imágenes reduciendo el tamaño del archivo. Pero también es posible reducir el tamaño de sus imágenes antes de que aparezcan en la pantalla, de modo que el navegador del visitante no necesite cambiar su tamaño. Estas sencillas medidas aumentarán la velocidad de visualización de su sitio web.
– Complementos de optimización de imágenes
Por supuesto, hay muchas herramientas en línea que nos permiten subir nuestras imágenes en línea y luego a WordPress. Pero luego es un doble esfuerzo que puede llevar mucho tiempo si estamos trabajando con una gran cantidad de archivos de imagen.
Un optimizador de imágenes de WordPress como Imagify u Optimole o incluso ShortPixel, no solo comprime nuestras imágenes cuando se cargan, sino que también puede realizar una optimización masiva para todos los archivos que ya están presentes en la biblioteca de medios de WordPress.
Otras ventajas, estos complementos ofrecen su propio CDN como opción y pueden funcionar en sinergia con WP Rocket. Entonces es particularmente efectivo usar la función Lazy Loading.
– Activación de Lazy Loading de sus imágenes
Esta es una técnica simple y efectiva para diferir la carga de imágenes dejándolas fuera de la pantalla hasta que los usuarios necesiten verlas. Este mismo principio permite diferir la visualización de los iframes de los vídeos. Esta técnica es particularmente útil para acelerar la carga de páginas en un dispositivo móvil. Los complementos de optimización de imágenes de WordPress que acabamos de mencionar tienen en cuenta esta funcionalidad.
4/ Eliga el tipo de alojamiento web que más le convenga
¿Cómo acelera su sitio de WordPress si ya está utilizando un CDN y un complemento de almacenamiento en caché, y se ha ocupado de optimizar sus imágenes? La mayoría del alojamiento web es alojamiento compartido. Pero hay otros tipos, Hostinger ofrece alojamiento Cloud, alojamiento VPS o incluso alojamiento web administrado de WordPress.
El servidor web Cloudways está especializado, como su nombre lo indica, en el alojamiento en la nube y ofrece servicios similares al alojamiento web administrado de WordPress.
Puede consultar nuestros artículos sobre alojamiento Cloud, alojamiento VPS y alojamiento web administrado de WordPress.
Otra solución es usar Elementor Cloud. De hecho, el creador de páginas de Elementor se basa en Google Cloud Platform, que es una garantía de velocidad y confiabilidad. La oferta Cloud es un servicio todo en uno que se ocupa no solo del alojamiento web, sino también de los aspectos técnicos de la creación de un sitio web:
- Alojamiento web totalmente gestionado por Elementor,
- Elementor Cloud le permite administrar su sitio web desde una única plataforma,
- Te beneficias de la licencia de Elementor Pro,
- Un dominio gratis con un certificado SSL gratis,
- WordPress y Elementor preinstalados,
- El tema Hello WordPress activado,
- Copias de seguridad diarias y automáticas de su sitio web,
- Optimización de CDN de Cloudflare,
- Excelente servicio de soporte.
Por lo tanto, Elementor Cloud puede ser una excelente opción si no le gustan los aspectos técnicos de un sitio web y, en cambio, desea centrarse en el diseño de páginas web, especialmente porque solo cuesta $ 99 por año, que es un precio muy decente dado todo el servicios ofrecidos.
5/ Eliminar complementos y temas de WordPress innecesarios
¿Cómo optimizar la velocidad de tu web de forma gratuita y sencilla? Solo tenga en cuenta lo siguiente: cuantos más temas y complementos tenga, es más probable que ralenticen su sitio web. Minimice el uso de complementos, especialmente aquellos que agregan código innecesario o realizan solicitudes HTTP adicionales (a menos, por supuesto, que tenga una dependencia emocional del complemento Hello Dolly). Si no está seguro, comience simplemente deshabilitando (temporalmente) el complemento que le parece inútil.
6/ Actualizar complementos y temas de WordPress
Es una buena idea actualizar sus temas y complementos, la forma más fácil es habilitar la actualización automática para cada tema y complemento de WordPress. Finalmente, mantenga su instalación de WordPress actualizada con la última versión.
7/ Actualizar la versión de PHP para acelerar WordPress
Así como actualiza WordPress para asegurarse de estar protegido contra las vulnerabilidades de seguridad, debe hacer lo mismo con PHP. No se trata solo de mejorar el rendimiento de su servidor, sino también de una cuestión de seguridad. Antes de actualizar su versión de PHP, primero verifique si su servidor web recomienda una versión de PHP.
8/ Minificación de archivos CSS, HTML y JavaScript
La minificación es el proceso de eliminar datos innecesarios de los archivos de código HTML, CSS o JavaScript de sus páginas web, con el fin de disminuir el tamaño de estos archivos, mejorando así la velocidad de carga de las páginas de su sitio web.
Nuevamente, los complementos WP Rocket y WP-Optimize pueden resolver estos problemas muy fácilmente.
9/ Usar un tema de WordPress optimizado
– El tema GeneratePress
Para mejorar el rendimiento de WordPress, la elección de un tema es obviamente crucial. GeneratePress es particularmente ligero en comparación con sus competidores, por lo que enfatiza la velocidad y la estabilidad, que es un factor clave para el rendimiento de su sitio web. Este tema de WordPress es fácil de usar y viene con muchas características que lo hacen perfecto para crear cualquier tipo de sitio web. Hay una versión gratuita, así como una versión Premium con aún más opciones de personalización ($59 por año o $249 de por vida).
– El tema de OceanWP
El tema OceanWP es un hermoso y moderno tema de WordPress con más de 200 plantillas listas para usar, perfecto para cualquier tipo de sitio web que represente una actividad profesional (comercio, pequeñas empresas). Este tema de WordPress está repleto de funciones y opciones que le permitirán personalizar y controlar fácilmente su sitio web. OceanWP viene con un diseño receptivo que se ve muy bien en cualquier dispositivo, incluidas tabletas y teléfonos inteligentes.
El tema OceanWP también está listo para la traducción, por lo que puede crear fácilmente un sitio web multilingüe.
La versión de pago más barata del tema OceanWP cuesta $35 y permite la gestión de un total de 3 sitios web. Los paquetes son anuales o de por vida. Gracias a una asociación con el servidor web Cloudways, es posible implementar sus plantillas OceanWP con unos pocos clics. Puede visitar el sitio web de OceanWP aquí.
10/ Reducir el número de redireccionamientos
Una forma de reducir el tiempo de carga de tus páginas es evitar en lo posible el uso de redireccionamientos. La solución más fácil para esto es usar un complemento de almacenamiento en caché. Dicho complemento almacenará en caché sus páginas y publicaciones, y entregará la versión en caché a los visitantes en lugar de redirigirlos a la página original.
Otra forma de reducir el número de redireccionamientos es evitar el uso de acortadores de URL, también llamados acortadores de enlaces, como Bitly, Cuttly o TinyUrl, porque crean un redireccionamiento adicional cuando un usuario hace clic en un enlace acortado a través de estas aplicaciones.
11/ Usar compresión GZIP
Habilitar la compresión gzip en WordPress reduce el tiempo de respuesta del servidor y el volumen de datos enviados desde el servidor a un navegador web, lo que permite un excelente rendimiento de su sitio de WordPress.
Por lo tanto, esta solución implica modificar el archivo “.htaccess”. Esta acción se puede realizar manualmente o mediante un complemento, por ejemplo, WP Rocket, Wp-Optimize, W3 Total Cache o Wp Fastest Cache: en servidores web Apache o LiteSpeed, estos complementos agregarán automáticamente reglas de compresión gzip. La compresión Gzip también está disponible en los servidores web Nginx, siguiendo este procedimiento.
También existe la compresión Brotli: sucesor de gzip, es compatible con todos los principales navegadores web. Es un algoritmo de compresión de datos sin pérdida desarrollado por Google. Este formato de compresión es cada vez más popular porque ofrece una mejor compresión que gzip: los archivos JavaScript comprimidos con Brotli son un 15 % más pequeños, los archivos HTML son un 20 % más pequeños y los archivos CSS son un 16 % más pequeños.
Puede verificar que la compresión gzip o Brotli esté habilitada en su sitio visitando giftofspeed.com.
12/ Optimiza tu base de datos de WordPress
Se recomienda encarecidamente hacer una copia de seguridad de la base de datos antes de manipularla. Una forma de optimizar WordPress es usar un complemento como WP-Optimize, Database Cleaner o WP Rocket. Para aumentar el rendimiento de su base de datos y, por lo tanto, hacer que su sitio sea más rápido en las consultas de los usuarios, estos complementos limpian su base de datos eliminando los datos no utilizados, como las revisiones de publicaciones antiguas, los comentarios publicados en la papelera y las opciones de transición. Al hacer esto, puede reducir aún más el tamaño de su base de datos. Para obtener más detalles, consulte nuestro artículo: 3 plugins para optimizar su base de datos de WordPress.
13/ Deshabilitar hotlinking en WordPress
Hotlinking es el acto de usar el ancho de banda de otro sitio web al mostrar uno de sus archivos (como una imagen, video o archivo de audio) en otro sitio web a través de un enlace web directo.
Establecer enlaces directos puede ser una gran pérdida de recursos para el servidor de destino, es decir, puede ser para SU servidor. Podría pasar de unos cientos de solicitudes por hora en su sitio a unos cientos de miles e incluso podría provocar la suspensión de su cuenta de alojamiento web.
La mayoría de los proveedores de CDN como Cloudflare tienen una excelente protección de hotlinking, incluso si tiene un plan gratuito. También puede activar la protección contra hotlinking en su servidor de origen, ya sea que se ejecute bajo Apache o bajo NGINX, esta solución implica la modificación del archivo “.htaccess” en su servidor web. Todavía existen otras soluciones, como deshabilitar el clic derecho en sus páginas web, o incluso instalar un complemento ad hoc. Puede consultar esta publicación de blog detallada de Kinsta.com.
14/ Aumentar el número de trabajadores de PHP
Para optimizar WordPress, la función principal de los trabajadores de PHP es crear páginas y procesar tareas programadas en segundo plano. Dado que los trabajadores de PHP son directamente responsables de generar las páginas HTML para los visitantes de su sitio, determinan la cantidad de solicitudes simultáneas no almacenadas en caché que su sitio puede procesar en un momento dado.
15/ Demasiadas fuentes personalizadas
El uso de fuentes personalizadas en los temas de WordPress se ha vuelto algo común. Hay varias bibliotecas de fuentes, como Google Fonts, Typekit o Fonts.com. Pero lamentablemente, estos pueden ralentizar considerablemente su sitio web. Para no disminuir demasiado el rendimiento del sitio web, es recomendable modificar solo la fuente que le interese, y no todas las fuentes que podrían estar disponibles para su tema de WordPress. Más información en este detallado artículo de GTmetrix para optimizar WordPress.
Conclusión
Como acabamos de ver, muchos elementos muy diferentes pueden ralentizar su sitio web. A nadie le gusta visitar un sitio web lento. Es por eso que Google tiene en cuenta la velocidad de visualización de un sitio web como un factor de clasificación en los resultados de búsqueda, lo que podría penalizarlo frente a sus competidores. Optimizar WordPress y acelerar su sitio web implica muchos pequeños cambios que, en conjunto, pueden marcar la diferencia.
