Google valora un sitio web que carga muy rápido, por lo que te contaremos cómo obtener 100 puntos en Google Pagespeed Insights.

Un poco de trasfondo

Google tiene muchas expectativas. Quiere que un buscador obtenga valor por su dinero y reciba el mejor resultado según su consulta de búsqueda. Por lo que los innumerables algoritmos de este motor de búsqueda contribuyen a obtener los mejores resultados de búsqueda.

Pero Google sigue siendo una máquina y no una potencia omnisciente. Las expectativas o requisitos que Google impone a un sitio web o tienda web también tienen sus defectos. Este también es el caso de la velocidad de un sitio web.

Google utiliza la herramienta Pagespeed Insights para mapear la velocidad de un sitio web tanto en dispositivos móviles como en computadoras de escritorio. Esto se expresa como una puntuación de 0/100 a 100/100 (ver imágenes a continuación). Como se mencionó, este sistema también tiene sus fallas, sobre las cuales puede leer más a continuación.

Si nos fijamos únicamente en el rendimiento y la velocidad de un sitio web, una puntuación del 100% en Google Pagespeed Insights no corresponde por completo a un sitio web rápido. Si tiene una puntuación de 100/100 en esta herramienta, no significa que tu sitio web sea súper rápido. 

Este fenómeno también funciona al revés: un sitio web súper rápido no necesariamente tiene que tener una puntuación de 100/100 en Pagespeed Insights.

¿Cómo tener 100 puntos en Google Pagespeed Insights?

No sería SEO si no viera la velocidad del sitio web y una puntuación de 100/100 en Pagespeed Insights como dos cosas separadas. Hoy no discutiremos cómo hacer que tu sitio web sea súper rápido, pero simplemente desde la perspectiva de la ‘ puntuación en Google ‘ mencionaremos cómo lograr una puntuación de 100/100.

De esta manera, no sólo utilizas un sitio web rápido para complacer a los visitantes, sino que también lo utilizas como un medio activo para posiblemente alcanzar posiciones más altas en Google.

¡Con los siguientes consejos te asegurarás de que tu sitio web o tienda web alcance la máxima puntuación!

1. Proporcionar una base sólida: hosting

El hecho de que los resultados de Played Insights no se correspondan al 100% con la realidad no significa que no tengas que hacer nada con respecto a la velocidad de tu sitio web. Sigue siendo importante establecer una base sólida.

Por una base sólida me refiero a un alojamiento web bueno y confiable. Cada sitio web tiene componentes que aumentan el tiempo de carga. Si hay suficiente potencia para trabajar y su alojamiento tiene suficiente espacio para tu sitio web, ya tiene una base sólida con la que trabajar.

Para estar seguro, también puede asegurarse de no utilizar alojamiento compartido , donde comparte un servidor con varias otras personas.

También puedes leer ¿Qué es el alojamiento web? Una guía rápida para nuevos sitios web

2. Prioriza el contenido en la mitad superior de la página

Tan pronto como un visitante llega a tu sitio web, ya ve una parte detu página, aun sin desplazarse. Este es contenido que es visible sin que el visitante tenga que moverse hacia abajo. Para seguir en términos de libros, esto se llama contenido «en la mitad superior de la página».

Debido a que Google quiere que los visitantes comiencen de inmediato, es importante priorizar el contenido de la mitad superior de la página.

Ten esto en cuenta al diseñar tu sitio web, especialmente cómo está estructurado el HTML del sitio web. Por ejemplo, debes asegurarte de que los datos cargados en la mitad superior de la página se reduzcan.

Otra opción es asegurarse de que el HTML esté construido de tal manera que el contenido importante en la mitad superior de la página aparezca primero antes de que se carguen otros elementos. ¿No estás muy familiarizado con la codificación o no empleas a nadie para ello? Entonces te aconsejo que elijas un tema para tu sitio web que respalde esta ambición.

3. Reducir el código tanto como sea posible

Aunque un sitio web con todo tipo de detalles es una buena tarjeta de presentación, Google generalmente prefiere sitios web pequeños y compactos. Esto realmente no significa que tengas que crear un área blanca con un menú y texto.

Significa que debes limitar/eliminar el código «innecesario» tanto como sea posible. Hacer que el código de tu sitio web sea más compacto hará que el sitio se cargue más rápido.

