10 mejores maneras de acelerar su sitio web de WordPress

Desde que Google anunció la introducción de la velocidad de la página como una de las métricas para determinar la clasificación SEO, los propietarios de sitios han convertido en una de sus principales prioridades hacer que sus sitios web se carguen rápidamente.

Los tiempos de carga de la página también afectan si los visitantes abandonan antes de que la página se cargue por completo. Con un sitio web de carga lenta, puede perder una cantidad significativa de tráfico y conversiones.

En esta guía, analizaremos una lista de acciones que puede realizar para acelerar su sitio web de WordPress.

¿Por qué es importante la velocidad de la página?

Hay dos razones principales por las que la velocidad de la página es importante para usted como propietario de un sitio.

Primero, la velocidad de la página afecta su clasificación SEO. Si hay dos sitios web que son comparables en todos los demás aspectos del SEO, los motores de búsqueda penalizan al sitio web más lento. No está claro qué cantidad de penalización aplican los algoritmos de clasificación de páginas, sin embargo, es una buena idea optimizar cada aspecto de su sitio web para aumentar la velocidad.

En segundo lugar, los usuarios en línea tienen un período de atención relativamente corto. A menos que alguien realmente quiera revisar su contenido, las posibilidades de que un visitante abandone su sitio antes de que se cargue aumentan con cada segundo que pasa. También pueden abandonar sus carritos si el proceso de pago posterior es lento; por ejemplo, un estudio realizado por Pingdom ha demostrado que el 38% de los visitantes abandonaron sitios web que tardaron cinco segundos o más en cargarse.

En general, los tiempos de carga de página más rápidos lo ayudan a obtener mejores clasificaciones en los motores de búsqueda y generar más vistas de página y conversiones. Además, conduce a una mejor experiencia de usuario.

Veamos ahora algunas herramientas que puede usar para medir el tiempo de carga de la página.

¿Cómo medir la velocidad de la página?

Antes de revisar varias técnicas para acelerar su sitio web, primero debe dar un paso atrás y evaluar la situación actual. Esto puede ayudarlo a comprender cuánto necesita para optimizar su sitio web.

Probar su sitio web antes de la optimización también le proporciona un punto de referencia para comparar los resultados de futuras pruebas. Ahora, veamos algunas herramientas de prueba que pueden ayudarlo a evaluar su sitio web según sus necesidades, presupuesto y tecnología.

GTmetrix

GTmetrix es una herramienta gratuita basada en la web para evaluar el rendimiento de su sitio web de WordPress. Simplemente diríjase a la página de inicio de GTmetrix e ingrese la URL para probar un sitio web. No puede configurar la región del servidor de prueba y la configuración del navegador en la versión gratuita, sin embargo, la versión paga le brinda más control y la capacidad de mantener el historial.

GTmetrix devuelve tres métricas clave:

• tiempo de carga de la pagina
• tamaño de página total
• número total de solicitudes HTTP

En esta guía, veremos cómo optimizar todas estas métricas.

Perspectivas de PageSpeed

PageSpeed ​​Insights es una herramienta web gratuita de Google Developers que le permite evaluar el rendimiento de su sitio web. Simplemente necesita ingresar su URL para comenzar la prueba.

La oferta clave de PageSpeed ​​Insights se centra en los dispositivos móviles. Un sitio web puede comportarse de manera significativamente diferente en un dispositivo móvil que en una computadora de escritorio. Si bien no puede controlar en qué dispositivo se realiza la prueba, un punto de referencia proporcionado por esta herramienta ayuda en la optimización general.

Prueba de página web

WebPageTest es una herramienta gratuita de código abierto para probar el rendimiento de su sitio web. Le da mucho más control sobre el entorno de prueba.

No solo puede decidir el dispositivo y la ubicación desde donde se realiza la prueba, sino que también puede crear pruebas paso a paso para generar métricas personalizadas para su sitio web.

Ahora que hemos discutido brevemente las herramientas que pueden ayudarlo a identificar qué tan rápido es su sitio web, veamos cómo puede acelerar su sitio de WordPress.

