stylesheet dans le head ou asynchrone ?

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par ortolojf, 17 Septembre 2015.

  1. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 022
    J'aime reçus:
    12
    Bonjour

    A propos des fichiers *.css

    Google recommande théoriquement, de les charger de manière asynchrone, ou bien d'intégrer leur code dans des balises style ( dans le html ).

    Mais, Yahoo préconise de mettre les déclarations des fichiers *css dans le head, pour que le navigateur le sache le plus tôt possible, et sache comment présenter la page.

    Que faire ?

    J'ai ce fichier css de tarteaucitron, qui est chargé nativement en asynchrone, et j'ai cru bon de le mettre dans le head.

    Mais, Google me signale qu'il y a des éléments ( les deux fichiers css ), qui doivent être chargés entièrement avant que le contenu au dessus de la ligne de flottaison puisse s'afficher.

    Y a -t-il une façon de faire différente, suivant les dimensions des fichiers *.css , ou les interfaces qu'il gèrent, et leurs emplacements ?

    Faut-il moduler, ou choisir une règle fixe ?

    Respectueusement.
     
  2. ortolojf
    ortolojf WRInaute accro
    Inscrit:
    14 Août 2002
    Messages:
    3 022
    J'aime reçus:
    12
    Bon

    J'ai résolu le problème, en intégrant le *.css de tarteaucitron, au *.css de mon site.

    J'ai quand même 96/100 pour ma page d'accueil/desktop, et 72/100 pour ma page page d'accueil/mobile ( avec Speed Insight ).

    J'ai à augmenter quelques tailles de polices de caractères, et à intégrer encore quelques balises style html dans les *.css

    Pas de quoi me faire du mouron. ;)

    Respectueusement.
     
Chargement...
Similar Threads - stylesheet head asynchrone Forum Date
Si hreflang implémentés par HTML (<head>), inutile dans sitemaps ? Référencement international (langues, pays) 18 Mai 2020
Headers HTTP Expect-CT et Feature-Policy Administration d'un site Web 30 Janvier 2020
Astuce Schema.org : headline versus title et h1 Référencement Google 25 Janvier 2020
Lecture Header avec CURL et outil WRI Développement d'un site Web ou d'une appli mobile 25 Janvier 2020
WordPress Que faire après un fichier header en noindex nofollow ? Débuter en référencement 5 Août 2019
Astuce Header dédié homepage pour optimiser le référencement Référencement Google 15 Mars 2019
HSTS erreur "No HSTS header is present on the response" Développement d'un site Web ou d'une appli mobile 14 Janvier 2019
Intérêt des balises header, nav, main et footer en SEO Référencement Google 12 Janvier 2019
Taille du header ? Incidence ? Référencement Google 2 Septembre 2018
Header error 410 Débuter en référencement 2 Juillet 2018
  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice