Estoy creando un sitio web para mí y me importa el rendimiento, la velocidad, la experiencia del usuario y mucho más. Cuando comencé no sabía mucho y realicé un diseño inicial usando adobe xd. Luego, al usar el complemento webexport, obtuve un archivo html que tiene más de 2k líneas de códigos para que la escala se ajuste a cualquier pantalla y el tamaño proporcional de todo. Creo que hice una mesa de trabajo estándar de 1080p pero de alguna manera era demasiado grande como 3554px por 2216px. Entonces, la página web ahora es así de grande y se está escalando en ella. No creo que sea demasiado grande para que lo maneje un navegador. Las cosas iban bien antes de la actualización de Chrome 97 o 96. Después de eso, Chrome y cualquier navegador que se ejecute en Chrome simplemente no pueden escalar mi página web lo suficientemente rápido como para que quepa en la pantalla. Veo grandes divs cada vez más pequeños y se necesitan unos 500 ms para establecerse con una configuración decente. Muchas variables pueden afectar el rendimiento, por ejemplo, si la máquina (PC) y la red son lentas, el escalado demora un par de segundos, lo cual es demasiado.

¿Hay alguna forma de sugerirle al navegador que haga la escala primero y luego haga que la página sea visible? La versión anterior de Chrome lo estaba haciendo bien. Puedo hacer que la página sea visible después de 600 ms usando la función setTimeout pero no parece lo que quiero.

CSS

 will-change: transform;

Intenté esto pero tiene un efecto negativo como texto borroso en mi contenido. No sé por qué a veces lleva el navegador al límite, tal vez pueda optimizar mejor mi página, pero estos navegadores deberían ser más potentes (safari es el peor, incluso puede mostrar la página web)

Esta es la página de inicio https://elomymelo.com/ Debería ver una página grande que se ajusta dentro de la pantalla y probablemente tomará 200 ms bastante rápido. El cambio de tamaño proporcional en la ventana también funciona.

Esta es una página de artículos pesados https://elomymelo.com/oneplus%20nord%20review.html Intenté ocultar el efecto de escalado en esta página pero no quedé satisfecho porque los navegadores a veces fallan. Necesito que la escala de javascript se haga mucho más rápido, ya que los visitantes no verán esa extraña transición.