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.
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