1. Elija un alojamiento web rápido

Cuando un visitante llega a una página de su sitio web, su navegador envía una solicitud a su servidor para mostrar esa página. El tiempo que tarda el servidor en responder influye fuertemente en el tiempo que deben esperar. Independientemente de la eficiencia de su sitio web, el rendimiento del servidor web determina de manera crítica la rapidez con la que se gestiona la solicitud de un visitante.

Antes de elegir un host, primero debe seleccionar el tipo de alojamiento que está buscando. ¿Está satisfecho con el rendimiento relativamente lento de un host compartido o necesita un alojamiento de WordPress dedicado y especializado? La elección es generalmente una compensación entre costo y velocidad.

Aquí está nuestra guía completa para seleccionar el host más rápido para WordPress. En resumen, recomiendo SiteGround si está buscando una solución económica pero confiable. Si desea el mejor rendimiento y el presupuesto es una preocupación menor, debe probar el alojamiento administrado de WordPress de Kinsta.

2. Utilice un tema ligero y flexible

El tema que seleccione para su sitio de WordPress contribuye significativamente a la velocidad de la página. Dado que la mayoría de los propietarios de sitios no modificarían un tema de WordPress para mejorar el rendimiento, es importante elegir un tema que sea eficiente y se cargue rápido.

La regla general es seleccionar un tema liviano con características mínimas, según sus requisitos. Puede considerar nuestra colección de los temas de WordPress más rápidos para comenzar su búsqueda.

¿No puedes tomar una decisión? Entonces, recomiendo echar un vistazo a Sydney, nuestro tema de WordPress ligero y gratuito que combina elementos de diseño moderno con una multitud de opciones de personalización.

3. Usa los complementos sabiamente

Puede atribuir el crecimiento de WordPress a la comunidad que desarrolla y mantiene complementos. Los complementos amplían la funcionalidad de WordPress para que sea capaz de mucho más. Si bien encontrará un complemento para cualquier tarea que pueda imaginar, es una buena idea usar selectivamente solo aquellos complementos que absolutamente necesita para el funcionamiento de su sitio web.

Cada complemento aumenta la complejidad de un sitio de WordPress, por lo que es una buena práctica auditar periódicamente su sitio web para evaluar cada complemento. Asegúrese de desactivar o eliminar todos los complementos innecesarios.

También debe verificar si los complementos entran en conflicto entre sí o con su tema. La función de estado del sitio del complemento de WordPress de comprobación de estado y solución de problemas puede ayudarlo a verificar posibles conflictos entre los complementos.

4. Optimice su base de datos de WordPress

Su aplicación de WordPress se conecta a una base de datos que almacena todos los datos relacionados con el sitio en segundo plano. La base de datos esencialmente almacena todo el contenido de su sitio web, incluidos, entre otros, publicaciones, páginas, registros de usuarios, comentarios y configuraciones.

Cuando alguien visita su sitio web, solo está recuperando datos de la base de datos para ver una página o una publicación. Sin embargo, una acción del usuario, como un comentario, un voto a favor o una compra, conduce a la generación de datos. WordPress también guarda automáticamente las revisiones que realizas en tus publicaciones.

El tiempo de solicitud y respuesta entre la base de datos y su sitio de WordPress puede aumentar por dos razones. Primero, a medida que su base de datos crece en tamaño, la ejecución de estas consultas lleva más tiempo. En segundo lugar, los ciclos de entrada y eliminación de datos pueden fragmentar su base de datos, por lo que diferentes partes de su base de datos pueden almacenarse en diferentes ubicaciones dentro del sistema de archivos.

Por lo tanto, tiene sentido mantener tu base de datos limpia eliminando datos no deseados como spam y comentarios no aprobados, revisiones de publicaciones y publicaciones desechadas. WP Optimize es un complemento que le permite optimizar su base de datos de WordPress eliminando datos antiguos y redundantes y desfragmentando la base de datos.

5. Use un CDN para entregar recursos