En primer lugar, puedes empezar a reducir el código tú mismo. Permite que los programadores comiencen a explorar CSS, HTML y JavaScript en tu sitio. Pídeles que eliminen lo siguiente: líneas blancas innecesarias, líneas nuevas innecesarias, formato redundante o partes del código que son del pasado y que actualmente ya no se llaman.

¿Eres un poco vago o no tienes los recursos para hacerlo manualmente? Entonces te aconsejo que uses herramientas para esto. Piense en HTMLMinifier , CSSNano y UglifyJS.

4. Implementar el almacenamiento en caché del navegador

Cada vez que visitas un sitio web, tu navegador almacena partes del sitio web en un caché local. Esto incluye HTML, CSS, JavaScript e imágenes. La próxima vez que visites el sitio web, tu navegador ya lo habrá guardado, por lo que el sitio web se cargará aún más rápido en una segunda visita. Pero esto hay que fijarlo.

Es muy fácil configurar el almacenamiento en caché del navegador. Si tiene un sitio web de WordPress, puede hacerlo mediante complementos como W3 Total Cache o WP Rocket .

5. Optimizar imágenes

Probablemente este sea el consejo que haya escuchado antes, pero es demasiado importante como para no incluirlo en esta descripción general. Las imágenes siguen siendo la parte en la que puedes obtener mayores beneficios.

Revisa todas las imágenes de tu sitio web y redúcelas tanto como sea posible. Esto es posible, por ejemplo, con Compressor o Compressjpeg . También es útil saberlo: ¡las imágenes JPG son generalmente mucho más pequeñas que las imágenes PNG!

Una buena regla general a utilizar y comprobar si las imágenes están realmente optimizadas es no hacerlas mayores de 200 a 300 kb.

Tampoco es bueno hacer que la imagen tenga un tamaño mucho menor a 100 kb. En este caso se carga rápidamente, pero existe la posibilidad de que la imagen no se muestre correctamente en pantalla completa .

Si implementa todos estos cambios a fondo, ¡puede ganar 50 puntos en Pagespeed Insights!

6. Minimizar archivos

Tu sitio web consta de varios archivos. Un navegador debe enviar una solicitud al servidor del sitio para todos estos archivos para poder cargarlos. Si tu sitio web consta de cientos de archivos, todos ellos muy grandes, el servidor y el navegador tardarán mucho en cargar el total durante la comunicación mutua. Cada solicitud se llama solicitud.

Si combina los archivos correctos y combina tantos como sea posible, reducirá la cantidad de solicitudes y se asegurará de que tu navegador reciba los archivos muy rápidamente. Este también es un punto que hace muy feliz a Google.

¡Ahora también quieres saber cómo abordar y reducir estas solicitudes! Este es un asunto bastante complejo, pero las solicitudes de tu sitio web se pueden manejar a través de .htaccess, entre otras cosas . Por ejemplo, puedes combinar varios archivos CSS aquí.

7. Eliminar el ‘bloqueo de renderizado’

‘Bloqueo de renderizado’ es un término generalmente aceptado en diseño web, pero la lástima es que no existe un término holandés agradable para referirse a él. Ese es mi título para este consejo. Déjame explicarte qué es el bloqueo de renderizado y por qué debes asegurarte de que tu sitio web no lo aplique.

Tu sitio web tiene muchas partes que no son interesantes para el visitante, pero que aún así deben cargarse. Esto incluye ciertos CSS o ciertos scripts (Java), como Google Analytics. Necesita esta información, pero básicamente no es de utilidad para el visitante.

Lo que también puedes hacer es cargar ciertos archivos CSS y JavaScript colocándolos en la etiqueta <head>. Puede colocar partes que no sean de utilidad para un visitante, como Google Analytics, en el pie de página.

Google Analytics sirve sólo para medir estadísticas y, por lo tanto, sólo ralentizará tu sitio web. Por lo tanto, es útil que esto se cargue al final y que los archivos CSS y Javascript que realmente están relacionados con el sitio web se carguen primero.

Mira también otras herramientas

Con todo, un sitio web ultrarrápido no garantiza una puntuación de 100/100 en Google PageSpeed ​​​​Insights. Y una puntuación de 100/100 no garantiza un sitio web ultrarrápido. Al implementar los puntos anteriores, construirá tu sitio web de acuerdo con las reglas de Google. Sin duda, esto hará que aprecien más tu sitio web. Además, de que por supuesto, también será mucho más rápido.

