2017-01-18 3 views
0

Je travaille sur googlepagespeed pour le mon site. Plus tôt ma vitesse du site est, MOBILES-86 et EN DESKTOP-93. Je l'ai vu lien "Eliminate render-blocking CSS in above-the-fold content". Je l'ai mis en œuvre https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery. Je suis en ce moment chargeais mon css jusqu'au bout noscript. donc, mon site a augmenté score IN MOBILE-96 et DESKTOP-93Réduire « Éliminer qui bloquent CSS dans le contenu ci-dessus la fois » Desktop

<html> 
    <head> 
    <style> 
     .blue{color:blue;} 
    </style> 
    </head> 
    <body> 
    <div class="blue"> 
     Hello, world! 
    </div> 
    <noscript id="deferred-styles"> 
     <link rel="stylesheet" type="text/css" href="small.css"/> 
    </noscript> 
    <script> 
     var loadDeferredStyles = function() { 
     var addStylesNode = document.getElementById("deferred-styles"); 
     var replacement = document.createElement("div"); 
     replacement.innerHTML = addStylesNode.textContent; 
     document.body.appendChild(replacement) 
     addStylesNode.parentElement.removeChild(addStylesNode); 
     }; 
     var raf = requestAnimationFrame || mozRequestAnimationFrame || 
      webkitRequestAnimationFrame || msRequestAnimationFrame; 
     if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); 
     else window.addEventListener('load', loadDeferredStyles); 
    </script> 
    </body> 
</html> 

Mais le score de bureau est constant. Le lien de mon site Web est https://www.winni.in/cake-delivery-in-bangalore.

POUR MOBILE: enter image description here

POUR DESKTOP: enter image description here

Je veux savoir "éliminer JavaScript qui bloquent CSS et au-dessus du pli contenu avertissement "montrant dans seulement le bureau, pas dans l'écran mobile. Mais l'URL est la même. Avant de mettre en œuvre ce concept noscript (https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery) "Éliminer le rendu JavaScript et CSS dans l'avertissement de contenu au-dessus de la ligne de flottaison" s'affiche dans les deux écrans. Donc, pourquoi ce n'est pas reflété dans l'écran de bureau

Répondre

0


Les fichiers de polices .woff sont considérés comme CSS. Tous les CSS doivent être chargés avant le JavaScript.

Waterfall