Aller au contenu
← Tous les articles

Frontend1 min de lecture

Composants serveur : ce qui reste vraiment côté client

Une page de lecture peut n’envoyer presque aucun JavaScript. Les rares îlots interactifs méritent d’être choisis avec soin.

Particules bleues dispersées autour d’un noyau lumineux
Sommaire

Avec les composants serveur, la question n’est plus « comment réduire le bundle ? » mais « qu’est-ce qui a vraiment besoin du navigateur ? ».

Les îlots d’une page d’article

  • Le bouton qui copie un bloc de code
  • La barre de progression de lecture
  • Le bouton qui copie le lien de partage

Tout le reste — coloration syntaxique comprise — est calculé sur le serveur et livré en HTML.

Passer le minimum

TypeScript
// Le composant client ne reçoit que la chaîne à copier, pas l’article entier.
<CopyButton text={code} label="Copier le code" />
Chaque propriété passée à un composant client est sérialisée dans la page.
  • #React
  • #Performance

Partager

  • Ondes sinusoïdales bleues superposées qui traversent l’image

    Frontend1 min de lecture

    Mesurer et tenir le LCP d’une page de lecture

    Une page d’article doit afficher son contenu principal en moins d’une seconde et demie. Où se cachent les millisecondes, et comment les récupérer.

  • Réseau clairsemé de nœuds bleus et de liaisons fines

    Backend1 min de lecture

    PostgreSQL : paginer sans OFFSET

    OFFSET relit toutes les lignes qu’il saute. La pagination par curseur garde un temps de réponse constant, même à la page mille.

Un projet, une question ?

Cet article vous a donné une idée, ou vous bloquez sur un problème proche ? Écrivez-moi, je réponds à chaque message.