PROJET AUTOBLOG


le hollandais volant links

Site original : le hollandais volant links

⇐ retour index

Note : Rendre son site visuellement plus rapide

samedi 1 mai 2021 à 18:58

Dans mon lecteur RSS, je ne télécharge pas les données d’un post à chaque ouverture d’un post. J’ai pas envie de faire une requête à chaque fois, c’est trop long et trop chiant (à l’usage).
À la place, je charge tout au début et après c’est fluide. Sauf que le début met du temps à charger.

Ma solution jusqu’à présent ?

Faire trois requêtes.
— une pour récupérer la liste des sites (requête légère) auxquels on est abonnés (puis afficher cette liste de sites, en sidebar)
— une pour récupérer la liste des posts (requête moyenne), sans le contenu (puis afficher la liste des posts, sur la partie principale de la page)
— une pour récupérer le contenu de chaque post (requête très lourde ; puis les incorporer dans le JSON qui gère les posts).

La dernière requêtes est longue, lourde, mais faite de façon invisible. La liste des flux et des postes est déjà chargée, affichée et on peut interagir avec. Le temps que l’utilisateur choisisse le post à lire, la troisième requête est finie et la page est totalement opérationnelle.
D’un point de vu « look and feel » c’était hyper rapide.

Sauf que pour moi, c’était encore trop lent. Et programmatiquement, c’était moche.

Ma solution ?

Afficher la liste des posts AVANT la liste des sites.

Pourquoi ?
Parce que dans la liste des sites (affichée en première), il y a un favicon pour chaque site. Et même si ce favicon est en stockage cache navigateur ET en stockage cache serveur, en récupérer 150, un pour chaque abonnement, c’est pas rapide.

Maintenant, la page charge vite et les derniers éléments qui s’affichent discrètement, ce sont les favicons des sites auxquels on est abonnés.

Petite astuce incroyablement bête, mais qui change… tout.


— (permalink)