SEO & performances : meta, prerender, images (JS vs TS)

Meta Open Graph, rendu statique, images dimensionnées et timers mesurables : rendre une application Svelte visible et rapide.

Chaque page définit son titre, sa description et ses balises sociaux via svelte:head.

svelte:head injecte du contenu dand <head> sans toucher au template global.
Sans TS, les chaînes meta restent libres.
Avec lang="ts", une fonction meta(titre: string, description: string): Meta retourne des objets constants.

src/routes/articles/+page.svelte.jsjs

import { onMount } from 'svelte'

let meta = {
  titre: 'Articles — Forge du Dev',
  description: 'Tous les articles du cours.'
}