Hoe u JavaScript en CSS van u WordPress-webwerf weergee blokkeer?

Na die amptelike aankondiging deur Google, het almal begin fokus op die laai tyd van hul webwerwe. Volgens Google is die webwerwe met meer as drie sekondes laai tyd vir bladsy nie SEO-vriendelik nie.


En jy weet reeds dat in hierdie era van die web, om met miljoene webwerwe te kompeteer, nie ‘n stuk koek is nie. U moet seker maak dat u webwerf vinniger is as ander.

As u die snelheid van die webwerf met die topwebwerwe vergelyk, kan dit wees dat u ontbreek, omdat die meeste werwe die laaityd van die bladsy onder twee sekondes het..

Laat ek nou praat oor blokkeer. Elke WordPress-inprop het ‘n CSS- of JavaScript-lêer wat deur die gebruiker se blaaier opgelaai moet word.

Dit beteken dat hierdie CSS- en JavaScript-lêers u webwerf stadig maak, wat ‘n render-blokkering van JavaScript en CSS genoem word.

In hierdie handleiding gaan u leer hoe om sulke lêers te vind en die herstel van blokkeer.

Ontleed die laai tyd van u webwerf

U kan die spoedanalise-instrumente soos Pingdom Tools gebruik, maar hier het u Google PageSpeed ​​Insights nodig. Vul die URL van u webwerf in en klik op analiseer.

Binne enkele sekondes kan u die verslag sien. Dit is beter om die laai tyd vir die tafelblad te verbeter. Gaan die huidige telling na.

Hoe u JavaScript en CSS van u WordPress-webwerf weergee blokkeer?

Volgens Google moet die telling tussen 89-100 wees vir ‘n uitstekende vertoning. En ek moet jou vertel dat dit moontlik is om te bereik 100.

As u na die opskrif blaai "Geleenthede vir u," jy kan ‘n paar voorstelle sien. Waaruit, Skakel hulpbronblokkeerhulpbronne uit mag die een wees.

Hoe u JavaScript en CSS van u WordPress-webwerf weergee blokkeer?

Klik om die bronne te sien, en u kan al die CSS- en JavaScript-lêers sien. Soms kan u enige kaslêer opmerk.

Die punt is dat u moet fokus op die optimalisering van CSS- en JavaScript-lêers.

Gebruik Outoptimize om CSS- en JavaScript-lêers te verminder

Aangesien u dalk al weet dat Autoptimize ‘n inprop is wat help om die koderingslêers van ‘n WordPress-webwerf te optimaliseer, kan u dit gebruik om JavaScript- en CSS-lêers met weergaweblokke op te los.

Gaan na proppe>>Voeg nuwe en soek Autoptimize. Installeer en aktiveer die inprop. Ek hoop jy weet hoe om ‘n WordPress-plugin te installeer.

Gaan nou na instellings>>Autoptimize en u kan opsies vir JavaScript en CSS sien. Merk die kassies na optimaliseer JavaScript en CSS.

Hoe u JavaScript en CSS van u WordPress-webwerf weergee blokkeer?

Klik op Stoor veranderinge en Leë kasgeheue as u ‘n inprop-inprop het. Andersins, klik op die Stoor veranderinge knoppie.

Kontroleer nou u webwerf-telling. Perfek as u positiewe resultate kry. Andersins kan u ‘n cache-inprop soos W3 Total Cache gebruik om JavaScript- en CSS-kodes te verklein.

Installeer en aktiveer W3 Total Cache

As u reeds W3 Total Cache as ‘n cache-inprop vir u WordPress-webwerf gebruik, het u geen ander inprop nodig om die webwerf-kode te verklein nie..

Gaan na Optrede>>Algemene instellings en blaai af na die verskerp instellings. Merk die kassie om veranderinge in te skakel en op te slaan.

Hoe u JavaScript en CSS van u WordPress-webwerf weergee blokkeer?

In die meeste gevalle los so ‘n versagtingsinstelling die probleem op. As u nog steeds ‘n uitdaging ondervind, moet u die spesifieke inprop gebruik wat ontwikkel is om JavaScript en CSS vir blokkeerblokke op te los.

Vir my webwerf kan u die huidige telling sien; dis 100 vir die tafelbladweergawe.

Hoe u JavaScript en CSS van u WordPress-webwerf weergee blokkeer?

As u op die mobiele weergawe fokus, kan u die skripte en CSS met die hand byvoeg tot die versagtingsinstellings van W3 Total Cache. Gebruik nou die outomatiese opsie en kyk na die prestasie van u werf.

Ek hoop dat u ‘n idee gekry het om JavaScript en CSS vir blokkeerblokke op te los

Dit is ongetwyfeld dat die spoed van webwerwe ‘n belangrike rol speel in die SEO-telling. U kan ‘n verhouding hê as u ‘n webwerf besoek met ‘n swak laai van bladsye. Wag jy lank? Ek dink nie so nie.

Daar is tonne opsies op die web beskikbaar. As u werf stadig is, bied iemand anders ‘n beter gebruikerservaring as u s’n.

Afsluiting

Die belangrikste idee agter die oplos van JavaScript-en CSS-lêer vir render-blokkering is om die kode van hierdie lêers te verklein. As u ‘n gevorderde ontwikkelaar is, kan u JavaScript en CSS handmatig verkleineer.

Maar as u WordPress gebruik, is daar baie plugins om so ‘n taak uit te voer.

Kyk na die top 3 WordPress-gasheerdienste:

FastComet

Beginprys:
$ 2.95


betroubaarheid
9.7


pryse
9.5


Gebruikersvriendelik
9.7


ondersteuning
9.7


Kenmerke
9.6

Lees resensies

Besoek FastComet

Hostinger

Beginprys:
$ 0.99


betroubaarheid
9.3


pryse
9.3


Gebruikersvriendelik
9.4


ondersteuning
9.4


Kenmerke
9.2

Lees resensies

Besoek Hostinger

A2 Hosting

Beginprys:
$ 3,92


betroubaarheid
9.3


pryse
9.0


Gebruikersvriendelik
9.3


ondersteuning
9.3


Kenmerke
9.3

Lees resensies

Besoek A2 Hosting

Verwante artikels oor hoe om te doen

  • Hoe u die wp-cron.php-lêer vir u WordPress-werf kan deaktiveer met behulp van cPanel
    kenner
  • Hoe om die WP Super Cache-inprop op WordPress te installeer en te konfigureer
    newbie
  • Hoe u WordPress-databasis kan optimaliseer met behulp van WP-sweep
    newbie
  • Hoe om ‘n WordPress-opstel-webwerf op te stel
    intermediêre
  • Hoe om WP-veiligheidsouditlog te gebruik WordPress Plugin
    intermediêre
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me