Løs Google PageSpeed ​​Eliminer render-blokering af JavaScript og CSS i det overordnede indhold

Løs gengivelsesblokerende Javascript og CSS

Google PageSpeed‌ ​​[1] testen Eliminer render-blokering af JavaScript og CSS i det overordnede indhold foreslår dig at levere dit websteds JS- og CSS-filer, efter at HTML'en er fuldt indlæst - og derfor må du ikke sætte din HTML i pause at downloade dem.

Did you know that you can even have all these steps executed automatically for you by using an external Site Speed ​​Accelerator‌ technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Udskyd Javascript-filer indlæses

For at udsætte belastningen af ​​dine JS-filer [2] kan du enten tilføje async eller defer instruktionen til dine scripts links. Async garanterer ikke, at de er indlæst i samme rækkefølge. Derfor, hvis du har flere scripts, der skal køre efter hinanden, er udskydning at foretrække for at sikre sekvensen:

<script defer type="text/javascript" src="./js/mootools-more-1.4.0.1.js"></script>

Indlæs CSS efter HTML-indlæsning

For at CSS skal indlæses, efter at den fulde HTML er overført, foreslår Google [3] dette stykke kode, der skal tilføjes i slutningen af ​​din HTML, f.eks. Efter footer-lukkekoden og før kropslukningstags:

</footer>
 <script>
 var cb = function() {
 var l = document.createElement('link'); l.rel = 'stylesheet';
 l.href = './style.css';
 var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
 };
 var raf = requestAnimationFrame || mozRequestAnimationFrame ||
 webkitRequestAnimationFrame || msRequestAnimationFrame;
 if (raf) raf(cb);
 else window.addEventListener('load', cb);
 </script>
</body>

Bestå Google-webstedets hastighedstest!

Dette tillod mig at passere Google PageSpeed‌ ​​[1] testen Eliminer render-blokering af JavaScript og CSS i det overordnede indhold (sammen med Udnyttelse af browser caching [4]) på en hjemmeside, der går op fra en score på 51 på mobilen ( Fig. 1) til 72 (fig. 2) og op fra 59 (fig. 3) til 79 på skrivebordet (fig. 4).

Sådan elimineres renderblokerende ressourcer i WordPress

For at fjerne renderblokerende ressourcer i WordPress er det nødvendigt at installere et plugin som f.eks. JetPack.

Gå derefter til mulighederne, som du skal være administrator for, og gå til JetPack-indstillinger> Skrivning> Ydeevne og hastighed> tjek Aktiver site accelerator, fremskynde billedbelastningstider, fremskynde statiske filbelastningstider og aktiver dovet indlæsning til billeder.

Dette vil eliminere renderblokerende ressourcer i WordPress og indlæse sider hurtigere ved at lade JetPack optimere dine billeder og servere dine billeder og statiske filer (som CSS og JavaScript) fra deres globale netværk af servere.

Få et eksternt system til at optimere dit websted til dig

Ved du, at du rent faktisk kunne få alle Google PageSpeed-problemer løst på dine vegne uden megen indsats fra dit websted - undtagen at du tilmelder dig en gratis prøveversion og ændrer din DNS?

Ved hjælp af Ezoic-platformen Site Speed ​​Accelerator-teknologi vil alle de sædvanlige Google PageSpeed-problemer blive løst af deres system, som vil være mellemmanden mellem dit websted og de besøgende. De optimerer websiden for dig, før de vises for din besøgende.

Bliv grøn ved blot at tilmelde dig en gratis prøveversion på Ezoic-platformen og prøv det selv - de får dit websted til at nå de højeste standarder for optimering af sidehastighed inden for et par dage: gengiv næste generations webp-billeder, optimer CSS og JavaScript ved at fjerne ubrugte CSS og JS, doven indlæse billeder, ændre størrelse på billeder, cache dine websides sider, optimere skrifttyper, forbinde til alle dine inkluderede websteder og meget mere.

Intet kreditkort kræves - alt hvad du skal gøre er at registrere dig gratis og prøve det. Plus, hvis dit websted tjener penge på displayannoncer på toppen af ​​at gøre dit websted meget hurtigere, kan de også få dig til at tjene flere gange mere penge end du gør med Google AdSense ved at optimere dine annoncer med maskinlæring og avanceret kunstig intellingence.