Etter den offisielle kunngjøringen fra Google, har alle begynt å fokusere på siden lastetid på nettstedene sine. Ifølge Google er ikke nettstedene som har lastetid på siden mer enn tre sekunder ikke SEO-vennlige.


Og du vet allerede, i denne epoken av Internett, er det ikke et kakestykke å konkurrere med millioner av nettsteder. Du må sørge for at nettstedet ditt er raskere enn andre.

Hvis du sammenligner nettstedets hastighet med de beste nettstedene, kan det hende du mangler fordi de fleste av nettstedene har lastetid for sider under to sekunder.

La meg nå snakke om render-blokkering. Hver WordPress-plugin har en CSS- eller JavaScript-fil, som må lastes opp av brukerens nettleser.

Det betyr at disse CSS- og JavaScript-filene gjør nettstedet ditt tregt, som kalles render-blokkering av JavaScript og CSS.

I denne opplæringen skal du lære om å finne slike filer og fikse render-blokkering.

Analyser nettstedets lastetid

Du kan bruke hastighetsanalyseverktøyene som Pingdom Tools, men her trenger du Google PageSpeed ​​Insights. Fyll ut nettadressen til nettstedet og klikk på analyser.

I løpet av få sekunder kan du se rapporten. Det er bedre å forbedre lastetiden for skrivebordet. Sjekk gjeldende poengsum.

Slik fikser du gjengivende blokkering av JavaScript og CSS på ditt WordPress-nettsted

I følge Google skal poengsummen være mellom 89-100 for en utmerket ytelse. Og jeg må fortelle deg at det er mulig å oppnå 100.

Hvis du blar ned til overskriften "Muligheter for deg," kan du se noen forslag. Hvorfra, Fjern ressursene som blokkerer gjengivelse kan være den.

Slik fikser du gjengivende blokkering av JavaScript og CSS på ditt WordPress-nettsted

Klikk for å se ressursene, og du kan se alle CSS- og JavaScript-filene. Noen ganger kan du legge merke til en hvilken som helst cache-fil.

Poenget er at du trenger å fokusere på å optimalisere CSS- og JavaScript-filer.

Bruk Autoptimize for å redusere CSS- og JavaScript-filer

Som du kanskje allerede vet at Autoptimize er en plugin som hjelper til med å optimalisere kodingsfilene på et WordPress-nettsted, kan du bruke det til å fikse gjengivelsesblokkerende JavaScript- og CSS-filer.

Gå til plugins>>Legg til ny og søk etter Autoptimize. Installer og aktiver plugin-modulen. Jeg håper du vet hvordan du installerer en WordPress-plugin.

Gå nå til innstillinger>>Autoptimize og du kan se alternativer for JavaScript og CSS. Merk av i boksene til optimaliser JavaScript og CSS.

Slik fikser du gjengivende blokkering av JavaScript og CSS på ditt WordPress-nettsted

Klikk på Lagre endringer og Tøm hurtigbuffer hvis du har en hurtigbuffer-plugin. Ellers, klikk på Lagre endringer knapp.

Kontroller nå resultatene på nettstedet ditt. Hvis du får noen positive resultater, perfekt. Ellers kan du bruke en cache-plugin som W3 Total Cache for å minifisere JavaScript- og CSS-koder.

Installer og aktiver W3 Total Cache

Hvis du allerede bruker W3 Total Cache som en cache-plugin for WordPress-nettstedet ditt, trenger du ikke noen annen plugin for å forenkle nettstedskoden.

Gå til Opptreden>>Generelle innstillinger og bla ned til Minify innstillinger. Merk av i ruten for å aktivere og lagre endringer.

Slik fikser du gjengivende blokkering av JavaScript og CSS på ditt WordPress-nettsted

I de fleste tilfeller løser en slik minifiseringsinnstilling problemet. Hvis du fremdeles står overfor noen utfordringer, må du bruke den spesifikke plugin som er utviklet for å fikse gjengivelsesblokkerende JavaScript og CSS.

På nettstedet mitt kan du se gjeldende poengsum; det er 100 for skrivebordsversjonen.

Slik fikser du gjengivende blokkering av JavaScript og CSS på ditt WordPress-nettsted

Hvis du fokuserer på mobilversjonen, kan du legge skriptene og CSS manuelt til W3 Total Cache’s minifiseringsinnstillinger. Foreløpig bruker du alternativet Auto og sjekker nettstedets ytelse.

Jeg håper du fikk en ide om å fikse gjengivende blokkering av JavaScript og CSS

Ingen tvil om at nettstedets hastighet spiller en viktig rolle i SEO-poengsummen. Du kan forholde deg når du besøker et nettsted med dårlig sideinnlastingstid. Venter du lenge? Jeg tror ikke det.

Det er mange alternativer tilgjengelig på nettet. Hvis nettstedet ditt er tregt, gir noen andre en bedre brukeropplevelse enn ditt.

Konklusjon

Hovedideen bak å fikse gjengivelsesblokkerende JavaScript- og CSS-fil er å minifisere koden til disse filene. Hvis du er en avansert utvikler, kan du minifisere JavaScript og CSS manuelt.

Men hvis du bruker WordPress, er det mange plugins som kan utføre en slik oppgave.

Sjekk ut disse topp 3 WordPress hosting-tjenestene:

FastComet

Startpris:
$ 2.95


Pålitelighet
9.7


Priser
9.5


Brukervennlig
9.7


Brukerstøtte
9.7


Funksjoner
9.6

Les anmeldelser

Besøk FastComet

Hostinger

Startpris:
$ 0.99


Pålitelighet
9.3


Priser
9.3


Brukervennlig
9.4


Brukerstøtte
9.4


Funksjoner
9.2

Les anmeldelser

Besøk Hostinger

A2 Hosting

Startpris:
$ 3.92


Pålitelighet
9.3


Priser
9.0


Brukervennlig
9.3


Brukerstøtte
9.3


Funksjoner
9.3

Les anmeldelser

Besøk A2 Hosting

Relaterte artikler for hvordan du gjør det

  • Slik deaktiverer du wp-cron.php-filen for ditt WordPress-nettsted ved hjelp av cPanel
    Ekspert
  • Hvordan installere og konfigurere WP Super Cache-plugin på WordPress
    nybegynner
  • Hvordan optimalisere WordPress-databasen ved hjelp av WP-feie
    nybegynner
  • Hvordan sette opp et WordPress Staging-nettsted
    mellomliggende
  • Slik bruker du WP Security Audit Log WordPress Plugin
    mellomliggende
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me