La imagen más grande visible cuando se abre una página puede afectar la rapidez con la que aparece el contenido principal. Las sugerencias de carga deben reflejar lo que es visible en el diseño real, no solo la función de una imagen en el archivo de diseño.
Verifique la página renderizada
- Mantenga la imagen principal de la mitad superior de la página visible en el HTML inicial.
- Establezca las dimensiones para que el texto no salte mientras se carga la imagen.
- Evite precargar varias imágenes competidoras o cargar de forma diferida la probable imagen principal.
Utilice un seguimiento del rendimiento del navegador y un panel de red para confirmar qué recurso es el elemento de mayor contenido. Vuelva a verificar los anchos de los dispositivos móviles porque la primera imagen puede diferir según el diseño.