Saltar al contenido

5 maneras de optimizar su sitio para los criterios de velocidad de la p√°gina de Google

En mayo de 2018, Google lanzó Faro 3.0, una versión actualizada de su herramienta de código abierto para auditar la calidad y la velocidad de las páginas web. Lighthouse 3.0 ofrece nuevas opciones de salida para informes, pero también una serie de cambios en la forma en que mide la velocidad y el rendimiento del sitio, como la introducción de First Contentful Paint como una métrica de rendimiento y velocidad y nuevas ponderaciones para auditorías de desempeño.

hombre con imagen de computadora

¿Y desde mayo de 2018? Google lanzó aún más cambios. Es por eso que compartimos cinco formas en que puede optimizar su sitio hoy.

Empecemos.

¿Por qué optimizar la velocidad de su sitio ahora?

Lighthouse ha seguido evolucionando en el año desde que cayó 3.0. Google anunció recientemente que era trabajando en paquetes de plataforma para Lighthouse, mediante el cual los evaluadores pueden recibir consejos de optimización de velocidad que son específicos del CMS y las bibliotecas de códigos que se usan en sus sitios.

Entonces, si usa JavaScript angular con WordPress, por ejemplo, tiene suerte, pero ya se están desarrollando más variantes de Paquetes de plataforma, con la ayuda de la comunidad de GitHub.

Actualización del faro de Google con Page Speed ??Insights

Fuente de imagen

Google ha ido aumentando gradualmente la importancia de la velocidad del sitio como criterio de clasificación de búsqueda desde que introdujo por primera vez el índice móvil primero en 2016, por lo que es aconsejable prestar atención a estas métricas y tendencias. Google lanzó aproximadamente 62 actualizaciones de ajustes de algoritmos en el transcurso del promedio semana en 2018, por lo que garantizar que se clasifique bien se está convirtiendo en una práctica cada vez más dinámica. Y dada la relativa novedad del índice mobile-first, así como su influencia desproporcionada en el tráfico del sitio web, tiene sentido que la mayoría de los refinamientos de algoritmos se centren en los dispositivos móviles.

Quizás el argumento más fuerte para vigilar de cerca a Lighthouse es que esta es la primera vez que Google ha creado una herramienta de medición de velocidad de autoservicio que intenta replicar los tiempos de retraso experimentados por los visitantes reales del sitio, en lugar de los bots.

Muchas de estas métricas que estás viendo desde Lighthouse se te presentan principalmente en relación con el lado de las cosas frente al usuario, explicó el analista de tendencias para webmasters John Mueller en febrero durante un horario de atención Hangout Q&A sesión Desde nuestro punto de vista, desde el punto de vista de la búsqueda, tomamos una variedad de estas métricas juntas para descubrir cómo deberíamos ver este sitio con respecto a la velocidad.

Con todo esto en mente, hemos reunido cinco consejos para ayudarlo a complacer a los dioses de Google con la velocidad de su sitio.

1. Implementar carga diferida

Las imágenes de alta resolución pueden reducir significativamente el tiempo de carga de su sitio web, así como aumentar la memoria y el peso de la página. Puede eliminarlos de su sitio por completo, pero es posible que necesite o realmente quiera mantenerlos. La carga diferida es una forma de acelerar el tiempo de carga de la página sin tener que deshacerse de ninguno de sus contenidos con muchos recursos.

ejemplo de carga diferida de Medium

Fuente de imagen

Con la carga diferida, solo se carga una parte de la página web a la vez en la sección que el espectador está viendo en ese segundo, por lo que pospondrá cargar la siguiente parte hasta que el visitante se desplace hacia ella. Esto reduce la cantidad de tiempo que se tarda en alcanzar métricas como First Painting significativo y First Content Paint, que son dos de las métricas que usa Lighthouse para medir la velocidad y el rendimiento del sitio.

La carga lenta es imprescindible si ha implementado el desplazamiento infinito, que es popular entre los sitios con mucho contenido, pero puede ayudar en todo tipo de sitios web. De hecho, la plataforma de diseño web de Duda descubrió que después de la implementación de la carga diferida en los sitios que funcionan con Duda, esas propiedades registraron un promedio de 10 puntos en el puntaje de Lighthousenada para sacudir un palo

2. Aproveche al máximo los formatos de imagen de próxima generación

Uno de los mayores culpables de los tiempos lentos de First Contentful Paint son sus imágenes. El problema es que cuando se trata de marketing y ventas, una imagen realmente vale más que mil palabras, por lo que sería correcto resistirse a deshacerse de esos diseños que favorecen las grandes imágenes de héroes. Junto con la carga perezosa, formatos de imagen de próxima generación Proporcionar la solución.

