Vil du eliminere filer (CSS og JS) som blokkerer lasting av sider på WordPress? Hvis du tester nettstedet ditt på Google Insights PageSpeed, vil du sannsynligvis se et forslag om å eliminere skript som blokkerer sider for lasting. I denne opplæringen vil vi vise deg hvordan du løser disse filene som blokkerer innlastingen av sidene dine, for å forbedre Google PageSpeed-poengsummen.
Hva blokkerer lasting av sider?
Hver WordPress-side har et tema og plugins som legger til JavaScript- og CSS-filer på slutten og før siden er synlig i nettleseren. Disse skriptene kan øke lastingstiden for nettstedets side, og de kan også blokkere gjengivelsen av siden.
En brukers nettleser må laste inn skript og CSS før sideinnholdet lastes inn. Dette betyr at brukere på en langsommere forbindelse må vente noen millisekunder til for å se siden.
Nettstedseiere som prøver å oppnå en god Google PageSpeed-score, må løse dette problemet.
1 - Hvordan korrigere sidegjengivelse med Autoptimize
Denne metoden er enklere og anbefales for de fleste brukere.
Det første du trenger å gjøre er å installere og aktivere plugin-modulen " Autoptimize ". For mer informasjon, se vår trinnvise veiledning om hvordan du installerer et WordPress-plugin.
Etter å ha aktivert plugin-modulen, må du gå til " Innstillinger> Optimaliser automatisk For å konfigurere plugin-innstillingene.
Du kan starte med å merke av i JavaScript- og CSS-alternativboksen og deretter klikke på "Lagre endringer" -knappen.
Du kan nå teste din nettstedet Web ved å bruke PageSpeed-verktøyet. Hvis det fortsatt er skript som blokkerer sidegjengivelse, må du gå tilbake til siden for plugininnstillinger og klikke på "Vis avanserte innstillinger"-knappen øverst.
Her kan du tillate at programtillegget inkluderer JS inline og fjerne skript som er ekskludert som standard som "seal.js" eller "jquery.js".
Rull deretter ned til CSS-alternativet, og la programtillegget kombinere alle CSS-filene.
Klikk på "Lagre endringer og tøm buffer"-knappen for å lagre endringene og tøm hurtigbufferen plugin.
Når du er ferdig, gå videre og sjekk din nettstedet Web igjen med PageSpeed-verktøyet.
Forsikre deg om at du tester nettstedet ditt grundig for å se at alt fungerer bra etter at du har optimalisert JavaScripts eller CSS-filer.
2 - Fix filgjengivelse med W3 Total Cache
Denne metoden krever litt mer arbeid og anbefales for de som allerede har W3 Total Cache på sin nettside.
Først må du installere og aktivere W3 Total Cache-plugin. Hvis du trenger hjelp, Se vår komplette guide W3 Total Cache.
Deretter må du gå til "Ytelse> Generelle innstillinger" og bla ned til "minify" -delen.
Først og fremst må du merke av for "Aktiver" og deretter velge "Manuell" for alternativet for minifiseringsmodus.
Klikk på knappen Lagre alle innstillinger For å lagre innstillingene.
Deretter må du legge til skript og CSS du ønsker å krympe.
Du kan få nettadressene til alle skript og stilark som må kombineres i henhold til Google PageSpeed Insights.
Under forslagene der det står, " Eliminer gjengivelsesblokkering Javascript og CSS ", Klikk på" Vis hvordan du skal løse ". Den viser deg listen over skript og stilark.
Flytt musen over et skript, så viser den hele URL-en. Du kan velge denne URL-en, og deretter bruke CTRL + C på tastaturet (Command + C på Mac) for å kopiere URL-en.
Gå nå til WordPress-administrasjonskortet ditt og gå til " ytelse > minifier '.
Først må du legge til JavaScript-filer du vil komprimere. Rull ned til JS-seksjonen og deretter under settet "operasjoner i soner" av typen innebygd til "ikke blokker med" asynkronisering "" for seksjonen .
Så må du klikke på knappen Legg til skript Og begynn å legge til skript-nettadresser som du kopierte fra Google PageSpeed-verktøyet.
Når du er ferdig, blar du ned til CSS-delen og klikker på knappen "Legg til stilark". Begynn nå å legge til nettadressene til stilarket du kopierte med Google PageSpeed-verktøyet.
Klikk nå på knappen Lagre innstillinger og rens hurtigbuffer For å lagre innstillingene dine.
Gå til Google PageSpeed-verktøyet og test nettstedet ditt igjen.
Sørg for at du også tester nettstedet nøye for å se at alt fungerer bra.
Det er alt for denne opplæringen, jeg håper den vil tillate deg å forbedre ytelsen til din WordPress blog.
