10 consejos para mejorar la velocidad del sitio web de WordPress

Velocidad del sitio web de WordPress

Velocidad del sitio web: es uno de los principales factores que la mayoría de los desarrolladores y SEO quieren mejorar. Justo esta semana, Google anunció que la velocidad de carga de la página web sería un factor de clasificación importante en su nuevo Mobile First Index.

Según este artículo, la velocidad de carga de la página web contribuye directamente al abandono de la página con un 25% de abandono después de solo 4 segundos, observable a través de Google Analytics. La velocidad de carga de la página también tiene un efecto negativo cuando se considera a los usuarios móviles, según DoubleClick de Google, el 53% de los usuarios móviles abandonan una página después de 4 segundos.

Así que esta semana hemos decidido desglosar algunos consejos y métodos para mejorar la velocidad de su sitio web de WordPress.

1. Ejecutar pruebas

Antes de comenzar a optimizar su sitio web para aumentar la velocidad, es una buena idea realizar pruebas para ver cómo funciona actualmente el sitio web, para darle un buen indicador del nivel de mejoras que necesitará.

PageSpeed ​​Insights de Google Developers otorga al sitio web una puntuación de optimización de 100 tanto para escritorio como para dispositivos móviles. Esta es una excelente manera de ver qué tan bien funciona la velocidad de su sitio web y también brinda fragmentos de información sobre dónde se deben realizar mejoras.

Otra prueba que puede considerar ejecutar es WebPageTest. Esta prueba brinda una gran cantidad de detalles en profundidad sobre cómo se carga su sitio web, incluido el tiempo hasta el primer byte, y le mostrará exactamente cuánto tardan en cargarse recursos específicos.

2. Minimizar y combinar (HTML, CSS y JavaScript)

Una vez que tenga los resultados de su WebPageTest, puede ver la cantidad de solicitudes realizadas por su sitio web para usar páginas de recursos adicionales, como páginas HTML, CSS y JavaScript.

El objetivo aquí es tratar de reducir ese número tanto como sea posible, haciendo estos archivos más pequeños y combinándolos para reducir ese número.

Este proceso es especialmente importante si está utilizando un creador de páginas como Divi o Elementor, a veces estos creadores pueden dejar fragmentos de código inútil, espacios en blanco y formato innecesario dentro de sus archivos.

Una forma sencilla de hacerlo es instalando complementos como WP Fastest Cache. Dentro de la configuración de complementos de este tipo, desea seleccionar tanto las opciones de minificación como de combinación.

3. Minimice el tiempo hasta el primer byte

El tiempo hasta el primer byte o TTFB es esencialmente una medida de cuánto tarda un servidor en recibir su solicitud y devolver el primer byte de información a su navegador.

Developer Tools o DevTools, son un conjunto de herramientas de creación y depuración web integradas en Google Chrome. Las DevTools brindan a los desarrolladores web un acceso profundo a las partes internas del navegador y su aplicación web.

Si usa las Herramientas para desarrolladores, es importante recordar que el tiempo de respuesta puede verse afectado por su conexión a Internet. Entonces, cuanto más lenta sea su propia conexión, más lenta aparecerá la respuesta de su servidor.

Si su TTFB está por debajo de 200 ms, todo está bien en el mundo. De lo contrario, podría haber algunos problemas diferentes que resolver para reducir ese tiempo.

La creación de contenido dinámico y la configuración del servidor son dos factores controlables cuando se trata de reducir su TTFB. Con WordPress, lo más probable es que sus páginas sean dinámicas. Esto significa que necesitan interactuar con una base de datos para ser "construida" a partir de los diferentes archivos con PHP antes de que se les haga ping.

Reducir el tiempo de respuesta del servidor y habilitar el almacenamiento en caché son dos correcciones para estos problemas que abordaremos más adelante en este artículo.

4. Reducir el tiempo de respuesta del servidor

Uno de los factores más importantes en la rapidez con la que se carga su página es la cantidad de tiempo que lleva la búsqueda de DNS.

Un sistema de nombres de dominio (DNS) es un servidor con una base de datos de direcciones IP y sus nombres de host asociados. Cuando un usuario escribe una URL en su navegador, un servidor DNS es lo que traduce esa URL a la dirección IP que indica su ubicación en línea.

Si está utilizando un proveedor de DNS lento, esto aumenta el tiempo que tardan los navegadores en localizar su sitio. Cambiar a un proveedor de DNS más rápido puede acelerar el proceso.

Si no está seguro de quién es su proveedor de DNS actual, puede averiguarlo con la herramienta de búsqueda de DNS de MX Toolbox.

5. Elija la opción de alojamiento adecuada

Algunos paquetes de proveedores de alojamiento están limitados en términos de velocidad, lo mejor es verificar si su proveedor de alojamiento es capaz o si limita su suscripción actual.

Si encuentra que el host no proporciona un servicio lo suficientemente rápido, puede ser interesante contactarlos, infórmeles de esto antes de cambiar el servicio, ya que a veces esto puede generar meses gratis o un servicio más barato del mismo proveedor de alojamiento.

