J'essaye de précharger CSS, ça marche bien sur Chrome mais pas sur Firefox (ni Edge) et je ne trouve de solution nulle part.
J'ai testé sur Google Chrome 74.0.3729.131 et sur Firefox 66.0.5 (et sur Edge 41.16299.1004.0).
Cela fonctionne bien partout.
<link rel="preload" href="/style.css" as="style" media="all" type="text/css" onload="this.onload=null;this.rel='stylesheet'" /> <noscript><link rel="stylesheet" href="/style.css" media="all" type="text/css" /></noscript>
Mais cela ne fonctionnera pas sauf sur Chrome. p >
<link rel="stylesheet" href="/style.css" media="all" type="text/css" />
Je vois que le CSS est facturé mais pas chargé, donc la fonction javascript ne fonctionnera pas (et je veux trouver une cause et une solution réelles au lieu de contourner le problème en utilisant l'événement javascript onerror ).
3 Réponses :
J'ai eu un problème avec Chrome Firefox l'année dernière, les navigateurs Web ont une interprétation logicielle différente du script sur le document J'ai dû réécrire le script Mettez votre site Web via w3c val, vous pourriez trouver une réponse https://validator.w3.org
JohnC
Je viens d'essayer mais je n'ai aucune erreur à ce sujet, les seules erreurs que j'ai sont les attributs src manquants pour les images car j'utilise lazyload.
Je me fiche de l'attribut rel, je me soucie du préchargement CSS, je connais déjà l'attribut rel et je l'utilise très bien.
Quel est le site Ma
Salut, vous avez un bloc de script en ligne entre le fichier css externe et une autre ressource chrome l'ignore Firefox ne le fait pas.
C'est aussi loin que je peux aller, j'espère que quelqu'un d'autre pourra vous donner une meilleure aide et des conseils
Merci pour votre aide, je vais devoir me concentrer sur votre réponse et essayer et je vous enverrai mon CV ici.
C'est le
testé et semble bien fonctionner dans Firefox et Chrome
suppression à 4 endroits dans le script 
Selon cette solution , vous besoin de déclarer le style en utilisant deux lignes, la 2ème ligne étant une solution de secours pour Firefox (2ème ligne):
<link rel="preload" href="/style.css" as="style" /> <link rel="stylesheet" href="/style.css" />
Il est documenté que préchargement n'est pas pris en charge sur Firefox .
Que voulez-vous dire "ne fonctionnera pas"? Aussi, pourquoi modifiez-vous la valeur rel? Qu'essayez-vous de faire?
Le CSS n'est pas appliqué quand je dis "ne fonctionnera pas". J'essaie d'optimiser la vitesse du site Web en préchargeant des fichiers tels que ce CSS. J'ai donc essayé de suivre la documentation de développement Web de Google et cela fonctionne sur leur Google Chrome mais sur Mozilla Firefox: le CSS n'est appliqué que sur Chrome.