Éviter de bloquer le rendu CSS/JS en dehors du contrôle direct

Je gère un site Web sur une plateforme appelée Smoolis. Une partie de leur configuration implique une gamme de fichiers css et js qui sont caractérisés comme rendus par google - ma page est http://www.csselectronics.com/.Éviter de bloquer le rendu CSS/JS en dehors du contrôle direct

Un exemple est le fichier workspace.core.baf8814.min.js qui est 1 Mo et qui gère une grande partie du problème - mais il est placé dans l'en-tête où je ne peux pas le modifier car il fait partie de la plate-forme .

Y a-t-il une solution pour améliorer la configuration, par ex. chargement de ce fichier simultanément avec d'autres matériaux grâce à un code intelligent? Je suis en mesure d'entrer du code supplémentaire dans l'en-tête, je ne suis simplement pas en mesure de modifier le chargement de certains fichiers CSS/JS.

Source

2016-12-26 Martin

Peut-être que vous pourriez essayer (j'ai eu de très bons résultats avec elle)

d'avoir un fichier css critique (avec une définition très simple de withs et les hauteurs (y compris en-tête et pied de page également), et les autres styles,

Ainsi, par exemple en PHP, ce serait comme si

<html> 
    <head> 
     <style type="text/css"><?php include ('css/critical.css'); ?></style> 
     <link rel="stylesheet" href="css/other_styles.css"> 
</head> 
<body>...</body> 
</html>

pour mon expérience, je peux vous dire ce qui a est une moyenne de 10-20 + (selon le précédent score) des points dans google page score de vitesse

Source

2016-12-26 23:07:08

Éviter de bloquer le rendu CSS/JS en dehors du contrôle direct

Répondre

Questions connexes