Mejorar la velocidad del sitio: todo lo que necesita saber

La velocidad del sitio no es exactamente un tema glamoroso, así que no te culpo si has estado evitando pensar mucho en ello.

Pero la realidad no siempre es conveniente: la velocidad del sitio es cada vez más importante y la atención de los usuarios de Internet definitivamente no se alarga.

Quizás aún más importante, Google está prestando atención a este problema en particular, y ese tiempo de carga de 8 segundos está afectando su clasificación, le guste o no.

Cada vez más, los propietarios de sitios comprenden que la velocidad del sitio es parte de cualquier buena estrategia de SEO. Así que ponte tus límites de aprendizaje, vamos a profundizar.

¿Cuánto importa realmente?

Déjame detenerte allí mismo.

Esta no es una de esas cosas que puedes descartar y decir "es solo para los perfeccionistas" o "no tengo suficiente tráfico para que esto importe".

La velocidad del sitio es importante para todos los sitios web y lo hace por una variedad de razones. Sería prudente no descartarlos.

En primer lugar, piense en sus visitantes y sus hábitos de navegación. Algunos hechos:

Imagen cortesía de Kissmetrics

Como si eso no fuera suficiente para convencerlo, seguiré adelante y le haré saber que a Google también le importa, y eso debería ser lógico, ¿no?

Al fin y al cabo, el objetivo de Google es mejorar Internet para los usuarios, lo mejor para ellos es animar continuamente a los propietarios de sitios a comportarse bien y hacer de la web una experiencia más segura y agradable. Y con tantos usuarios de Internet que señalan que la velocidad del sitio es importante, es natural que Google lo tenga en cuenta en su algoritmo.

De hecho, esto es cualquier cosa menos una noticia: Google anunció en 2010 que la velocidad del sitio era un factor de clasificación, por lo que puede apostar que esto no ha cambiado considerando que ha sido corroborado por datos de terceros una y otra vez.

Cómo medir la velocidad del sitio

En primer lugar, necesitará medir la velocidad de su sitio para evaluar si necesita amor o no.

Hay una serie de herramientas disponibles para usted, y todas ellas son de uso gratuito.

Probablemente terminará con un favorito, pero le recomiendo que los use todos a medida que avanza en el proceso. Digo esto porque cada herramienta tiene una presentación única y algunas muestran información ligeramente diferente a otras.

Por último (y esta es una gran advertencia), tenga en cuenta que la puntuación definitivamente no es lo único que importa aquí. La puntuación es un punto de referencia que también variará entre las diferentes herramientas: no existe una métrica universal para la puntuación de la velocidad de la página.

Lo que debe recordar es que cada situación es única. Es posible que tenga una implementación particular que no se refleje bien en términos de una puntuación YSlow, pero eso no significa que Google penalizará su sitio o que su tiempo de carga será excesivamente alto.

La conclusión es que los puntajes son una guía: no establezca un objetivo arbitrario e intente llegar a un número específico. Si adopta ese enfoque, puede encontrarse rápidamente haciendo sacrificios innecesarios y eliminando recursos útiles de su sitio para alcanzar ese punto de referencia.

Solo mantén la mente abierta y estarás bien. Las herramientas que recomiendo usar son:

Perspectivas de velocidad de página de Google

Google, por supuesto, tiene su propia herramienta, y aquí es donde debe comenzar su viaje.

Definitivamente no es la más robusta del grupo; de hecho, es fácilmente la más básica de todas las herramientas que vamos a discutir. Pero dicho esto, sigue siendo un lugar decente para comenzar su viaje.

Eche un vistazo a lo que recomienda para su sitio y debería tener una idea decente de las áreas que debe buscar para mejorar.

GTmetrix

Esta herramienta es fácilmente mi favorita.

Para empezar, proporciona dos puntuaciones diferentes y un "gráfico de cascada". El gráfico de cascada puede volverse un poco técnico, pero si comienza a profundizar, encontrará que es un recurso invaluable.

Como puede ver, la gente de IGN claramente tiene mucho trabajo por delante. Dicho esto, tienen un número considerable de seguidores leales preexistentes (quizás hayan experimentado y descubierto que su tráfico de retorno no se ve afectado por los horribles tiempos de carga).

De todos modos, también es genial que puedas crear una cuenta gratuita en GTmetrix y hacer que ejecute un informe diario en tu página. Luego puede ver el progreso a lo largo del tiempo o comparar dos (o más) informes para ver qué elementos ha mejorado y cuál ha sido su efecto acumulativo en términos de rendimiento.

Prueba de página web

A pesar de la apariencia súper anticuada, esta herramienta sigue siendo útil. Diría que está en algún lugar entre GTmetrix y Google PageSpeed ​​Insights en términos de utilidad.

También proporciona un gráfico de cascada y múltiples puntajes diferentes. Con los informes, obtendrá datos muy específicos y granulares sobre lo que necesita mejorar y dónde se encuentran sus problemas.

Una característica realmente agradable (y única) radica en su capacidad para mostrar tanto la puntuación inicial como la repetida. Estos difieren según la configuración del almacenamiento en caché y algunos otros factores. Definitivamente buena información para tener.

Prueba de velocidad del sitio web de Pingdom

Pingdom es otra oferta sólida y tiene la presentación "más bonita" de cualquiera de las herramientas.

Tienen una versión paga que ofrece más funciones y ventajas, pero nunca la he probado, así que no puedo recomendarla ni evaluar su verdadero valor o potencial.

