Comment optimiser les temps de chargement sur un site en HTML/CSS pur ?

[sandra1960]

Bonjour, je développe un site vitrine en pur HTML/CSS (pas de CMS). Les pages mettent 3s à charger selon PageSpeed. Des tips pour optimiser ça sans passer à WordPress ?

[mehdi2001]

3s c'est effectivement long. As-tu minifié ton CSS ? Utilises-tu des images en WebP ? Un simple outil comme CSS Nano peut déjà gagner 500ms.

[seb33]

N'oublie pas la compression GZIP côté serveur ! Et vérifie ta taille d'images : pour un site vitrine, aucune image ne devrait dépasser 150Ko. J'utilise Squoosh pour optimiser mes assets.

[sandra1960]

Merci ! Je vais tester ça. Pour les polices Google Fonts, mieux vaut les héberger en local ou garder le CDN ?

[mehdi2001]

Tout dépend de ta fréquentation. En local = + de requêtes HTTP mais contrôle total. CDN = potentiellement plus rapide pour les nouveaux visiteurs. Perso je préfère le CDN pour les petites sites.

[le_julie]

Petite astuce : tu peux aussi utiliser 'loading=lazy' sur tes images en bas de page. Et pour le CSS, inline le critical above-the-fold (les 15 premiers Ko). J'ai gagné 1.2s comme ça sur mon portfolio !