Bonjour,
J'ai lu quelque chose dans le forum des "Vos Créations" qui m'a interpellé :
Ne JAMAIS charger de scripts depuis google. Limite la font tu la télécharges et tu fais un dossier fonts dans un dossier static (ou sur cdnjs par exemple). Pourquoi cela ? Plusieurs raisons ; Google est un malware à l'état pur (tracking, ads, etc) + Charger des fichiers depuis un domaine externe augmente le temps de réponse de ta page + Le fait d'avoir la police chargée via un autre domaine pose le problème du "blink" de la police. (C'est également le cas pour bootstrap.js et jquery, ne pas charger ça depuis un domaine externe, pas en prod du moins, en local tu fais bien ce que tu veux :p)
Je souhaiterais savoir ce que vous en pensez ? Y a-t'il de réel différence de vitesse de chargement ?
Personnellement, j'ai toujours importé mes fonts et jquery via google mais je ne suis pas contre changer mes pratiques. ;)
4 réponses
bonjour,
la seule chose potentiellement vraie dans la citation est le blink de la police. Le reste n'est pas correcte. Au contraire, en utilisant des serveurs externes pour les resources (javascripts, images, fonts) tu acceleres la vitesse de livraison de ta page et tu diminue le nombre de requêtes faites sur ton (ou tes) serveur principal, tu diminue sa charge => ce qui veut dire que ton serveur pourra accepter plus de connexions clients sans faiblir. Tous les sites web à fort trafic utilisent cette méthode de travail. ouvre le site web du monde.fr et avec l'inspecteur regarde le chargement de tous les fichiers, tu comprendra. Dans ce cas tu verras très peu de fichiers provenant de www.lemonde.fr. Par contre il y a une quantité énorme de ressources qui se chargent, si tous venaient de leurs serveurs principaux ils auraient quelques problèmes !! Un autre intérêt de l'utilisation de cdn : une disponibilité assurée des fichiers partout dans le monde.
j'emettrais qu'un seul bémol c'est l'utilisation des widgets des réseaux sociaux, ils font charger de grandes quantité de javascript, certes asynchrone. Mais qu'apportent-ils vraiment ? mais c'est un autre sujet.
un autre exemple de site à fort trafic qui en plus et specialisé dans le web : www.smashingmagazine.com
tu verras la même chose que pour le site du monde.
j'espère que cela répond à tes doutes.
Peux-tu m'envoyer le lien du commentaire en question car il dit de grosses bétise que je ne souhaiterias pas que d'autres prennent pour une vérité.
Google est un malware à l'état pur (tracking, ads, etc)
Il est vrai que si ton utilisateur charge jquery depuis google, cela permet à Google de savoir que ton utilisateur était sur ton site. Mais je ne pense pas qu'ils soient vicieux au point de tracker ce genre de ressources.
Charger des fichiers depuis un domaine externe augmente le temps de réponse de ta page
C'est tout le contraire, pour ça que si tu regarde des gros sites tu verra qu'ils utilisent un domaine différents pour les assets (css/img...). Cela permet de télécharger plusieurs resources en parallèle
Le fait d'avoir la police chargée via un autre domaine pose le problème du "blink" de la police.
Même si la police se situe sur ton domaine tu aura le blink au moment du chargement de la police
Haha, merci pour vos réponses, il me semblait bien que ce n'était pas vérité mais il m'a mis le doute sur mes pratiques.
[Le lien du post] (https://www.grafikart.fr/forum/topics/21552#p86376)
Charger des fichiers depuis un domaine externe augmente le temps de réponse de ta page
Attention toutefois, je te déconseille de charger en background par exemple, une image d'un autre site. Du coup tu devra charger ton site, récupérer l'image de l'autre site, recharger etc. (grossomodo).
Mais quand tu charges des font via google ou des scripts via Google, ou Foundation, Bootstrap, la plupart du temps se sont des CDN (Content Delivery Network) autrement dit, des passerelles spécialisées là dedans, dont les bandes passantes sont calculées pour.
Donc oui, il est plus bénéfique de charger jQuery depuis Google, des font aussi. (Car tu bénifiera aussi des maj automatique)