Puedo decir que la herramienta gratuita es útil y definitivamente recomendaría echarle un vistazo.

Cómo mejorar la velocidad de su sitio

A decir verdad, hay demasiado para cubrir en uno o dos artículos dedicados específicamente a mejorar la velocidad del sitio, y ya existen muchos recursos útiles sobre este tema.

En esta guía, solo nos estamos mojando los pies, así que voy a mantener mis recomendaciones accesibles y trataré de no profundizar demasiado en los aspectos técnicos.

Para muchos de nosotros, necesitaremos contratar a un experto en velocidad del sitio para resolver por completo los problemas que se encuentran en cualquiera de las herramientas de prueba anteriores. Pero todos podemos avanzar por nuestra cuenta también, y si tienes suerte, eso podría ser suficiente para obtener el tiempo de carga de <2 segundos que todos queremos.

Optimiza tus imágenes

Una imagen vale más que mil palabras, o en términos de tamaño de archivo, 100 000 palabras.

Las imágenes son excelentes para mantener a los visitantes interesados, crear una identidad de marca y transmitir mucha información rápidamente. Dicho esto, a menudo son archivos de gran tamaño, que posteriormente aumentan significativamente el tiempo de carga de la página.

Afortunadamente, la optimización de imágenes es fácil y se puede hacer de forma masiva mediante complementos.

Si está en WordPress, simplemente descargue EWWW Image Optimizer y edite en masa todas sus cargas. Solo le tomará unos pocos clics, y puede alejarse mientras hace el trabajo pesado.

Te sorprenderá la gran mejora que verás con solo optimizar las imágenes.

Elección del tema

Si está utilizando un tema para su sitio web en una plataforma como WordPress, no le va a gustar lo que tengo que decir a continuación.

Si bien puede que no sea un problema para usted, algunos temas están mal optimizados para la velocidad. Depende totalmente de tu tema en particular.

Realice una investigación independiente, consulte foros e hilos de soporte, y consulte la documentación que viene con su tema. Puede haber consejos específicos contenidos en la documentación, o configuraciones en la configuración avanzada del tema con las que puede jugar para mejorar la velocidad de su sitio.

En el peor de los casos, es posible que deba tomar la difícil decisión de que, a largo plazo, deberá elegir un tema diferente que tenga un código mejor optimizado.

Eliminar complementos innecesarios

Cuando ayudo a los clientes a optimizar sus sitios, lo primero que hago (después de optimizar las imágenes) es echar un vistazo a los complementos que tienen instalados y activos.

A menudo me sorprende lo que encuentro: toneladas de complementos cosméticos inútiles, seguimiento duplicado de Google Analytics. Tu dilo.

Eche un vistazo a su lista de complementos: cualquier cosa que no esté usando activamente debe eliminarse.

Puede ver qué complementos requieren muchos recursos a través de GTmetrix, y debe priorizar su eliminación siempre que sea posible.

Tamaño de página

Tener demasiadas imágenes grandes, videos o demasiadas líneas de código innecesarias en sus archivos .htaccess o JavaScript pueden contribuir a que el sitio sea más lento.

Haga que su desarrollador eche un vistazo a la eliminación del código de su sitio cuando corresponda. A menudo, si su sitio tiene algunos años, le sobrarán funciones y detalles que ya no usará.

Además, sobre el tema de los videos incrustados, estos suelen ser archivos grandes e incluyen más de un recurso de JavaScript.

¿La gente realmente ve tus videos incrustados? Verifique su análisis en la página (hay un complemento para eso) para averiguarlo. Si las personas realmente no interactúan con ellos, considere eliminarlos o mejorar su ubicación y exposición.

Compresión GZip

Gzip es una aplicación que reduce el tamaño de cualquier recurso mayor a 150 bytes. Estamos hablando de CSS, JavaScript, HTML, etc.

Hay mucha documentación disponible en línea sobre cómo comenzar a usar esto, y definitivamente marcará la diferencia en la velocidad de su página.

Minificar y concatenar CSS y JS

Este puede ser un poco complicado, y tendrás que ser un usuario avanzado para que todo tenga sentido. Yo mismo no tengo suficiente conocimiento de todo para darte consejos detallados.

Pero lo que puedo decirte es que hay complementos que pueden ayudarte con esto si estás en WordPress.

• BWP Minify es un complemento excelente y fácil de usar que puede ser justo lo que está buscando. Puede realizar una serie de mejoras sin necesidad de conocimientos avanzados del usuario.
• Autoptimize es otro que puede resultarle útil.

Trabajar en este ángulo en particular requerirá algo de experimentación, por lo que definitivamente recomendaría utilizar un sitio de ensayo o prueba en el que pueda perder el tiempo sin romper nada que esté en vivo y orientado al cliente.

... ¿eso es todo?

Ja, deseas.

Sé que todo esto puede ser mucho para digerir si no estás particularmente familiarizado con el tema, pero se vuelve más fácil.

Cuanto más se exponga al tema, experimente con complementos y utilice las herramientas de prueba, más comprenderá los detalles.

Al final, es probable que todavía necesite la ayuda de un desarrollador talentoso y capacitado, ya sea para hacerse cargo de todo el proyecto o simplemente para hacer algunos ajustes y verificar dos veces la seguridad y la estabilidad de su propio trabajo, pero Valdrá la pena el dinero gastado si puede mejorar la experiencia del usuario.