Si no quiere depender completamente de Google y asegurarse de que tu sitio web sea realmente rápido, entonces no solo utilizaría Google Pagespeed Insights, sino que también buscaría otras herramientas. Las principales herramientas que utilizo para esto son GTMetrix y Pingdom Tools . Al igual que en Google, aquí se sugieren puntos concretos de mejora que, incluso para un profano, pueden resultar de gran ayuda.

Mi puntuación en Google Pagespeed Insights es baja, ¿y ahora qué?

Has ejecutado tu sitio web a través de Pagespeed Insights y Google le da una puntuación roja en dispositivos móviles y de escritorio, ¡mierda! Un sitio web lento no es agradable para los usuarios y puede afectar la cantidad de conversiones. ¿Qué deberías hacer ahora? ¿Debería esa puntuación llegar a 100? En este artículo te explico cómo se llega a esta cifra y por qué no deberías dejarte cegar por esta cifra cuando se trata de velocidad del sitio web.

Faro en Google Pagespeed Insights

En primer lugar, es importante saber que Pagespeed Insights es una herramienta que te permite utilizar Lighthouse. Lighthouse es en realidad la herramienta «real» para medir el rendimiento de tu sitio web. Pagespeed Insights es solo un método para utilizar esta herramienta de una manera fácil de usar.

Puedes usar Lighthouse de varias maneras y también es estándar en Chrome DevTools, por ejemplo:

Además, los desarrolladores pueden integrar Lighthouse o realizar pruebas desde un script. Pagespeed Insights es una forma sencilla y fácil de usar de utilizar Lighthouse.

Así se calcula tu puntuación

Lighthouse calcula tu puntuación basándose en 5 estadísticas, cada una de las cuales aporta un determinado porcentaje a la nota final:

• Primera pintura con contenido (10%): ¿Cuánto tiempo tarda en cargarse la primera parte de la página? Es verde a los 1,8 segundos o menos.
• Índice de velocidad (10%) – ¿Cuánto tiempo tarda la página en mostrarse visualmente? Es verde a los 3,4 segundos o menos.
• Pintura con contenido más grande (25%): ¿Cuánto tiempo tarda en cargarse la parte visible más grande de la página? Es verde a los 2,5 segundos o menos.
• Tiempo total de bloqueo (30%) – Un poco más complejo. Mida el tiempo entre la primera pintura con contenido y que la página sea completamente interactiva. ¿Una tarea tardó más de 50 ms durante la carga? Luego, se suma todo el tiempo superior a 50 ms, ese tiempo total es el tiempo total de bloqueo. Está verde a los 200 milisegundos o menos.
• Cambio de diseño acumulativo (25%): ¿cuántos cambios inesperados ocurren al cargar la página? Es verde a 0,1 o menos.

Puede ver las cifras que se incluyen en Pagespeed Insights debajo de tu puntuación.

Aquí es importante saber que el 75% de tu calificación consiste en estadísticas de velocidad del sitio web. El cambio de diseño acumulativo (CLS) es el 25% de esta cifra. Eso es mucho y no dice nada sobre la velocidad, sólo cuántos elementos cambian en tu página. Por ejemplo, ocupa un lugar bastante alto en la página de inicio de ZIGT.

La calculadora de puntuación del faro muestra la puntuación según el punto de referencia por estadística. Aquí queda claro que con ZIGT la atención debe estar en LCP (28/100) y CLS (12/100).

Como mencionamos anteriormente, el impacto de CLS es grande. ¿La página de inicio de ZIGT no tuvo cambios? Entonces la puntuación del móvil habría sido 72, es decir una diferencia de 22 puntos. Una puntuación baja no significa necesariamente que un sitio web sea lento.

Bim Soluciones: La mejor Agencia de Marketing Digital en Ecuador para ti

¿Quieres aumentar la sostenibilidad de tu negocio con marketing digital con una página web diseñada a tu medida? En BIM Soluciones es la mejor agencia de marketing digital, y te ofrecemos planes a la medida de tus necesidades, para más información puedes consultar nuestras ofertas.

Si estás interesado en consultoría de SEO y marketing digital en Quito, Ecuador o el resto de Latinoamérica, estamos para ayudarte. ¡Contacta ya uno de nuestros asesores!.