Los 15 mejores consejos para mejorar la velocidad de la página

Cuando las páginas se cargan lentamente, es más probable que las personas abandonen su sitio por frustración antes de ver cualquier otra cosa en la página. De hecho, la velocidad de la página es ahora un factor de clasificación en el algoritmo de búsqueda de Google. En esta publicación de blog, compartiremos contigo nuestros principales consejos sobre cómo mejorar la velocidad de la página y mantener a las personas en tu sitio por más tiempo.

Relacionado: Principales consejos para administrar un blog.

¿Qué es Page Speed?

La velocidad de la página se refiere al tiempo que tardan en cargarse las páginas de un sitio web, que generalmente se mide en segundos. Es importante tener en cuenta que este no es el tiempo que tarda un sitio web en cargarse por completo, sino el tiempo que tarda en cargarse una página específica.

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

La velocidad de la página es importante porque se ha demostrado que tiene una correlación directa con la tasa de rebote. Si las páginas de su sitio se cargan lentamente, los visitantes a menudo abandonan la página mucho antes de ver algo útil en esa pantalla (lo que significa que está perdiendo conversiones potenciales).

Si desea mantener a la gente en su sitio, asegúrese de que se cargue rápidamente. Si la página tarda cinco segundos o más en cargarse, existe un 90% de posibilidades de que hagan clic fuera de su página web y no se vuelvan a ver nunca.

¿Cómo realizar un seguimiento de la velocidad de la página?

Una de las partes más importantes de la optimización de la velocidad es la medición. Le ayuda a medir su progreso y si los cambios están funcionando o no, lo que lleva a un sitio web más exitoso en general.

Puede realizar un seguimiento de la velocidad de la página con varias herramientas diferentes, incluidas Google PageSpeed ​​Insights y Pingdom Tools.

Principales consejos para mejorar la velocidad de la página

1. Optimizar y comprimir imágenes

Las imágenes que son grandes y de alta calidad se ven muy bien pero también provocan un retraso en los tiempos de carga. Esto se debe a que los archivos grandes ocupan más ancho de banda y requieren más tiempo para descargarse, especialmente en conexiones a Internet más lentas.

Si está utilizando muchas imágenes en su sitio, intente comprimirlas tanto como sea posible antes de subirlas a su sitio web. Puede comprimir imágenes utilizando una herramienta como TinyPNG o Smush.

Este último es excelente si usa WordPress como su CMS. Junto con la funcionalidad de carga diferida, el complemento comprimirá automáticamente todas las imágenes de su sitio web, todo sin afectar la calidad.

2. Minimizar las solicitudes HTTP

Cuando usa muchas imágenes, scripts y otro contenido en su sitio (que suele ser el caso), puede tener un impacto en la rapidez con la que se carga la página. Si está utilizando demasiados recursos por solicitud, intente realizar menos solicitudes para mejorar el tiempo de carga para los visitantes.

3. Comprimir CSS

Cuantos más scripts se ejecuten a la vez, más lentas tienden a ser sus páginas. También debe comprimir las hojas de estilo para que no ocupen tanta memoria o agreguen carga de procesamiento durante la renderización. Puede hacer esto usando una herramienta como YUI Compressor.

4. Minimizar la manipulación de DOM

Otra forma de ayudar a que los sitios web sean más rápidos es minimizar la manipulación del DOM. Cuando manipula algo sobre el árbol de elementos de una página web con JavaScript, no solo afecta a ese elemento, sino a todo el documento. Esto puede hacer que el tiempo de carga de la página sea mucho más lento.

5. Optimice sus scripts

JavaScript es una gran herramienta para el desarrollo web porque nos permite interactuar con todos los aspectos de nuestro sitio y código. Pero esto también tiene un costo en términos de la rapidez con la que se cargan sus páginas. Asegúrese de utilizar solo los scripts necesarios para que no ralenticen la experiencia de navegación de sus visitantes.

6. Limite el uso de CPU ejecutando tareas en otro subproceso

Cuando está ejecutando una secuencia de comandos o una tarea intensiva en el procesador, realmente puede sobrecargar su CPU y afectar negativamente el tiempo de carga de la página. Para resolver este problema, intente ejecutar estas tareas en otro hilo, para que no ralenticen el renderizado.

7. Habilite la compresión en lenguajes del lado del servidor como PHP o Python

Si está escribiendo una página web o una aplicación web que está en código, como PHP o Python, asegúrese de habilitar la compresión. Esto reducirá el tamaño de sus archivos y, por lo tanto, los tiempos de carga.

8. Elija el mejor alojamiento

El alojamiento es una parte importante de cualquier sitio web, ya que puede tener un impacto significativo en la rapidez con que se carga el sitio. En términos generales, querrá elegir una solución de alojamiento que ofrezca mayor potencia de procesamiento y ancho de banda.

Este no es el momento de salir barato y tratar de ahorrar cada centavo posible, especialmente si tiene planes de construir un sitio grande con mucho contenido.

