# Optimisations de Performance Web

Suite au rapport de performance mobile, les actions suivantes ont été effectuées :

## 1. Accessibilité Mobile
- **Correction du Viewport** : Suppression de `maximum-scale=1` et `user-scalable=no` dans `client/index.html` pour permettre le zoom (accessibilité).

## 2. Optimisation des Images (LCP & CLS)
- **Home.tsx, Services.tsx, Portfolio.tsx** :
  - Remplacement des images de fond (CSS `background-image`) par des balises `<img />` standard.
  - Ajout de l'attribut `fetchPriority="high"` sur les images "Hero" (haut de page) pour accélérer le **LCP** (Largest Contentful Paint).
  - Ajout de dimensions explicites (`width` et `height`) pour éviter les décalages de mise en page (**CLS**).
- **Lazy Loading** :
  - Ajout de `loading="lazy"` sur les images secondaires (projets, articles de blog) pour ne les charger que lorsqu'elles sont visibles.
- **ArticleDetail.tsx** :
  - Optimisation de l'image de couverture de l'article (`fetchPriority="high"`, dimensions).

## 3. SEO Technique
- **Robots.txt** : Création d'un fichier `client/public/robots.txt` valide pour guider les robots d'indexation.

## 4. Actions Restantes (À faire)
Le rapport indique des "charges utiles énormes" (plus de 7 Mo). Cela est dû aux images dans le dossier `client/public` qui sont très lourdes (ex: 1.5 Mo pour `project-1.jpg`).

**Recommandations :**
1.  **Compresser les images** : Utilisez des outils comme [TinyPNG](https://tinypng.com) ou Squoosh pour réduire la taille des fichiers JPG/PNG dans `client/public`.
2.  **Format WebP** : Idéalement, convertissez les images en format WebP qui est plus léger.
3.  **Vérification** : Une fois ces fichiers remplacés par leurs versions optimisées, le score de performance devrait augmenter drastiquement.