<noscript><link ...> du css après un <link rel="preload"...

Discussion dans 'Débuter en référencement' créé par Bocar, 1 Mai 2021.

  1. Bocar
    Bocar WRInaute discret
    Inscrit:
    28 Mars 2005
    Messages:
    145
    J'aime reçus:
    0
    Bonjour.

    À quoi sert et est-il intéressant de mettre un <noscript><link href="/document.css></noscript> du css à la suite d'un <link rel="preload" href="/document.css> ?
    Code:
    <link rel="preload" href="/document.css><noscript><link rel="stylesheet" href="/document.css"></noscript>
    Merci.
     
  2. rick38
    rick38 WRInaute passionné
    Inscrit:
    23 Février 2013
    Messages:
    1 776
    J'aime reçus:
    269
    noscript c'est pour les gens qui ont désactivé javascript, donc c'est inutile, car de nos jours désactiver javascript signifie ne plus pouvoir utiliser aucun site correctement donc que ces gens se débrouillent...
     
  3. ZImm
    ZImm WRInaute discret
    Inscrit:
    26 Mars 2021
    Messages:
    134
    J'aime reçus:
    17
    La question, c'est plutôt, d'où vous sortez ce code?

    Je comprends que dans certains cas, éventuellement, on peut vouloir charger une feuille de style particulière lorsque JavaScript est désactivé, mais là, la feuille document.css est déjà chargée précédemment, alors, quoi qu'est-ce que ?
     
  4. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    605
    J'aime reçus:
    84
    Elle est préchargée mais pas insérée dans le DOM.
    Si le but est vraiment de n'utiliser cette CSS que pour les navigateurs sans Javascript, c'est une mauvaise technique puisque plus de 99% des utilisateurs la chargera pour rien. Mais si elle est insérée dans un javascript, alors là ça se comprend :

    - préchargement de la CSS parce qu'on va en avoir besoin plus tard
    - insertion en <noscript> parce que c'est une bonne pratique de faire en sorte que ça fonctionne au mieux même en cas de problème (JS pas chargé car problème de réseau, ou qui se fait bloquer par un anti-pub via une nouvelle regex trop large, introduction d'un bug JS qui stoppe l'exécution, rick38 qui passe à Lynx...)
    - et (mais ça n'est pas dans le premier message), insertion de la CSS via JS, peut être uniquement en fonction d'une certaine action (arrivé à un certain point de la page).

    Dans ce cas ce sera très rapide puisque la CSS sera déjà chargée, et lors du chargement initial de la page, le navigateur n'aura pas eu à attendre la CSS document.css pour afficher la page.
    Mais bon, quand on en arrive là, c'est probablement parce qu'on génère des CSS très lourdes en utilisant mal ses outils.
     
    ZImm apprécie ceci.
  5. ZImm
    ZImm WRInaute discret
    Inscrit:
    26 Mars 2021
    Messages:
    134
    J'aime reçus:
    17
    Ma faute, je n'avais pas fait attention au "preload", n'ayant pas eu l'occasion de m'en servir avec les feuilles de styles.
     
  6. Bocar
    Bocar WRInaute discret
    Inscrit:
    28 Mars 2005
    Messages:
    145
    J'aime reçus:
    0
    Si j'ai tout saisi, le <noscript> sert à utiliser le CSS pour les cas d'absence ou de défaut de Javascript.

    A-t-on besoin de charger le CSS en JS sur une board en Invision Power Board ?

    Merci.
     
  7. colonies
    colonies WRInaute impliqué
    Inscrit:
    10 Septembre 2006
    Messages:
    605
    J'aime reçus:
    84
  8. ZImm
    ZImm WRInaute discret
    Inscrit:
    26 Mars 2021
    Messages:
    134
    J'aime reçus:
    17
    C'est là que je me sens vieux et dépassé par la technologie.
     
  9. Bocar
    Bocar WRInaute discret
    Inscrit:
    28 Mars 2005
    Messages:
    145
    J'aime reçus:
    0
    Pour la raison que tu as décrite dans ce post :
    ?
    Ou il y a autre chose ?

    Merci.
     
Chargement...
Similar Threads - <noscript><link css après Forum Date
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019