web-dev-qa-db-fra.com

W3 Total Cache: Charger CSS de manière asynchrone pour un meilleur score PageSpeed?

J'utilise W3 Total Cache pour minimiser environ 15 fichiers CSS, ainsi que pour minifier 20 fichiers JS et les charger de manière asynchrone dans le pied de page. L'exécution de mon site via PageSpeed ​​me donne le message suivant:

Éliminer le code JavaScript et CSS bloquant le rendu dans le contenu au-dessus du pli

Ce que je me demande, comment puis-je charger ce fichier CSS de manière asynchrone avec W3 Total Cache? Le plugin ne me donne pas la possibilité de charger CSS de manière asynchrone. Vous pouvez voir comment les choses sont chargées sur mon site ici .

1
eclipsis

Vous avez beaucoup à dire à propos du W3TC et de la vitesse de rotation des pages, mais vous essayez de rester sur le sujet.

Vous ne devriez jamais avoir d'élément externe JS dans votre code HTML faisant partie du contenu réel; ils devraient figurer dans l'élément head (mais uniquement les scripts qui doivent être chargés avant la fin du chargement de la page) ou juste avant la fin du corps.

CSS doit être uniquement dans l'élément head.

L'hypothèse est que si vous décidez de ne pas respecter ces règles de performances de base, vous avez probablement une très bonne raison à cela, et aucun plugin avec un auteur sain d'esprit n'essaiera de le réorganiser pour vous car vous pouvez facilement casser la page si des éléments ne sont pas chargés. dans le bon ordre.

Vous devez donc d'abord comprendre pourquoi vous avez JS et/ou CSS dans cette partie de la page, et si cela n'est pas nécessaire, vous devez modifier votre code pour les déplacer vers l'en-tête ou le pied de page. Les plugins de mise en cache n'ont absolument rien à voir avec cela et devraient éviter même d'offrir une telle fonctionnalité de changement de page.

2
Mark Kaplun