web-dev-qa-db-fra.com

Qu'est-ce que le rendu progressif?

Afin de trouver un bon stage, je suis engagé à répondre à ces questions , Il y a une question à propos de laquelle je ne comprends pas bien ce que cela dit, je n'ai jamais entendu d'informations pertinentes auparavant, alors je veux savoir Qu'est-ce que le rendu progressif?

54
Natumsol

Le rendu progressif est le nom donné aux techniques utilisées pour rendre le contenu à afficher le plus rapidement possible.

Auparavant, il était beaucoup plus répandu qu'avant l'Internet haut débit, mais il reste utile dans le développement moderne, car les connexions de données mobiles sont de plus en plus populaires (et peu fiables!).

Exemples de telles techniques:

  • chargement paresseux d'images où (généralement) du javascript chargera une image dans la fenêtre de navigation du navigateur au lieu de charger toutes les images au chargement de la page.
  • Priorité au contenu visible (ou au-dessus du rendu du pli) où vous n'incluez que le minimum de css/contenu/scripts nécessaire pour la quantité de page qui serait restituée dans le navigateur de l'utilisateur pour s'afficher le plus rapidement possible, vous pouvez ensuite utiliser le javascript différé (domready/load) pour charger d’autres ressources et contenus.
88
cfreear

Cela concerne l'idée d'envoyer des données dans morceaux en faisant rendu sur le serveur plutôt que tout à la fois. L’avantage est réduit [~ # ~] ttfb [~ # ~] (délai entre le premier octet), c’est-à-dire le laps de temps qui s'écoule entre le navigateur effectuant la requête HTTP et il reçoit le premier octet.

Voir ci-dessous la conversation 'JSConf' pour une explication détaillée: https://www.youtube.com/watch?v=aRaQe9n1lPk

2
Naman Sancheti