6 consejos de expertos para optimizar sitios web para las pruebas de velocidad Lighthouse 3.0 de Google

Muchos consejos de SEO se centran en aspectos de optimización relacionados con la estrategia de contenido, el alcance y el seguimiento de la competencia. Pero incluso los mejores backlinks no pueden reemplazar un sitio web rápido y fácil de usar. Aunque la velocidad del sitio se ha considerado un factor de clasificación paracasi una décadaEl aspecto técnico del SEO tiende a ignorarse.

Si bien WordPress tiene algunas características que facilitan el SEO, también tiene variasaspectos que necesitan ajustepara cada sitio. Y, según su configuración, podría estar saboteando la velocidad de carga de su propio sitio. De hecho, el sistema de gestión de contenido que utilice es solo el comienzo de las decisiones cruciales que debe tomar para optimizar su sitio web para los rankings de búsqueda.

Afortunadamente, Google ha creado recursos para ayudarle con estas decisiones.

Dado que su principal objetivo es seguir haciendo clic en el motor de búsqueda, a Google le conviene que los sitios que aparecen en la primera página sean rápidos y fáciles de usar para los usuarios, independientemente del dispositivo que utilicen o dónde naveguen.

Por eso, Google ha creado muchas herramientas para ayudarnos a optimizar las cosas, comoInformación sobre PageSpeedyHerramientas de desarrollo de Chrome. Pero, a medida que se han desarrollado diferentes herramientas de medición para centrarse en diferentes aspectos de la optimización de la velocidad, a veces han brindado información contradictoria o inconsistente. Esto ha dejado a los propietarios de sitios, diseñadores, desarrolladores y vendedores con lagunas en sus conocimientos y una falta de información útil.

Al menos esoeracierto hasta el lanzamiento deFaro 3.0, actualizado por última vez en mayo pasado. Con las últimas implementaciones de Lighthouse, es más fácil identificar las formas más importantes de mejorar la velocidad de su sitio y, por lo tanto, su posicionamiento en las búsquedas.

A continuación se muestra cómo algunos de los mejores expertos recomiendan optimizar sitios web para Lighthouse 3.0.

Conozca sus necesidades y cúmplalas

Uno de los factores más habituales que afectan la velocidad de un sitio web es sobrecargarlo con funciones innecesarias. Si no se adopta un enfoque estratégico para implementarlas, es fácil ralentizar el sitio sin aportar ningún beneficio a cambio.

Para evitarlo, esto es lo que recomienda Gaetano DiNardi, director de generación de demanda enNextiva, recomienda:

“Al evaluar las posibles características del sitio web que se implementarán, estas son las cuatro preguntas que debe hacerse. Primero, ¿quéexactamente¿Qué estamos intentando resolver? Debería ser una cifra concreta, como el aumento de las suscripciones mensuales a boletines informativos por correo electrónico. A continuación, ¿por qué ahora? ¿Es esto una verdadera prioridad en este momento? Por ejemplo, ¿por qué necesitas suscripciones a boletines informativos por correo electrónico ahora? Es posible que primero necesites más tráfico en el sitio web, antes incluso de justificar la necesidad de más suscripciones a boletines informativos por correo electrónico.

En tercer lugar, ¿por qué no puedes utilizar soluciones existentes? Por ejemplo, es posible que ya tengas un componente en tu conjunto de tecnologías que pueda ejecutar lo que intentas resolver, pero probablemente no hayas agotado todas tus opciones.

Y, por último, ¿cuáles son los riesgos o las desventajas que esto implica y cuál es el impacto? Aquí es precisamente donde entra en juego la velocidad del sitio. Cada vez que se agrega peso a la carga, la velocidad del sitio se ve afectada. Debe preguntarse si esto es absolutamente necesario y, de ser así, cómo se puede implementar la tecnología de una manera que no perjudique demasiado los tiempos de carga. Un ejemplo de esto sería implementar scripts a través de Google Tag Manager, en lugar de codificarlos de forma rígida.

Elige temas con código limpio

Si revisa las preguntas anteriores para su sitio web y confirma que realmente necesita agregar una herramienta o un complemento, tenga en cuenta que esto es como agregar un socio tecnológico a su negocio. Investigue y verifique adecuadamente.

Incluso si ha estado usando el mismo tema durante varios años, si realmente desea tomarse en serio la optimización para la velocidad, es posible que sea mejor comenzar de cero con uno diferente y solo agregar complementos y personalizar CSS una vez que esté listo. De lo contrario, solo estará haciendo parches sobre parches.

Natasha Lane recomienda que aborde el proceso de selección de temas con mucho cuidado, ya que esto determinará el código que su sitio necesita para funcionar y visualizarse correctamente.

En el blog de DevrixLane explica:

“Un tema de WordPress es más que un toque de color y los complementos son más que un pequeño añadido de funcionalidad. Ninguno de ellos afecta a una sola parte aislada de tu sitio web y, por lo tanto, no hay margen para errores en su codificación”.

