Internet progresse constamment, la vitesse étant la principale mesure du progrès et une question clé pour la plupart des développeurs Web. Un précédent {$lang_domain} article Quelle est la lenteur de la lenteur en 2016? a souligné la nécessité de se concentrer sur la vitesse, nous avons donc décidé de vous présenter quelques fonctionnalités qui aideront votre site à atteindre le niveau élevé en 2016.

HTTP / 2

Publié en mai 2015 et supporté depuis le second semestre 2015, HTTP / 2 est une nouvelle version du protocole web mondial.

La principale amélioration est la possibilité de couvrir plusieurs demandes en une seule connexion. Cette capacité est appelée multiplexage et révolutionnaire pour les concepteurs Web. Techniques comme les sprites ou URI de données ne sera plus efficace.

HTTP / 1 était plus efficace lors du chargement d'une grande image au lieu de plusieurs petites car elle ne permettait pas de couvrir plusieurs demandes en même temps. Cela a été pris en compte dans la nouvelle version.

HTTP / 2 compresse également les en-têtes avant que les données demandées ne soient envoyées, ce qui simplifie le transport. Enfin, la nouvelle version est binaire et non textuelle, contrairement à la version précédente.

Le résultat est un gain de performance pouvant atteindre 50%. Vous pouvez tester la différence ici .

La chose la plus difficile pour passer à HTTP / 2 peut ne pas être HTTP / 2 du tout. Même si HTTP / 2 ne nécessite pas directement un site Web sécurisé, les navigateurs le prennent uniquement en charge via SSL.

Votre premier pas vers HTTP / 2 devrait donc être un certificat SSL.

Une fois que vous avez un certificat, vous ne pouvez implémenter HTTP / 2 que si vous administrez votre serveur. Sinon, tout dépend de votre hébergeur ou hébergeur de serveur.

Selon W3Techs , actuellement, environ 7% seulement utilisent HTTP / 2.

Certificat SSL

En d'autres termes, les certificats SSL chiffrent la connexion entre un serveur et un client. Obtenir un certificat est plus facile que vous ne le pensez et vous pouvez en obtenir un gratuitement avec Let 's Encrypt.

Let Encs est une nouvelle autorité de certification qui a laissé la version bêta publique à la mi-avril 2016. Le but de Let's Encrypt est d'éliminer tous les processus manuels nécessaires à l'obtention d'un certificat. Avec Let 's Encrypt, tout le processus est automatisé et ne prend que quelques minutes.

Vous pouvez obtenir un certificat auprès de votre fournisseur d'hébergement Web. Pour ceux qui administrent leur propre serveur, Cet article  fournit un tutoriel d'installation pas à pas.

Brotli

Brotli est un nouvel algorithme de compression introduit l'automne dernier par Google. En général, les algorithmes de compression réduisent la taille des données transportées.

Selon Google, par rapport aux solutions actuelles, Brotli offre un taux de compression de 20 à 26% supérieur. En conséquence, vous pouvez économiser environ 40% de votre trafic sur les fichiers HTML et environ 25% sur les fichiers CSS et Javascript.

À partir de maintenant, Brotli n'est supporté que par Chrome et Firefox, d'autres navigateurs suivront bientôt.

En ce qui concerne les serveurs, les principaux serveurs tels que Nginx, Apache et Node.js nécessitent une installation de paquets. Aucun serveur n'offre Brotli par défaut pour le moment.

CDN

Un réseau de distribution de contenu est un ensemble de serveurs dans le monde entier. Ces serveurs contiennent des copies du contenu de votre site (images, vidéos, logiciels, etc.). Lorsque vous y accédez, vos données se chargent d'un serveur plus proche du visiteur et le chargement global est donc beaucoup plus rapide partout sur la planète.

Un autre grand avantage est la fiabilité améliorée de votre site. Comme le contenu est réparti sur des dizaines de serveurs, votre serveur d’hébergement Web est épargné par une partie importante du trafic et est donc mieux protégé contre les pannes.

Le résultat est un site Web se chargeant plus rapidement de 50% en moyenne. Habituellement encore plus.