9. Utilice el almacenamiento en caché

Una forma de mejorar significativamente el tiempo de carga de la página es habilitando el almacenamiento en caché en su servidor web. Cuando esta función funciona correctamente, los visitantes no necesitan descargar nada cuando visitan una de sus páginas porque todo ya se descargó de antemano.

Puede almacenar en caché sus páginas web para una carga más rápida a nivel de servidor. Para hacer esto, solo necesita ponerse en contacto con su empresa de alojamiento y ellos se encargarán de ello desde allí.

Además de hacerlo a nivel de servidor, los usuarios de WordPress pueden usar un complemento gratuito de WordPress, como W3 Total Cache, que ofrece velocidades de carga de páginas web más rápidas almacenando en caché sus páginas.

Relacionado: ¿WordPress es bueno para SEO?

10. Habilite la compresión Gzip en Apache o NGINX

Si está utilizando Apache o NGINX como su software de servidor web, asegúrese de haber habilitado el soporte de compresión Gzip. Esto es para que los archivos se compriman antes de ser enviados al navegador.

11. Reduzca los retrasos en la carga con ETag

Una forma de ayudar a evitar demoras en la carga es implementando encabezados ETag. Estos encabezados se utilizan para describir el contenido de un archivo en diferentes momentos. Cuando usa ETag, es más probable que los visitantes reciban solo los cambios que necesitan, en lugar de tener que descargar todo nuevamente.

12. Utilice fuentes de carga rápida

A la hora de diseñar sitios web solemos utilizar fuentes que le dan carácter y personalidad a nuestro trabajo. Sin embargo, es importante asegurarse de que estos archivos de fuentes estén optimizados. Debería considerar incrustar fuentes web porque esto ahorrará tiempo de respuesta del servidor y ancho de banda. Además, el uso de un tipo de fuente (o varios) que ya esté en la computadora de su visitante ofrecerá tiempos de carga más rápidos.

13. Carga diferida

Una de las formas más fáciles de mejorar la velocidad de la página es mediante el uso de una técnica llamada carga diferida. Esto implica solicitar el código JavaScript en su documento HTML en el momento en que se requiere, en lugar de descargar todos los recursos por adelantado, incluso aquellos que aún no se utilizan. Aquellos que usan WordPress pueden aprovechar los complementos disponibles para lograr esto.

14. Desactive los complementos o temas que podrían afectar el rendimiento del sitio

Los complementos son excelentes para la funcionalidad y la adición de características a los sitios de WordPress, pero también tienen el potencial de atascar significativamente los tiempos de carga en algunos casos. Como propietario de un sitio de WordPress, es posible hacer que esto suceda desactivando complementos o temas que ya no son necesarios. Puede que no parezca mucho, ¡pero todo ayuda! La idea aquí es reducir la hinchazón del sitio web y tener menos código ejecutándose en segundo plano.

También vale la pena señalar que los complementos desactualizados o mal mantenidos pueden representar una seria amenaza para la seguridad de su sitio web. Como tal, intente limitar la cantidad de complementos que usa o asegúrese de actualizarlos con frecuencia.

¡Sin embargo, no todos los complementos ralentizarán su sitio! De hecho, existen algunos complementos de velocidad que mejoran la velocidad de su sitio. Recomiendo probarlos individualmente para ver cuáles están reduciendo el tiempo de carga.

15. Reducir redireccionamientos

Los redireccionamientos pueden ser útiles en algunos casos, pero cuando se trata del tiempo de carga de la página, son uno de los peores infractores. Intente reducir la cantidad de redireccionamientos que tiene y vea si ayuda con los tiempos de carga.

Además de no crear redireccionamientos innecesarios al crear su sitio, usted configura su TLD para que se resuelva con el menor número posible de redireccionamientos, ¡uno sería perfecto!

Si tiene redireccionamientos configurados incorrectamente en su sitio, está bien, porque afortunadamente hay una herramienta para ayudarlo a identificarlos. Patrick Sexton Redirect Mapper Tool señalará cualquier error potencial y le facilitará la corrección del problema.

Conclusión

En conclusión, mejorar el tiempo de carga de tu página puede ser una tarea valiosa. Existen varias estrategias diferentes para ayudarlo a hacer esto, y algunas son más efectivas que otras por varias razones. Cuáles termines eligiendo dependerán del tipo de contenido que se esté entregando y cuánto esfuerzo se requiera para implementarlos.

Muchos de estos consejos son técnicos, por lo que es difícil dar una regla general sobre cuáles funcionan mejor. Mucho depende del tipo de sitio que tenga y de su propio conocimiento técnico. Para la mayoría de las personas, recomendaría contratar a un profesional para limpiar su sitio y hacerlo más rápido.

Si desea mejorar la velocidad en el menor tiempo posible, entonces me concentraría en comprimir imágenes, eliminar la hinchazón innecesaria y usar complementos de almacenamiento en caché.