Utilisez-vous le tag link rel=

6 réponses
AuteurMessage

FavXP |
Membre

Photo de FavXP

Inscrit le : 18/07/2008

# Le 23/11/2017 à 18:24

Yep !

Je ne sais pas si vous utilisez le tag link rel="preload" sur vos pages web, (désolé, moi je ne l'ai découvert qu'hier ^^)
mais, c'est pas mal pour gagner en vitesse d'affichage (vitesse qui est UN des critère de notre ami Google ^^)

En fait, j'avais un léger soucis avec le fameux bandeau des cookies qui avait tendance à s'afficher légèrement après l'affichage des mes pages.
Et, comme dedans j'ai inclus le tag de GGAdsence, du coup l'affichage des liens d'annonces d'Adsence placés en haut avaient tendances à s'afficher elles aussi légèrement en retard.

Enfin bon, du coup ce fameux tag link rel="preload" est vraiment top puisqu'il permet de précharger en priorité les éléments qu'on lui demande tel que : les styles, scripts, vidéos, images, etc. et ainsi d'accélérer par la meme occasion vos pages ^^.

Je viens de faire un test sur une de mes pages avec et sans le tag link rel="preload" sur https://testmysite.withgoogle.com/intl/fr-frOuvrir dans une nouvelle fenetre et sur http://www.webpagetest.org/Ouvrir dans une nouvelle fenetre

Sans le tag sur testmysite de Google = 3 secondes
Avec le tag "____________________ = 2 secondes ^^)

Sans le tag sur webpagetest = Run 1 First View (3.552s)
Avec le tag _____________________________ (1.647s) ^^)

Donc, je pense que cela peut être le coup de se pencher sur la question non ?

Pour mieux capter le truc, je vous invite à un peu de lecture ici en FR https://developer.mozilla.org/fr/docs/Web/HTML/Pr%...Ouvrir dans une nouvelle fenetre
ici en ENG https://www.smashingmagazine.com/2016/02/preload-w...Ouvrir dans une nouvelle fenetre
et la en ENG https://www.w3.org/TR/preload/Ouvrir dans une nouvelle fenetre

C'était la minute du docteur cyclopède ^^

devtribu | Olivier
Modérateur

Photo de devtribu

Inscrit le : 16/06/2005

# Le 23/11/2017 à 19:05

Salut

Très interessant et surprenant malgré tout

Je vais tester ca sur TJS
J'aime bcp ces petits tricks d'optimisation

Février 2019, mon futur livre Tout JavaScript chez Dunod https://amzn.to/2PoLd0fOuvrir dans une nouvelle fenetre

dbonin | David
Membre

Photo de dbonin

Inscrit le : 06/07/2006

# Le 23/11/2017 à 19:19

En mettant tout en "preload", on peut voir la page se charger avant même de l'avoir demandé.

Évolution WebOuvrir dans une nouvelle fenetre | RedirectionOuvrir dans une nouvelle fenetre | PageRankOuvrir dans une nouvelle fenetre

devtribu | Olivier
Modérateur

Photo de devtribu

Inscrit le : 16/06/2005

# Le 23/11/2017 à 19:33

Pas de changement au final

Je reste a 4sec sur le site test de google

Mais le resultat dépend surtout des tags pub et de l'enchainement de reseaux pub

Février 2019, mon futur livre Tout JavaScript chez Dunod https://amzn.to/2PoLd0fOuvrir dans une nouvelle fenetre

francois10 | Francois
Membre

 

Inscrit le : 14/05/2006

# Le 24/11/2017 à 01:22

rel="dns-prefetch" aussi c'est pas mal. Un peu moins maintenant car Chrome le fait même si non précisé mais sur les navigateurs un peu moins récent le gain est significatif.

devtribu | Olivier
Modérateur

Photo de devtribu

Inscrit le : 16/06/2005

# Le 24/11/2017 à 10:27

francois10 a dit :
rel="dns-prefetch" aussi c'est pas mal. Un peu moins maintenant car Chrome le fait même si non précisé mais sur les navigateurs un peu moins récent le gain est significatif.


Effectivement, j'ai une ligne comme ca qui ne fait pas de mal :
<link href="https://pagead2.googlesyndication.com" rel="dns-prefetch" />

Février 2019, mon futur livre Tout JavaScript chez Dunod https://amzn.to/2PoLd0fOuvrir dans une nouvelle fenetre

Bool | Olivier
Modérateur

Photo de Bool

Inscrit le : 09/05/2005

# Le 24/11/2017 à 17:14

Je confirme l'avoir mis en place il y a quelques mois sur la boutique foot.fr, avec impact très positif. À noter que ça peut également être envoyé en HTTP, avant le traitement des templates par exemple, pour commencer à télécharger les éléments critiques (polices typiquement) encore plus tôt.

daevel : infogérance et conseilOuvrir dans une nouvelle fenetre || moiOuvrir dans une nouvelle fenetre

Répondre

Vous ne pouvez pas participer au forum, car votre inscription n'a pas été validée. Pour vous faire valider en tant que Membre, cliquez ici.

© MHN - Tous droits réservés | CNIL N°844440 | 20/04/2024 10:49:20 | Généré en 5.12ms | Contacts | Mentions légales |