Una red de entrega de contenido (CDN) consta de un grupo de servidores ubicados en ubicaciones estratégicas en todo el mundo. Se basa en la premisa de que el tiempo de descarga de un recurso depende de la distancia física entre el cliente y el servidor.

Un análisis rápido de HTTP Archive revela que una página en un sitio típico de WordPress pesa alrededor de 2,3 MB en 2020. Una parte importante del peso de esta página consiste en imágenes (1,2 MB), fuentes y hojas de estilo (280 KB) y scripts (470 KB). ).

Si almacena estos recursos en servidores CDN en todo el mundo, un visitante de cualquier parte del mundo puede potencialmente cargarlos desde un servidor más cercano, reduciendo el tiempo de carga de la página web. Recomiendo consultar KeyCDN, una solución CDN rentable para propietarios de sitios.

6. Prepare sus imágenes para la Web

Si bien hemos cubierto el uso de CDN para optimizar la entrega de recursos clave al cliente, tomemos un momento para optimizar los recursos también. Las imágenes representan casi la mitad de la carga útil y, a menudo, sirven como componentes críticos del diseño de una página web. Por lo tanto, es una buena idea seguir algunas de las mejores prácticas para optimizar el rendimiento de las imágenes.

Controles de higiene

Primero, debes asegurarte de subir las imágenes en el tamaño correcto. Por ejemplo, no tiene mucho sentido usar el mismo tamaño de logotipo tanto para la página Acerca de nosotros como para el favicon. Como el favicon tiene un tamaño sustancialmente más pequeño, debe cambiar el tamaño de su logotipo y cargar una versión más pequeña del mismo.

A continuación, también debe usar el tipo de imagen apropiado. Por ejemplo, una imagen JPG es ideal para fotografías y otras imágenes complejas con muchas variaciones de color. Por otro lado, las imágenes PNG funcionan bien para gráficos que tienen menos variaciones de color, como una captura de pantalla. Finalmente, un SVG (Gráfico vectorial escalable) funciona perfectamente para una imagen que consta de formas geométricas simples, como un logotipo.

Optimización de imagen

Una vez que haya creado las imágenes para su publicación, asegúrese de optimizarlas también. La optimización de imágenes significa esencialmente la compresión de imágenes para que sean adecuadas para la web. Puede optimizarlos localmente o usar un complemento para este propósito.

Si desea un complemento de WordPress que se encargue de todas sus imágenes cargadas, puede usar Imagify, un complemento gratuito de WordPress que optimiza sus imágenes en tiempo real. Y, si desea utilizar una aplicación de escritorio para optimizar las imágenes antes de cargarlas, puede probar ImageOptim.

También puede consultar nuestro resumen de los mejores complementos de optimización de imágenes de WordPress.

Imágenes de carga perezosa

La carga diferida es el proceso de descargar la versión completa de una imagen solo cuando ingresa a la ventana gráfica del navegador mientras el espectador se desplaza hacia abajo en la página. Esta técnica de optimización de imágenes ahorra un valioso ancho de banda tanto para el propietario del sitio web como para el espectador. Además, reduce el tiempo de carga de la página al retrasar la descarga de una parte significativa de la carga útil.

Si bien hay complementos que le permiten habilitar la carga diferida, vale la pena señalar que WordPress también está considerando agregarlo como una característica principal.

7. Administre archivos estáticos de manera eficiente

Además de las imágenes, las hojas de estilo y los scripts representan una parte importante de la carga útil de una página web. Entonces, veamos ahora cómo puede servir de manera eficiente estos archivos estáticos a sus espectadores.

Primero, puede minimizar sus hojas de estilo y scripts para reducir el tamaño de sus recursos. El proceso de minificación consiste en eliminar aquellas partes de un archivo que no son necesarias para la ejecución. Estos incluyen espacios en blanco, comentarios y código no utilizado.

Puede minificar sus recursos manualmente usando un servicio como Minifier. Sin embargo, para un sitio de WordPress, ahorraría tiempo usar un complemento de minificación como WP Super Minify para minimizar todos los recursos en su sitio de una sola vez.