Puede probar la velocidad y obtener una calificación de qué tan bien se desempeña su proveedor de alojamiento actual con Bitcatcha.

6. Habilitar el almacenamiento en caché del navegador

Cuando visita un sitio web, los elementos de la página que visita se almacenan en su disco duro en un caché o almacenamiento temporal que le permite a su navegador cargar la página desde el almacenamiento local en lugar de enviar otra solicitud a los servidores para cargar el sitio web.

Una manera fácil de habilitar el almacenamiento en caché del navegador es usar un complemento como WP Fastest Cache. Siga estos pasos para habilitar el almacenamiento en caché del navegador:

• Descargue e instale el complemento de WordPress 'WP Fastest Cache'.
• Navegue a la configuración del complemento WP Fastest Cache.
• Haga clic en la casilla de verificación Almacenamiento en caché del navegador y haga clic en el botón Enviar.
• Se mostrará un mensaje "Se han guardado las opciones" después de eso.

Habilitar almacenamiento en caché

En WP Fastest Cache, la opción del sistema de caché, una vez habilitada, crea archivos html estáticos a partir de los archivos de base de datos php y mysql de los que consta su sitio web dinámico de WordPress.

Si hay una gran cantidad de visitantes en el sitio web, el sistema necesita usar mucha RAM y CPU para procesar la página, lo que puede causar velocidades de carga lentas para muchos usuarios.

Con el sistema de caché habilitado, el servidor ya no necesita llamar a los archivos php y mysql y depende del archivo html estático.

Una vez que esto se complete, debería notar mejoras de velocidad observables en la velocidad del sitio web casi al instante.

7. Tamaño de la imagen

El tamaño de los archivos de imagen contenidos en su sitio web es un factor importante a considerar cuando se trata de aumentar la velocidad de la página. Las imágenes de alta resolución pueden aumentar el tamaño total de las páginas web y, a su vez, ralentizar la velocidad del sitio web.

El tamaño de imagen recomendado es inferior a 100 KB o 0,1 MB, por lo que la imagen se carga rápidamente, lo que significa que cualquier imagen que supere este tamaño deberá comprimirse hasta 100 KB o menos.

Puede hacer esto fácilmente mediante el uso de algunos complementos o sitios web, que permiten la compresión de imágenes; sin embargo, puede ser de interés aprender cómo hacerlo mediante el uso de Photoshop, ya que es mejor comprimir las imágenes antes de cargarlas o crear su sitio web.

Si no tiene conocimientos sobre el uso de Photoshop, le recomiendo que utilice los servicios de compresión en línea CompressJPEG o CompressPNG.

8. Habilitar compresión

Cuanto más pequeños sean sus archivos, más rápido se cargarán sus páginas. La compresión de archivos es una de las formas más sencillas de reducir los tiempos de carga y, en la actualidad, habilitar la compresión con Gzip se considera una práctica estándar.

WordPress Fastest Cache también permite la compresión GZIP, nuevamente similar a habilitar el almacenamiento en caché del navegador, una vez que esta opción esté habilitada, verá una mejora notable en la velocidad del sitio web.

Si no está seguro de si su sitio tiene habilitado Gzip, puede usar Verificar compresión GZIP. Simplemente ingrese la URL de su sitio y, si tiene habilitado Gzip, verá algo como esto:

9. Usa plataformas de hosting externas

El uso de una plataforma de alojamiento externo para alojar archivos más grandes fuera del sitio es otro método para explorar, ya que los archivos de video pueden tener un tamaño considerable y tener un efecto importante en la velocidad de su sitio web.

En lugar de cargar videos directamente en su sitio web, intente usar plataformas de alojamiento externas como YouTube o Vimeo y use su código html para incrustar el video en su sitio. Este método ahorra mucho espacio y permite alta resolución en lugar de archivos de video comprimidos.

10. Usa un CDN

Cuando realiza una solicitud para que un servidor abra un sitio web, su solicitud viaja a través de Internet hasta donde se encuentra el servidor que aloja el sitio web, lo que le indica al servidor que devuelva la información solicitada.

Durante las horas pico de tráfico, con una gran cantidad de solicitudes, esto puede ralentizar el tiempo de respuesta del servidor, lo que no es ideal durante los períodos en los que existe un alto potencial de crecimiento para su negocio.

El uso de una CDN (Red de entrega de contenido) almacenará en caché su sitio web en una red global de servidores, lo que significa que cada vez que se realice una solicitud, se enrutará al servidor más cercano en el que se almacena el sitio web. Esencialmente, en lugar de que todas las solicitudes globales se realicen a un servidor, dividió la información entre servidores contenidos en diferentes países o lugares.

Después de seguir los pasos anteriores, habrá una diferencia notable en la velocidad del sitio web. Vuelva a ejecutar las pruebas anteriores y compare los resultados para obtener un indicador claro de las mejoras.

Si necesita información adicional o tiene dificultades para implementar los cambios, puede ver nuestra gama de servicios de WordPress aquí: WordPress Web Development