¿Qué sucede detrás de escena cuando un navegador muestra una página sin formato?

Question

Por ejemplo, de vez en cuando Facebook se cargará sin apenas gráficos y con un montón de enlaces de color azul predeterminados en el lado izquierdo de la página.

A veces parece que la conectividad a Internet es la culpable y otras veces que solo ese sitio tiene problemas. Me encantaría escuchar una explicación detallada del problema.

Answer 1

Generalmente, esto significa que la página HTML principal contiene un enlace a la hoja de estilos CSS, que (por cualquier motivo) no se pudo cargar. Dado que la hoja de estilos no está disponible, el navegador representa la página usando los estilos predeterminados (perdiendo así información de posicionamiento, gráficos de fondo, colores de enlaces, etc. que especificó el CSS). En particular, muchos sitios web modernos usan CSS para posicionar sus <div>mensajes de correo electrónico en la pantalla, por lo que sin CSS, los enlaces de navegación aparecen en su posición predeterminada (alineados a la izquierda, recorriendo la página).

Posibles Causas:

• Conexión de red inestable (por ejemplo, la descarga de recursos se agotó después de cargar la página principal)
• Se perdió la conexión a Internet, donde la página HTML principal permanece en caché
• Canceló la carga de la página después de cargar la página HTML pero antes de que se cargaran los recursos.

• El servidor devolvió una respuesta vacía (posiblemente debido a una mala conexión de red local, un proxy incorrecto o una falla temporal del servidor).

  Un caso común particular es que la página HTML está alojada en un sitio web o dominio, y la mayoría de los recursos vinculados se encuentran en un dominio diferente. Por ejemplo, Superusuario ( superuser.com) se refiere a hojas de estilo e imágenes de interfaz de usuario (como las flechas de votación) en cdn.sstatic.net, avatares de usuario en www.gravatar.come imágenes de contenido en stack.imgur.com. Si sstatic.netbaja temporalmente mientras superuser.compermanece arriba, obtendrá un efecto similar al que describe.

Mencionas que la página muestra "apenas gráficos". Es posible que el sitio web especifique la mayoría de sus gráficos como imágenes de fondo utilizando CSS. Lo más probable es que la mayoría de los recursos vinculados por la página (incluidas las hojas de estilo y las imágenes) no se estén cargando. Eso da como resultado los dos problemas que usted describe (formato perdido e imágenes perdidas).

Las imágenes que se cargan no se ven afectadas por el error del servidor o del proxy (las imágenes a menudo están alojadas en diferentes servidores o dominios de la página web principal) o ya estaban en la memoria caché de su navegador (por lo que el navegador no intenta recuperarlas). evitando el error).