PROJET AUTOBLOG


Shaarli - Les discussions de Shaarli

Archivé

Site original : Shaarli - Les discussions de Shaarli du 23/07/2013

⇐ retour index

Performances Web — David Larlet

dimanche 11 octobre 2015 à 11:24
le hollandais volant
Je suis d’accord : le temps de génération de la page est d’une importance toute relative devant le temps de chargement et d’affichage (rendu) de la page.
(BTW, notez comment le site du lien charge vite : https://larlet.fr/david/stream/2015/ )

Firefox a cette superbe icône de chargement en 2 phases :
– une phase où l’icône de chargement est grise et signifie que Firefox a lancé (ou est en train) la requête
– une phase où l’icône de chargement est orange et signifie que Firefox reçoit actuellement la réponse.

Combien de fois n’est-on pas devant une page web où la page commence à s’afficher et que ça bouge encore dans tous les sens parce qu’il y a des scripts, iframes, feuilles de style ou images qui arrivent derrière ?

Conseil :
– réduisez le nombre de domaines que le navigateur doit contacter afin d’afficher la page (hébergez jQuery et les polices d’écriture chez vous).
– placez le JS et le CSS au bon endroit dans la page (parce que)
– modérez le poids de vos ressources (une police de 400 ko, non ; une image ultra-hd sans compression, non ; des lib JS qui servent à rien, non : chargez-les quand vous les utilisez, pas par défaut).

Avec ça, même si votre page met 1s à être généré (ce qui est énorme), elle s’affichera en un clin d’œil après ça : d’un point de vue utilisateur c’est beaucoup mieux que de recevoir des miettes de pages toutes les 0,3 secondes, mais durant 40 secondes.

Oubliez les chiffres brut un instant et mettez-vous à la place de l’internaute.

Autre ressource : Accélérer vos pages web et celle donnée dans le liens Ludicrously Fast Page Loads - A Guide for Full-Stack Devs.
— (permalink)