Renderizado incremental

La renderización incremental es una función integrada en la mayoría de los navegadores web modernos . En concreto, se refiere a la capacidad del navegador para mostrar al usuario una página web parcialmente descargada mientras espera a que el servidor descargue los archivos restantes. ^{[ 1 ]} La ventaja para el usuario es una mejora percibida en la capacidad de respuesta, tanto del navegador web como del sitio web.

El propósito de la renderización incremental es similar al del JPEG entrelazado , que mejora la velocidad de presentación al usuario al mostrar rápidamente una versión de baja resolución de una imagen que se va ampliando a alta resolución, en lugar de una imagen que se va pintando lentamente de arriba abajo.

Sin la renderización incremental, un navegador web debe esperar a que el código de una página se cargue por completo antes de poder mostrar el contenido al usuario. Los navegadores web anteriores ofrecían una solución intermedia: mostraban la página HTML una vez que se había recuperado todo el archivo HTML y, a continuación, insertaban las imágenes una a una a medida que se iban recuperando.

Aunque la utilidad del renderizado incremental parece intuitivamente obvia, implementarlo requiere tanto arte como ciencia. La secuencia en la que se renderizan los distintos elementos de una página web casi nunca es estrictamente de arriba abajo. La programación que completa las partes faltantes debe realizar un cierto esfuerzo de inferencia para determinar la mejor manera de mostrar el contenido parcial. Las imágenes, en particular, casi siempre se cargan después de la página HTML, ya que el navegador debe consultar el archivo HTML para saber qué imágenes solicitar al servidor, puesto que este no las presenta automáticamente sin la solicitud posterior. Los diseñadores web y el software de diseño web suelen incluir sugerencias que facilitan este proceso; por ejemplo, incluyen las alturas y anchuras esperadas de las imágenes en el código HTML para que el navegador pueda asignar la cantidad correcta de espacio en pantalla antes de que la imagen se recupere del servidor.