Rendimiento del sitio web y Google PageSpeed
Última actualización: 8 abril, 2025
Los sitios web creados con Sitejet están optimizados para obtener buenos resultados en la prueba Google PageSpeed . Esta prueba verifica ciertos detalles técnicos de un sitio web para garantizar que cumpla con las mejores prácticas para una carga rápida.
¿Por qué es importante optimizar tu sitio web?
Lo primero que notará un visitante es el tiempo de carga de tu sitio web. Si tu sitio web carga lentamente, es frecuente que los visitantes reboten y no tengan una experiencia de usuario positiva. Es decir, justo lo contrario de lo que buscas. El tiempo de carga promedio de un sitio web hoy en día es de entre uno y tres segundos. Puedes medir este valor con una herramienta y luego optimizarlo. Esta optimización no solo te ayuda a mejorar la experiencia de los visitantes en tu sitio web, sino que también puede influir en el posicionamiento en los resultados de búsqueda.
La herramienta PageSpeed de Google está diseñada para analizar y evaluar tu sitio web. Este análisis puede ayudarte a identificar posibles puntos débiles en el rendimiento. Te ofrece sugerencias de mejora y tiene en cuenta no solo la estructura de los archivos JavaScript, HTML y CSS, sino también la integración de imágenes o las especificaciones de caché del sitio web.
Sin embargo, tenga en cuenta que el tiempo de carga es solo uno de los muchos factores para un buen posicionamiento. Google PageSpeed se promociona a menudo como una herramienta para optimizar el tiempo de carga, pero suele malinterpretarse. La herramienta en sí y un valor de 100 o cercano no son cruciales para el posicionamiento, ya que el algoritmo del motor de búsqueda tiene en cuenta muchos otros factores. La pregunta que debe hacerse es: ¿se supone que debe complacer a Google o es primordial la experiencia del usuario?
Al fin y al cabo, otro factor de posicionamiento en Google es el tiempo que el usuario permanece en tu sitio. Quieres que el visitante permanezca en tu sitio el mayor tiempo posible. Más importante que una excelente puntuación en PageSpeed es un sitio web con texto inteligente, imágenes atractivas y bien recortadas, y un diseño consistente, atractivo y fácil de usar. Un sitio web rápido no sirve de mucho si el usuario no se siente involucrado o no encuentra su camino.
Por lo tanto, recomendamos Google PageSpeed para obtener una buena visión general. Sin embargo, siempre es útil analizar críticamente las herramientas y sus sugerencias. Un buen resultado en Google PageSpeed no lo es todo.
Qué comprueba Google
Google cuenta con una lista de optimizaciones que verifica tanto en la versión de escritorio como en la versión móvil de un sitio web. Luego, suma los resultados de la optimización de su sitio para cada una de estas comprobaciones para obtener una puntuación general (sobre 100) de la velocidad de su sitio web.
Esto es lo que Google comprueba:
- Evite las redirecciones a páginas de destino: Esto significa que no debe redirigir a los usuarios a otra página de su sitio web al cargarlo. Por ejemplo, no debe redirigir a todos los visitantes a una segunda versión de su página de inicio.
- Elimina el JavaScript y CSS que bloquean la visualización en el contenido de la mitad superior de la página: Esta es, sin duda, la comprobación más importante que realiza Google. Analiza el código de tu sitio web y garantiza que priorices el contenido sobre el resto del código. A menudo, los desarrolladores web colocan scripts y archivos CSS pesados al principio de un archivo HTML. Esto hace que el navegador procese o cargue primero estos recursos, en lugar de cargar primero el contenido. Esta comprobación garantiza que priorices el contenido de la mitad superior de la página. (Nota: “Falta de la página” se refiere al primer contenido que ve un usuario al cargar una página web antes de desplazarse hacia abajo. Suele ser el encabezado, la navegación y el contenido superior del cuerpo de la página).
- Habilitar compresión: Esta opción verifica que su servidor web comprima los datos sin procesar (HTML, CSS y Javascript) para reducir su tamaño antes de transmitirlos por internet a su navegador. Esto reduce significativamente el tamaño total de su sitio web.
- Aprovechar el almacenamiento en caché del navegador: La comprobación del almacenamiento en caché garantiza que el navegador guarde este contenido localmente, en lugar de volver a descargarlo la próxima vez que necesite acceder a él. Esto ahorra tiempo valioso que a menudo se pierde conectando y descargando contenido al recargar la página.
- Minificar CSS: Minificar CSS significa reducir al mínimo el tamaño del archivo CSS eliminando espacios, saltos de línea y otros formatos. Es similar a comprimir el archivo para reducir su tamaño.
- Minificar JavaScript: similar a minificar CSS, minificar JS puede ahorrar mucho tamaño en el archivo individual que descarga el navegador.
- Minificar HTML: similar a los dos anteriores, pero elimina el espacio adicional del HTML principal del sitio web.
- Optimizar imágenes: La segunda comprobación más importante que realiza Google garantiza que las imágenes que envías al navegador estén optimizadas, comprimidas y no sean demasiado grandes. Las imágenes representan aproximadamente el 65-70 % del tamaño/peso total de un sitio web. Optimizar imágenes significa comprimirlas y reducir su tamaño de archivo al mínimo antes de que el navegador las descargue. Hay dos pasos importantes que debes hacer: (1) Asegurarse de que las imágenes estén comprimidas. Esto implica pasarlas por herramientas de compresión para reducir su tamaño, sin reducir su calidad. (2) Ajustar el tamaño de las imágenes. No hay motivo para enviar una imagen muy grande (por ejemplo, 5000 píxeles) a un navegador móvil, por lo que debes ajustar su tamaño.
- Priorizar el contenido visible: Esto garantiza que el contenido se ubique en la parte superior del HTML del sitio web. Procura no cargar contenido adicional que no sea relevante para la primera carga del sitio web.
- Reducir el tiempo de respuesta del servidor: Esta comprobación analiza su servidor para garantizar que responda con gran rapidez a los visitantes de su sitio web. Google exige que el usuario no espere más de 200 ms (1/5 de segundo) para recibir el contenido/HTML de su servidor.
Con la introducción del proyecto de código abierto Lighthouse en noviembre de 2018, Google Page Speed ahora analiza una amplia gama de propiedades del sitio web, además de la velocidad (como SEO, accesibilidad, PWA y mejores prácticas). Además de las pruebas mencionadas, Lighthouse ahora comprueba:
- Primer Pintura de Contenido: Esta métrica se obtiene de un navegador real al cargar un sitio web. Al ejecutar una prueba Lighthouse, un navegador real visitará su sitio web, lo cargará y supervisará su rendimiento. La métrica Primer Pintura de Contenido informa sobre el tiempo que tarda en mostrarse cualquier tipo de contenido después de que una página empieza a cargar. Puede ser una imagen, un color de fondo, etc., y el tiempo de Primer Pintura de Contenido se mide en segundos. Su valor radica en que es la primera vez que un usuario sabe que algo en el sitio web se va a cargar; es el primer indicio de que un sitio web se está cargando.
- Índice de Velocidad: Esta métrica proviene de una antigua herramienta de rendimiento web llamada WebPageTest . Existe desde 2012 y es bastante eficaz para determinar la velocidad de carga del contenido de un sitio web. Funciona tomando capturas de pantalla del sitio web cada 0,5 segundos durante la carga. Con estas capturas, calcula el porcentaje de contenido cargado en la página web en incrementos de 0,5 segundos y emite una puntuación de velocidad general. Cuanto menor sea el número, más rápido parece cargar el sitio web para el usuario. El objetivo de esta prueba es comprender con precisión la velocidad con la que el usuario ve el contenido y si hay algún obstáculo que impida que el sitio web muestre el contenido lo más rápido posible.
- Tiempo de interacción: Otra métrica importante es la rapidez con la que el usuario puede interactuar con la página. Por ejemplo, podría querer hacer clic en un botón o desplazarse por la página. Esto es especialmente importante en dispositivos móviles, donde el usuario tocará directamente la pantalla para interactuar con la página. El objetivo de los desarrolladores web siempre debe ser garantizar que una página sea interactiva, independientemente de su contenido. Esto supone un reto muy complejo debido al funcionamiento de los navegadores.
- Primer tiempo de inactividad de la CPU: Esta métrica está estrechamente relacionada con el tiempo de interacción, ya que indica la rapidez con la que se cargan todos los recursos/contenidos iniciales del sitio web y la CPU del dispositivo entra en estado de inactividad (sin realizar ninguna acción). Esto se informa porque los desarrolladores deben centrarse en cargar primero la menor cantidad de contenido posible. Al enviar una pequeña cantidad, la CPU del dispositivo procesará todo el código y entrará en estado de inactividad más rápidamente.
- Latencia de entrada estimada: La última métrica que Lighthouse reporta no tiene nada que ver con el rendimiento de tu sitio web en la primera carga. En cambio, intenta darte un número (en milisegundos) en el que tu sitio web responde a los clics. La idea es que cuanto más rápido responda tu sitio web, más usuarios lo considerarán rápido y será menos probable que lo abandonen.
Tras realizar estas pruebas, Lighthouse también ofrecerá recomendaciones priorizadas sobre cómo mejorar la velocidad general. Esto aparece en la segunda mitad de la página y ofrece detalles técnicos sobre lo que puede hacer y los beneficios que estos cambios pueden ofrecer.
¿Qué hace Sitejet?
Sitejet ha optimizado los sitios web creados en nuestra plataforma para obtener una alta puntuación en la prueba de Google PageSpeed. Esto significa que hemos estudiado las pruebas mencionadas anteriormente y optimizado nuestros sitios web para cada una de ellas. A continuación, se detalla cómo gestionamos cada una de estas comprobaciones:
- Evite las redirecciones a páginas de destino: En la mayoría de los sitios web de Sitejet, superamos esta verificación al 100 %. Sitejet no controla completamente esta opción, ya que permitimos que los usuarios configuren sus propias redirecciones. Le recomendamos asegurarse de no enviar enlaces a sus clientes, socios, etc., que no dirijan a páginas reales de su sitio web.
- Eliminar el JavaScript y CSS que bloquean la visualización en el contenido de la mitad superior de la página: Sitejet optimiza la estructura de los sitios web para cumplir con esta recomendación. Por ejemplo, todos los scripts se encuentran en la parte inferior del sitio web, de modo que el contenido se carga primero.
- Habilitar compresión: Sitejet habilita la compresión gzip para las conexiones a todos los sitios web. Esto garantiza que el archivo se comprima, se transfiera por internet y luego el navegador lo descomprima.
- Aprovechar el almacenamiento en caché del navegador: Sitejet configura encabezados de caché en todos los archivos cargados. Esto garantiza que los navegadores que descargan estos archivos (CSS, JS e imágenes) sepan cómo almacenarlos temporalmente en la caché del navegador, de modo que la próxima vez que el navegador necesite acceder a ellos, se almacenen localmente en el equipo, en lugar de tener que descargarlos de nuevo del sitio web.
- Minificar CSS, JS y HTML: Recursos como CSS, JS y HTML se minimizan automáticamente. Esto garantiza que ocupen el menor tamaño posible al descargarlos.
- Optimización de imágenes: Ofrecemos un completo proceso de compresión y redimensionamiento para las imágenes que subas. Cada imagen se reducirá a una resolución lo más cercana posible al tamaño real de la pantalla: incluso si las imágenes están recortadas, solo se descargará la parte recortada. Durante el proceso de reducción, las imágenes se someten a un algoritmo de compresión que minimiza su tamaño, manteniendo la nitidez.
- Priorizar el contenido visible: Como parte del proceso de desarrollo de cada sitio web en Sitejet, lo estructuramos para que cumpla con esta recomendación de forma predeterminada. Esto implica colocar primero el contenido del encabezado y luego el contenido del cuerpo de la página.
- Reducir el tiempo de respuesta del servidor: Esta comprobación se centra más en asegurar que su sitio web no sea demasiado lento, sino lo suficientemente rápido. Dado que Sitejet aloja todos los sitios web en nuestra plataforma, podemos garantizar que todos los sitios web que alojamos respondan rápidamente.
Qué hacer si su sitio tiene una mala puntuación
Aunque Sitejet desea que todos los sitios web que gestionamos siempre tengan una buena clasificación, no podemos garantizarlo. Esto se debe a que nuestros clientes pueden añadir su propio código, contenido y diseños al sitio web, por lo que no tenemos control total sobre lo que pueden o no añadir. Por esta razón, en algunos casos, los sitios web de Sitejet no alcanzan una puntuación superior a 90. A continuación, se muestra una lista de errores o problemas que Google PageSpeed nos informa, según el diseño del sitio web:
- Elimine el JavaScript y CSS que bloquean la representación en el contenido que se encuentra por encima del pliegue:
-
- Elemento de mapa en la parte superior de la página: Si coloca un elemento de mapa en la parte superior de su sitio web de Sitejet, esto suele afectar negativamente su posicionamiento en PageSpeed. Para solucionarlo, mueva el elemento de mapa a la parte inferior de la página.
- Tienda en la parte superior de la página: Si colocas una tienda en la parte superior, a menudo puede aparecer esta advertencia. Sitejet está trabajando en una solución, pero por ahora, la única recomendación es mover el contenido hacia abajo en la página. Una forma de hacerlo es añadir una imagen y un texto útil sobre el elemento de la tienda para que esta no aparezca en la parte superior de la página.
- Código/script personalizado en el encabezado : Si colocaste código personalizado en la sección de encabezado del sitio web, Google suele mostrar un error indicando que esto ralentiza la visualización de la página. Hay dos opciones para solucionarlo: (1) Colocar el código al final del HTML del sitio web en lugar del encabezado. Esto desplaza el código al final, forzando así su carga. (2) Asegúrate de que el script incrustado aquí se cargue de forma asíncrona. Esto significa que el navegador lo carga en segundo plano mientras continúa cargando el resto del contenido del sitio web. Para habilitar la carga asíncrona en los scripts, debes modificarlo de la siguiente manera:
- Código antiguo:
- Nuevo asíncrono:
Notarás que el código anterior le indica al navegador que cargue este código “async”, lo que debería ayudar a pasar esta prueba particular de Google PageSpeed.
- Incrustar iframe : Si insertas un iframe personalizado en un sitio web de Sitejet en la mitad superior de la página, es probable que aparezca este mensaje de error. Mueve este contenido hacia abajo en la página o elimínalo por completo.
-
- Redimensionar imágenes : Reduce el tamaño de las imágenes en tu sitio web. Esto reduce la resolución y, por lo tanto, las descargas.
- Aprovecha el almacenamiento en caché del navegador: Si incluyes código personalizado en tu sitio web, este se cargará a menudo desde un sitio web de terceros. Si este sitio web no habilita el almacenamiento en caché, Google lo detectará y recomendará habilitarlo. Debes contactar con el servicio externo para solicitarle que implemente este cambio en su servidor.
- Tu página podría ser demasiado grande : Si tienes mucho contenido en una sola página, puede que esta se vea demasiado grande incluso después de que Sitejet lo optimice. Considera usar menos imágenes o dividir el contenido moviéndolo a otras páginas.
Casos en los que Sitejet no optimiza el sitio
Hay algunos casos en los que Sitejet no intenta optimizar el sitio web al publicarlo. Por ejemplo, si ha colocado código personalizado que usa jQuery en el encabezado del sitio web, Sitejet no intentará optimizarlo al publicarlo. Esto se debe a que este código suele requerir jQuery o las funciones dmAPI para su funcionamiento. Sin embargo, dado que nuestra optimización movería este código hacia abajo en la página, interrumpiría el código instalado y dejaría de funcionar.
Este artículo es una traducción del original en inglés titulado “Website Performance and Google PageSpeed” publicado por Sitejet.
