Compression d'images : WebP, AVIF et le poids des pages web
Sur la grande majorité des sites, les images représentent à elles seules le plus gros volume de données téléchargées, bien avant le code ou les polices. Une image trop l…
Lire l'article →
Blog Facem Web
Création de site Internet (technique) — page 2
Comment concevoir un site Internet, du cahier des charges aux fonctionnalités. Nous vous proposons ici une série d'articles de blog pour mener à bien, étape après étape, de l'idée à la mise en production votre futur site Internet.
Qu'est-ce que font-display ? Maîtriser l'affichage des polices web
Vous chargez une page, le texte tarde à apparaître, puis surgit d'un coup, parfois après un bref éclair de police différente. Ce comportement, banal en apparence, dégrad…
Lire l'article →
Qu'est-ce que le JavaScript inutilisé ? Définition & nettoyage pour des pages plus rapides
À mesure qu'un site s'enrichit de fonctionnalités, de bibliothèques et d'outils de mesure, le volume de code JavaScript chargé sur chaque page ne cesse de croître, et un…
Lire l'article →
defer et async : maîtriser le chargement des scripts JavaScript
Un script JavaScript placé sans précaution dans une page peut, à lui seul, retarder tout l'affichage de plusieurs centaines de millisecondes. Par défaut, le navigateur i…
Lire l'article →
Ressources bloquant le rendu : Définition et optimisation pour accélérer vos pages
Quand un internaute ouvre votre page, le navigateur ne peut pas l'afficher tant qu'il n'a pas récupéré et traité certains fichiers jugés indispensables. Ces fichiers, le…
Lire l'article →
Qu'est-ce que le COOP (Cross-Origin-Opener-Policy) ? Définition et déploiement
Quand votre page ouvre une autre fenêtre, ou qu'elle est elle-même ouverte par un site tiers, un lien invisible se crée entre les deux : chacune garde une référence vers…
Lire l'article →
Qu'est-ce que le HSTS (HTTP Strict Transport Security) ? Définition et mise en place
Vous avez installé un certificat, votre site s'affiche en HTTPS, le petit cadenas est là : tout semble sécurisé. Pourtant, une faille discrète subsiste. Lorsqu'un intern…
Lire l'article →
Qu'est-ce que le clickjacking ? Définition et protection contre le détournement de clic
Pensons à une page anodine qui vous propose de cliquer sur un bouton « Jouer » ou « Réclamer mon cadeau ». Vous cliquez, mais sous ce bouton se cache, invisible, une aut…
Lire l'article →
Qu'est-ce que les Trusted Types ? Définition et protection contre le DOM XSS
La plupart des défenses contre l'injection de scripts agissent sur les données reçues par le serveur, mais une catégorie d'attaques échappe à cette surveillance : celles…
Lire l'article →
Qu'est-ce que le XSS (Cross-Site Scripting) ? Définition et protection
Parmi les vulnérabilités web, peu sont aussi anciennes et aussi répandues que le Cross-Site Scripting. Le principe est redoutablement simple : un attaquant parvient à fa…
Lire l'article →
Qu'est-ce que la CSP (Content Security Policy) ? Définition et mise en place
Chaque fois qu'un navigateur affiche votre site, il exécute du code venu de sources variées : vos propres fichiers, mais aussi des scripts de mesure d'audience, des poli…
Lire l'article →
Qu'est-ce que AES-256-GCM ? Définition du standard de sécurité
AES-256-GCM est aujourd'hui l'un des algorithmes de chiffrement les plus utilisés au monde : il protège vos connexions HTTPS, vos sauvegardes, vos messageries chiffrées …
Lire l'article →