Comment corriger les exploitations de non-mise en cache du navigateur (PageSpeed)?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par anemone-clown, 22 Avril 2015.

Tags:
  1. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    En passant mon site d'aquario en responsive, j'achoppe pour solutionner un problème général visé par PageSpeed Insights : comment mettre en cache des ressources externes? C'est le seul point rouge qui reste et je ne comprends pas comment faire techniquement malgré les explications de l'aide Google.

    Exemple : https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F ... tab=mobile

    [​IMG]

    En résumé, comment exploiter la mise en cache du navigateur pour des ressources externes (pinterest, disqus, twitter, facebook et ... google -plusieurs-)? Le problème étant que ces ressources ne sont, bien évidemment, pas de mon fait et pas hébergées sur mon serveur.

    SI quelqu'un sait comment faire, hormis passer par un autre service externe qui regrouperait, ne serait-ce que partiellement, ces outils de syndication, je suis preneur (php, gestion dans le htaccess, etc...).

    Le but du jeu est rester au score minimal de 85/100 sur la vitesse, pour rester dans le vert : en étant juste à ce score de 85, la moindre pétouille dans une page amène en dessous de cette barrière verte des 85/100, et ça, je n'en veux pas! :oops:
     
    #1 anemone-clown, 22 Avril 2015
  2. Bigb06
    Bigb06 WRInaute impliqué
    Inscrit:
    21 Mars 2007
    Messages:
    842
    J'aime reçus:
    1
    Bonjour,

    On ne peut pas controler la mise en cache de ressources externes.
    Par contre pour les boutons twitter, Google+ et facebook, a mon avis mieux vaut mettre des boutons statiques pour gagner en performance.
     
    #2 Bigb06, 22 Avril 2015
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 078
    J'aime reçus:
    295
    Tu mets ces assets après </html>. It works :mrgreen:
     
    #3 spout, 22 Avril 2015
  4. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    @spout : pas con, je n'y avais pas pensé, surtout que je le fais déjà pour une partie du style CSS (conformément aux demandes de Google... :roll: ). C'est pas très conforme W3C mais on s'en fiche ... du W3C!

    EDIT : je viens de tenter, ça ne fonctionne pas... :evil:
     
    #4 anemone-clown, 22 Avril 2015
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 078
    J'aime reçus:
    295
    Fonctionne plus en effet. De tt façon c'était juste #troll parce que c'est pas valide w3c ;)
     
    #5 spout, 22 Avril 2015
  6. patapon87
    patapon87 WRInaute passionné
    Inscrit:
    12 Janvier 2010
    Messages:
    1 135
    J'aime reçus:
    0
    Whaaaat ?
    Comment ?
     
    #6 patapon87, 22 Avril 2015
  7. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    @anemone-clown >
    * tu met tous les widgets externes possible sur un script a part genre "boutons.php"
    * sur ta page tu place une iframe qui pointe sur rien là ou doivent être les widgets.
    * en javascript tu charge les iframes sous conditions (fin de chargement du DOM de la page, ou action utlisateur (encore mieux pour le "flicage"))

    bref tu gagne en poids de page, vitesse de rendu, résolutions DNS, nombre de JS necessaires ...
     
    #7 zeb, 22 Avril 2015
  8. anemone-clown
    anemone-clown WRInaute passionné
    Inscrit:
    11 Novembre 2007
    Messages:
    1 601
    J'aime reçus:
    21
    Merci Zeb : la solution semble prometteuse, mais si tu avais un début d'exemple de code, ce serait encore mieux... Créer des iframes vides pour les remplir ensuite, j'y avais pensé, mais le codage JS, là, c'est plus délicat. Un lien, un exemple de site, etc. ?
     
    #8 anemone-clown, 23 Avril 2015
  9. p0k3
    p0k3 WRInaute occasionnel
    Inscrit:
    2 Juin 2010
    Messages:
    315
    J'aime reçus:
    0
    Et ajouter l'attribut "defer" ?
     
    #9 p0k3, 23 Avril 2015
  10. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    Faudrait tester mais je suis pas sur que différer le chargement change la durée de validité du script d'où l'idée de ne rien charger pour contourner le problème.
     
    #10 zeb, 23 Avril 2015
  11. freestyle83
    freestyle83 WRInaute occasionnel
    Inscrit:
    19 Novembre 2011
    Messages:
    399
    J'aime reçus:
    16
    Je n'ai pas de solution mais je suis ce post avec attention car je rencontre le même problème :
    - exploiter la mise en cache navigateur
    - Réduisez la taille des ressources JavaScript

    Tout deux concernes les pubs adsense .........
     
    #11 freestyle83, 25 Avril 2015
  12. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    Il n'y a rien a faire a ce niveau ou alors j'ai loupé un truc.
    D'une part tu ne peux pas "masquer la pub" (sauf a dire que tu ne veux pas gagner d'argent) et d'autre part tu ne peux pas agir sur le JS google. Le seul truc testé qui fonctionne c'est de rapatrier le script GG sur ton serveur afin d'agir sur les entêtes chez toi. Seul problème, c'est interdit par le règlement...

    Sans rien toucher a ce niveau je monte a 95% d'indice PS sur me pages.
     
    #12 zeb, 25 Avril 2015
  13. freestyle83
    freestyle83 WRInaute occasionnel
    Inscrit:
    19 Novembre 2011
    Messages:
    399
    J'aime reçus:
    16
    Merci pour ton retour Zeb,

    pour ma part, sur une page en test, je suis à 89% Vitesse et 99% utilisateur (mobile)
    pour le premier j'ai les erreurs :
    - Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison => j'ai un unique fichier css, compressé!
    - Exploiter la mise en cache du navigateur => ce sont des fichier gg
    - Réduire la taille des ressources JavaScript => un fichier gg aussi

    Pour le deuxième :
    - Dimensionner les éléments tactiles de manière appropriée => pub gg aussi

    Alors 95%, je sais pas comment tu fais
     
    #13 freestyle83, 25 Avril 2015
  14. zeb
    zeb WRInaute accro
    Inscrit:
    5 Décembre 2004
    Messages:
    12 190
    J'aime reçus:
    1
    passe ton url en mp, je ne te dis pas que je trouverais mais je peux regarder.
     
    #14 zeb, 25 Avril 2015
(Vous devez vous identifier ou vous inscrire pour poster ici.)
Chargement...
Similar Threads - corriger exploitations cache Forum Date
Comment corriger une redirection 307 URL Rewriting et .htaccess 24 Février 2020
URL 404 : comment les corriger Demandes d'avis et de conseils sur vos sites 12 Octobre 2018
Corriger ou rediriger les erreurs 404 ? Débuter en référencement 19 Juillet 2017
Données structurées: corriger les erreurs Problèmes de référencement spécifiques à vos sites 21 Mai 2015
Comment corriger les erreurs W3C Débuter en référencement 21 Décembre 2014
Comment corriger des erreurs d'url détectées par le robot de google Problèmes de référencement spécifiques à vos sites 25 Avril 2014
Corriger des URL introuvables Crawl et indexation Google, sitemaps 12 Janvier 2014
corriger une erreur de redirection URL Rewriting et .htaccess 6 Novembre 2013
Corriger des caractères speciaux dans URL referencer depuis l'exterieur URL Rewriting et .htaccess 9 Août 2013
Corriger les erreurs GWT Référencement Google 5 Juin 2012