Los formatos de próxima generación incluyen JPEG 2000, JPEG XR y WebP. Estos formatos comprimen y convierten imágenes para hacerlas mucho más pequeñas que los PNG y JPG tradicionales, pero no tienen un efecto negativo en la calidad de la imagen. Cuando utiliza formatos de última generación, puede acelerar drásticamente los tiempos de carga de la página, incluso para imágenes con mayores dimensiones de píxeles, sin sacrificar la calidad de la imagen. Revisa estos datos de Insane Lab esa foto muestra cuánto más pequeños son los archivos WebP que los archivos PNG:

Gráfico de archivos WebP vs PNG

Google particularmente alienta webmasters para usar su propio formato WebP nuevo, que es compatible con los navegadores Chrome y Opera. WebP produce imágenes que son 26% más pequeñas que PNG y 25-35% más pequeñas que los formatos JPG.

3. Use una red de entrega de contenido

Una red de entrega de contenido, o CDN, es una excelente solución para acelerar las cargas de tu página, que son segundo más importante métrica para una buena calificación de rendimiento en Lighthouse 3.0.

Básicamente, un CDN es una red de servidores que se distribuyen en todo el mundo y trabajan juntos para entregar su contenido. Debido a que los servidores en un CDN están dispersos geográficamente, siempre hay uno que está más cerca de casi todos los usuarios, lo que reduce el tiempo que tarda su contenido en llegar a su navegador.

Explicación CDN

Fuente de imagen

Los CDN a menudo también usan tácticas de compresión avanzadas, como la minificación y la compresión de archivos, que ayudan a que sus activos de contenido se transfieran más rápidamente, ofreciendo una mejor disponibilidad de contenido y redundancia, de modo que el tráfico pesado no interrumpa el rendimiento de su sitio web. Las CDN tienen menos probabilidades de fallar ante una falla de hardware. Los principales sitios con mucho contenido que dependen de tiempos de carga súper rápidos, como Netflix, Facebook y Amazon, usan CDN.

4. Deshágase de complementos innecesarios

Si tiene un sitio que se ejecuta en WordPress o una plataforma similar que se basa en complementos para una funcionalidad adicional, esos complementos podrían estar reduciendo la capacidad de respuesta de su sitio, afectando sus métricas de interactividad y reduciendo sus puntajes de rendimiento de Lighthouse 3.0.

Algunos complementos pueden ser vitales para su sitio, como su procesador de pagos, pero otros ya no sirven para mucho. Muchos complementos consultan a servidores de terceros para obtener información, lo que podría ralentizar aún más las cosas. en un encuesta reciente de DigWP, más de 900 profesionales de WordPress indicaron la cantidad de complementos que generalmente ven como el umbral de demasiados, y el 75% de los encuestados está de acuerdo en que 25 es el límite. Más de un tercio de los encuestados recomendó 10 como límite.

lista de complementos

Los complementos adicionales pueden conducir a la hinchazón de la base de datos, lo que aumenta el peso de su sitio de forma gratuita, lo que hace que la carga sea mucho más lenta, por lo que cuanto menos tenga, mejor.

5. Elimine las reglas CSS que no usa

Las reglas CSS de sus sitios se definen en el archivo main.css. También se llama la hoja de estilo externa, porque se almacena por separado del sitio HTML. Para que su sitio cargue First Contentful Paint, que tiene un alto impacto en el rendimiento de acuerdo con la nueva versión de Lighthouse, el navegador primero debe recuperar, analizar y procesar cada hoja de estilo CSS para determinar cómo se mostrará el contenido.

Como resultado, es inevitable que cada archivo CSS adicional ralentice el tiempo de carga de la página y afecte un poco más el rendimiento. Para cada archivo, el navegador tiene que acceder a él, descargarlo y solo entonces puede mostrar la página.

Reglas CSS

Fuente de imagen

Minificar tus archivos CSS usando un complemento como Velocidad rápida Minify puede ayudar mucho con sus puntajes de Lighthouse, pero puede hacer más para garantizar que los tiempos de carga de CSS no lo detengan. Eliminar todas las definiciones CSS no utilizadas acelera aún más las cosas y agiliza el rendimiento de su sitio web para obtener mejores calificaciones de Google.

Seguir los criterios de velocidad de Google mejora el rendimiento

La introducción y el desarrollo continuo de Lighthouse 3.0 deberían verse como otro recordatorio de la importancia de optimizar su sitio de acuerdo con los últimos criterios de velocidad de Google. Al deshacerse de las reglas y complementos CSS que no necesita, usar CDN y formatos de imagen de última generación, y aprovechar al máximo la carga diferida, puede optimizar su sitio, reducir el tiempo de carga de la página y mejorar el rendimiento para permanecer en los buenos libros de Google .

Sobre el Autor

Consultora, especialista en redes sociales y bloguera con sede en Tel Aviv, las marcas Gabrielle Sadehhelps comparten sus voces y amplían sus negocios a través de poderosas estrategias de marketing digital. La mejor manera de ponerse en contacto con ella es a través del perfil herLinkedIn.

.

Califica este Articulo!