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 180
    J'aime reçus:
    19
    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 180
    J'aime reçus:
    19
    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
Le robot AdSense ne trouve pas mon script entre head et /head, pourtant il s'y trouve AdSense 13 Juillet 2020
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