A continuación, puede cargar algunas de sus hojas de estilo y scripts de forma asincrónica. Si lo hace, la carga de recursos no esenciales no detendrá el procesamiento de la página. Aquí hay un tutorial sobre cómo puede diferir el análisis de JavaScript en WordPress.

Finalmente, puede habilitar la compresión GZIP para comprimir aún más sus recursos. La compresión GZIP es una técnica en la que el servidor envía archivos comprimidos al navegador, que se descomprimen una vez que se completa la descarga. La compresión GZIP también es una característica común en los complementos de almacenamiento en caché (que se analiza a continuación).

8. Optimiza las solicitudes HTTP

Si bien hemos hablado extensamente sobre la carga útil, también debemos discutir cómo los enviamos al cliente. Es posible que haya notado que muchos problemas señalados por las herramientas de evaluación del rendimiento están relacionados con las solicitudes HTTP. Las métricas típicas incluyen cuántas solicitudes HTTP tiene su página web, cuántas de ellas implican redireccionamientos y cuántas búsquedas de DNS debe realizar el navegador para descargar todos los recursos.

Una forma sencilla de reducir la cantidad de solicitudes HTTP es combinar archivos similares. Por ejemplo, debe tener una sola hoja de estilo CSS para su sitio web. Todos los scripts personalizados también deben combinarse en un solo archivo. A medida que disminuye la cantidad de solicitudes HTTP, también disminuye el tiempo de carga de la página. Si usa un complemento minificador, elija uno que se encargue de combinar archivos similares.

Para optimizar sus solicitudes HTTP, también puede minimizar la cantidad de búsquedas de DNS. Cada vez que el navegador encuentra un recurso alojado en un nuevo nombre de dominio, debe realizar una búsqueda de DNS para obtener la dirección IP correspondiente. Si almacena sus recursos en un solo dominio, puede reducir las búsquedas de DNS. Si usa un CDN para servir sus archivos estáticos, la cantidad de búsquedas de DNS ya está minimizada.

Finalmente, también debe minimizar la cantidad de redireccionamientos para recursos estáticos. Se produce una redirección cuando la ubicación original de un recurso apunta a una nueva ubicación, lo que esencialmente significa que el navegador debe realizar una nueva solicitud para obtener el recurso.

9. Habilitar el almacenamiento en caché en WordPress

El almacenamiento en caché es el proceso de almacenar una parte de la página en una ubicación temporal para servirla rápidamente a sus visitantes. El almacenamiento en caché le permite ahorrar ancho de banda del servidor y reducir los tiempos de carga de la página.

Al elegir un complemento de almacenamiento en caché para su sitio de WordPress, seleccione uno que sea fácil de configurar y proporcione mejoras de rendimiento con configuraciones simples. Si tiene la experiencia, debe ingresar a la configuración avanzada para desbloquear beneficios de velocidad adicionales.

Probamos y comparamos los mejores complementos de almacenamiento en caché de WordPress. WP Rocket resultó ganador en los resultados de nuestras pruebas.

10. Mantenga WordPress y PHP actualizados

WordPress y PHP son software popular en proceso de desarrollo activo. Todos los días se incorporan mejoras como nuevas funciones, correcciones de errores, parches de seguridad y mejoras de rendimiento.

Por lo tanto, es esencial actualizar su WordPress, complementos y PHP a las últimas versiones para mantenerse al día con estas mejoras. Sin embargo, antes de iniciar una actualización, asegúrese de hacer una copia de seguridad de la versión actual de su sitio de WordPress.

Resumen

En esta guía, primero, cubrimos por qué la velocidad de la página es crítica para que el propietario de un sitio la considere y la optimice.

A continuación, analizamos algunas herramientas populares que evalúan qué tan bueno es su sitio web y cómo puede mejorar su rendimiento.

Finalmente, discutimos las técnicas más importantes para acelerar su sitio de WordPress, desde usar un servidor web lo suficientemente rápido hasta actualizar PHP y WordPress regularmente.

¿Utiliza una técnica diferente para acelerar su sitio de WordPress? Háganos saber en los comentarios a continuación.