Optimizar elementos pesados

Además de los temas y los complementos, otro problema común de velocidad del sitio son los elementos multimedia pesados, como imágenes, gifs y videos. Si bien los elementos multimedia pueden mejorar la experiencia general del sitio cuando se hacen correctamente, los archivos y sus soluciones de alojamiento deben optimizarse con cuidado. Sería bueno que utilizara un proveedor de alojamiento de videos de terceros como Wistia, por ejemplo, y una CDN para sus archivos de imágenes.

Y asegúrese de comprimir bien esas imágenes antes de cargarlas en WordPress, usar un complemento de WordPress para optimizarlas al cargarlas o alojarlas externamente e integrar el contenido según sea necesario.

Ian Lurie de Portent recomiendaque utilices una herramienta llamadaAplastar, o tal vez necesite acosarte con recordatorios de seguimiento:

“Comprime tus imágenes. No me mires con cara de tonto. He visitado tu sitio. Hazlo. Prueba Squoosh. Solo por el nombre ya vale la pena.

Utilice la carga diferida

Otra forma de optimizar imágenes y elementos pesados ​​es aprovechar la carga diferida.

El director ejecutivo de Duda, Itai Sadanexplica:

“La carga diferida es importante porque prioriza el contenido, en especial las imágenes, que se encuentran en la parte superior de una página cuando un visitante accede por primera vez a una página web. A medida que el usuario se desplaza hacia abajo en la página, se cargarán elementos adicionales del sitio.

Hemos probado varios sitios que han implementado la carga diferida y vimos un aumento promedio de 10 puntos en el puntaje de Lighthouse.

La razón por la que esto es tan importante para Lighthouse es que Google está tratando de ofrecer una visión integral y real de cómo funciona un sitio web y la carga diferida es un factor positivo en esta ecuación. La mayoría de los demás comprobadores de velocidad de sitios web solo analizan el tamaño total de descarga de un sitio y el tiempo de carga.

Permitir que los complementos gestionen funciones importantes

Sí, los complementos pueden hacer que tu sitio sea más pesado, pero algunos también pueden facilitar la implementación de cambios que ayuden a la velocidad.

Algunas de las funciones para las que vale la pena recurrir a terceros son las más importantes, ya que puede resultar más fácil recurrir a un tercero de confianza que dejar que los desarrolladores lo hagan por sí mismos.

Los complementos de ciberseguridad pueden garantizar que su alojamiento no reciba demasiadas consultas de bots maliciosos, mientras que los complementos de administración de caché pueden mantener las imágenes a las que se accede con más frecuencia.en la RAM de su hostPara un acceso más rápido.

AlbacrossEspecialista en marketing Oksana Chyketaexplica:

“Aunque WordPress viene con miles de complementos gratuitos y útiles, no es necesario instalarlos todos. Elija los básicos, como los de SEO, seguridad y caché, e intente evitar aquellos de los que pueda prescindir sin problemas.

Los complementos son algo bueno, pero muchos de ellos pueden afectar negativamente el rendimiento de su sitio web, por ejemplo, reduciendo su velocidad”.

Eliminar CSS no utilizado

Finalmente, minimizar los archivos JavaScript, HTML y CSS es una de las formas más comúnmente citadas para acortar los tiempos de carga.

Pero como Nick Braithwaite, el fundadorEligeWP, explica, minimizar CSS es solo la punta del iceberg:

“Has minimizado tu CSS y no es demasiado grande. Pero antes de publicar tu proyecto, vale la pena preguntarte cuántas de esas reglas CSS se están utilizando realmente.

En el extremo más fácil del espectro, digamos que estás usando un marco CSS como Bootstrap para tu nuevo sitio, pero en realidad solo estás usando los botones y la cuadrícula. En este caso, usando la regla @import, puedes seleccionar¿Qué partes de Boostrap necesitas?.

La sobrecarga de CSS es algo que ocurre con frecuencia en los temas de WordPress, ya que deben tener en cuenta varios diseños diferentes. Para evitarlo, utilice un tema más liviano o uno que incluya funciones de administración de dependencias.Correa inferiores un buen ejemplo al que puedes aplicar las reglas @import mencionadas anteriormente.

Una vez que las victorias fáciles están fuera del camino, hay herramientas que pueden revisar su CSS en la compilación y ver si hay reglas sin usar, si está usando el administrador de paquetes de JavaScript NPM, entoncesSin CSS“Es una pequeña herramienta muy útil para esto”.

¿Su sitio hace feliz a Lighthouse?

Si nunca antes ha optimizado su sitio para que tenga velocidad, los primeros resultados de una auditoría de Lighthouse pueden ser decepcionantes. Sin embargo, si sigue los consejos anteriores de expertos que conocen WordPress al dedillo, debería acercarse a la calificación que desea.