TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan får du 100/100 poengsum i Google PageSpeed ​​Insights for WordPress -nettstedet?

4

Google nylig annonserte sideopplevelse vil være en av faktorene i algoritmen som vil påvirke posisjoner i søkeresultater. Det nye begrepet Core Web Vitals du ser i Google Search Console, blir viktige faktorer som kan definere nettets fremtid. Dette tvinger alle nettredaktører til å sikre at nettstedets lastehastighet er som Google krever for å få god rangering i søkeresultatene. Hvis du bruker WordPress til å være vert for nettstedet ditt, er det faktisk enkelt å få 100/100 poengsum i Google PageSpeed ​​Insights -verktøyet.

Dette er en casestudie med vår egen erfaring. Derfor nevner vi pluginene / temaene / vertsfirmaene eksplisitt. Det er viktig at det ikke alltid er nødvendig å se på PageSpeed ​​-poengsummen hvis du har en tydelig oversikt over hva du gjør. For eksempel kan du bruke betalte annonser eller sosial markedsføring for å markedsføre nettstedet ditt som har dårlig sidehastighetspoeng. Derfor er konteksten i denne artikkelen gjeldende for bloggere som ønsker å få høyere hastighetspoeng og dermed øker sjansen for høyere søkemotorrangering og bedre brukeropplevelse.

Google PageSpeed ​​Insights

Det er få verktøy; du kan bruke til å overvåke hastigheten på WordPress -nettstedet. Google PageSpeed ​​Insights, Pingdom, GTmetrix og WebPage Test er noen av de mest brukte verktøyene på listen. Siden Google søkeresultater bestemmer trafikken til mange nettsteder, er det godt å bruke PageSpeed ​​Insights -verktøyet som en referanse.

Du kan gå til PageSpeed ​​-verktøyet og skrive inn hvilken som helst side -URL for å få hastighetspoengsummen. Det er mange faktorer som påvirker poengsummen du kan lese fra den offisielle siden til Google -utvikleren. Nedenfor er sammendraget av faktorer som veier poengsummen du ser.

Faktor Vekt
Første innholdsrike maling 15%
Hastighetsindeks 15%
Største innholdsrike maling 25%
Tid til interaktiv 15%
Total blokkeringstid 25%
Kumulativt layoutskift 5%

Etter å ha analysert nettsiden, vil Google gi en poengsum basert på 100 poengs skala. Nedenfor er de tre områdene for å indikere hastighetsposisjonen til den analyserte siden.

  • 0-49: Dårlig
  • 50-79: Trenger forbedring
  • 80-100: Bra

Derfor indikerer 100/100 poengsum i Google PageSpeed ​​at nettstedet ditt lastes superraskt, åpenbart vil Google og brukerne elske hurtiglasting av nettsteder. Du kan sjekke ut Lighthouse scoring calculator for å sjekke forskjellige parametere som kreves for å forbedre hastigheten dynamisk.

Husk at andre enn de ovennevnte faktorene, vil Google også foreslå muligheter som å fjerne ubrukte skript eller fjerne ubrukt CSS. Dette er imidlertid anbefalinger og vil IKKE påvirke poengsummen din, selv om du jobber hardt for å få dem til å bestå tilsynet. Vi gjør dette poenget eksplisitt siden mange bloggere tror at fjerning av jQuery vil bidra til å få høyere poengsum.

Poeng og størrelse på nettstedet vårt

Før vi forklarer hvordan du får 100/100, vil vi vise deg poengsummen til hjemmesiden vår. Som du kan se, får vi 100 for både mobil og stasjonær datamaskin.

Hvordan får du 100/100 poengsum i Google PageSpeed ​​Insights for WordPress -nettstedet?

Hjemmeside poengsum

Husk at vi snakker om at dette live nettstedet har nesten 2000 blogginnlegg og bruker rundt 20 plugins. Hvis vi kan få full score, er det svært mulig for nettsteder med færre antall innlegg og plugins.

5 faktorer for å få 100/100 poengsum i Google PageSpeed

Nedenfor er de fem viktigste faktorene vi vil diskutere i detaljer som vi anser er viktige for å få 100/100 poengsum i Google PageSpeed.

  1. Få et godt vertsselskap
  2. Ingen reklamekoder
  3. Bruk Lightweight Theme
  4. Fjern Heavy Plugins
  5. Bruk hurtigbuffer -plugin

Noen andre faktorer som DB -opprydding og CDN kan også hjelpe avhengig av situasjonen din. Vi vil også dekke disse aspektene.

1 God hosting

Vi startet dette nettstedet på Weebly og flyttet til WordPress med Bluehost. Senere flyttet vi nettstedet til SiteGround GoGeek -plan og deretter til SiteGround Cloud VPS i mai 2016. Fra den tiden var det ingen vei tilbake eller bruke tid på hostingrelaterte problemer.

Nylig flyttet SiteGround infrastrukturen til å bruke Google Cloud -plattformen. Dette hjelper mye med å ha solid første responstid fra serveren. Vi bruker ikke engang Cloudflare eller andre CDN for å få 100/100 poengsum i Google PageSpeed. Det handler om den gode hosting du bruker for nettstedet ditt. Sørg derfor for å kjøpe en premium hostingplan som SiteGround Cloud VPS eller lignende. Dette vil spare mye tid og fokusere på andre aspekter ved å drive et nettsted.

2 Ingen annonsekoder

Nesten 90% av bloggerne begynner å blogge for å tjene penger på nettet. Det første valget for dem er å søke om Google AdSense, og det andre valget er å prøve affiliate marketing. Siden affiliate marketing trenger et pålitelig nettsted, er Google AdSense et ideelt alternativ for nye bloggere.

Vi bruker Google AdSense, og det er vår viktigste inntektskilde for å drive dette nettstedet. Vi har forklart problemene med AdSense og sidehastighet i artikkelen vår – AdSense mot sidehastighet og ironi. Siden vi har testet i PageSpeed ​​er hjemmesiden til dette nettstedet. Grunnen til at vi får 100/100 poengsum er at vi ikke bruker AdSense -kode på hjemmesiden. Imidlertid er det automatiske annonser tilgjengelig på hele nettstedet. Da vi sjekket siden etter å ha kontrollert PageSpeed ​​-poengsummen, fant vi ut at det var en annonse nederst på siden. Siden lastes inn raskere med en enkelt annonse som vises nederst.

La oss vise deg resultatet av en tilfeldig side med 5 AdSense -annonser på dette nettstedet. Som du kan se, er poengsummen i området 55/90. Dette er en nedgang på 45/10% på mobil og stasjonær datamaskin.

Hvordan får du 100/100 poengsum i Google PageSpeed ​​Insights for WordPress -nettstedet?

Mobilhastighet på tilfeldig side

Hvordan får du 100/100 poengsum i Google PageSpeed ​​Insights for WordPress -nettstedet?

Skrivebordshastighet på tilfeldig side

Hvis du velger å bruke AdSense eller lignende annonseringsprogrammer, må du glemme sidehastigheten. Google PageSpeed ​​vil vise deg mange problemer på grunn av lasting av tredjepartsskript på nettstedet ditt. Dessverre vil du ikke kunne løse disse problemene uten å fjerne reklameskriptkoden.

Hvordan får du 100/100 poengsum i Google PageSpeed ​​Insights for WordPress -nettstedet?

AdSense påvirker hastigheten

3 Bruk Lightweight Theme

Vi brukte Highend -temaet i 4 år. Dette er et veldig godt tema med medfølgende funksjoner. Dessverre brukte vi ikke 90% av funksjonene som kart, vanlige spørsmål, attester osv. Imidlertid laster temaet inn CSS- og JS -ressurser som trengs for alle disse funksjonene, uansett om du bruker på siden eller ikke. Dette er meningsløst som å eie et stort palass, men fortsatt bo i en liten hytte utenfor palasset.

Dessverre var det ikke lett å bytte tema på grunn av den tette integreringen av Highend -temaet over hele nettstedet. For eksempel har Highend -temaet et alternativ for å integrere Google Analytics ved hjelp av temaalternativer. Så vi har brukt mye tid på å finne et erstatningstema som er minimalt, men som tilbyr grunnfunksjoner uten plugins.

Heldigvis oppfylte svært få temaer kriteriene våre. For å være presis valgte vi GeneratePress og Astra temaer og bestemte oss senere for å kjøpe GeneratePress. Etter seks måneders migreringsarbeid endret vi temaet i juni 2020, og PageSpeed ​​-poengsummen økte med minst 30% (med AdSense -annonser).

Det var fem tidligere år tapt ved å velge feil tema som vi ikke trengte. Sørg for ikke å gjøre den samme feilen, og kjøp et premium og minimalistisk tema som tilfredsstiller ditt behov. GeneratePress -temaet tilbyr kroker ved hjelp av elementer, seksjoner, typografi og andre grunnleggende funksjoner som vi trenger. For andre formål, bedre å bruke plugins, slik at vi ikke trenger å kaste bort ytterligere fem år senere for å endre dette temaet.

4 Fjern Heavy Plugins

I likhet med temaet er det tunge plugins som trekker sidehastigheten nedover. Tidligere brukte vi WPBakery Page Builder, WooCommerce og WP Review -plugins på dette nettstedet. Nå har vi flyttet alle disse pluginene sammen med Highend -temaet til en underkatalog. Dette forårsaket store trafikktap for oss sammen med Google -algoritmeoppdateringer i mai 2020. Vi må imidlertid gå videre med ~ 30% økning i hastigheten.

Hvis du bruker eller planlegger å finne en sidebygger eller lignende plugins, stopp og tenk deg om to ganger.

  • Vi konverterte WPBakery Page Builder -oppsettet og bruker standard Gutenberg til å bygge hjemmesiden vår. Selv GeneratePress tilbyr Elementor -oppsett og sin egen minisidebygger, men du kan sikkert lage anstendig oppsett med full bredde jumbotron og heltoverskrifter ved hjelp av Gutenberg Group -blokken.
  • Unngå oppblåste plugins som WP Review – den bruker fremdeles fantastisk 4.7 font for prisen på $ 97 (3 nettsteders lisens). Dette er absolutt latterlig ved å laste inn 4,7 versjon på hver enkelt side når versjon 6 er i lansering. Husk, vi snakker om 2000 sider, hvorav bare 70 sider bruker en gjennomgangsmal fra pluginet. Dette er en slags bytte du bør tenke på før du installerer en plugin på nettstedet ditt.
  • WooCommerce er en annen plugin som vil drepe nettstedet ditt ved å legge til admin AJAX -anrop for handlekurven. Igjen, 50 produkter mot 2000 innlegg er ikke en god måte å holde dem sammen både fra trafikk- og inntektsperspektiv.

Dette er vanskelige måter å lære på, det tok flere år før vi forsto. Håper du kan forstå poenget og bare bruke nødvendige plugins på nettstedet ditt.

5 Bruk Caching Plugin

Vi bruker WP Rocket i mer enn et år. Den beste delen av pluginet er at det genererer kritisk CSS for hver innleggstype på nettstedet ditt. Sammen med bufring og forhåndsinnlasting vil kritisk CSS øke nettstedets hastighet til toppen. Vær oppmerksom på at vi også brukte WP Rocket on Highend -temaet med WooCommerce og andre plugger for tung vekt som forklart ovenfor. Resultatet var imidlertid 30/60 i Google PageSpeed.

Så funnet er – hurtigbuffer -plugin gjør det beste med det beste kodede temaet/plugins. Ellers vil du ha feil kombinasjon uten mye økning i hastigheten. Vær oppmerksom på at SiteGround tilbyr standard serverbuffer med SG Optimizer -plugin. Dette fungerer imidlertid ikke for oss selv med et enkelt GeneratePress -tema. Siden vi ønsker å holde hurtigbufringen uavhengig av hosting, var WP Rocket eller lignende plugin det beste alternativet for oss. Nedenfor ser du hurtigbufringen og andre funksjoner du får med WP Rocket:

  • Bufring av nettleser, GZIP -komprimering, fjern søkestreng og optimaliser Google -fonter.
  • Deaktiver innebygd, emoji og kontroll hjerterytme -API.
  • Kritisk CSS -generasjon for hver innleggstype med forhåndsinnlasting av nettadresser basert på XML -nettstedskartet ditt.
  • Vert jQuery Migrate, Google Analytics og Facebook Pixels for å forbedre hastigheten.
  • Kombiner og minify CSS og JS.
  • Opprydding av redundante oppføringer i databasen som transienter, revisjoner og automatisk lagring.
  • Lat laste inn bilder, videoer og rammer.
  • Separat hurtigbuffer for mobil og stasjonær datamaskin, hvis du trenger det.

Du kan også kjøpe CDN og bruke plugin for bildeoptimalisering mot ekstra kostnad (vi bruker ikke disse funksjonene).

Andre faktorer

Vel, over hele internett finner du ordet "CDN" når du snakker om WordPress -nettstedets hastighet. SiteGround tilbyr også gratis CDN -integrasjon med Cloudflare. Med mindre du har målgruppe i internettblokkerte land som Kina, tror vi ikke CDN faktisk kan øke hastigheten drastisk. For et nettsted som vårt vil det hjelpe å tjene statiske filer som store bilder raskere. SiteGround introduserte imidlertid Site Tools (erstatter cPanel) som automatisk genererer WebP -bilder ved hjelp av deres SG Optimizer -plugin. Vi bruker fortsatt ikke denne funksjonen, kan du bruke hvilken som helst WebP -plugin for å vise lette bilder til støttede nettlesere, i stedet for PNG/JPEG -format.

En annen faktor er å rydde opp i databasen og nettstedet. Som nevnt tilbyr WP Rocket DB -oppryddingsalternativ som du kan planlegge med jevne mellomrom. Det er imidlertid ikke oppryddingen vi snakker om her.

  • Vet du at WooCommerce -plugin vil legge til 25+ tabeller i databasen din? Som vi forklarte her, vil standard WordPress -installasjon bare ha 12 tabeller for et enkelt nettsted. Vi brukte mye tid på å migrere bestillinger, produkter og WooCommerce -filer. Vi må også slette WooCommerce -miniatyrbilder for å rydde opp i lagringsplassen. Lær mer om hvordan du helt sletter WooCommerce fra nettstedet ditt.
  • WP Review Pro -plugin vil legge til ~ 25 egendefinerte felt i hvert enkelt innlegg du oppretter. Alle disse vil oppblåste postmeta bord. Det vil også generere ytterligere 2 miniatyrbilder for hvert bilde du laster opp.
  • WP Bakery og mange andre plugins vil ha CSS, JS og andre ressurser i en egen katalog i opplastingsmappen. Disse skriptene vil bremse nettstedet ditt ved å laste på alle sidene.
  • Highend -temaet vil generere ~ 10 miniatyrbilder (dette vil variere avhengig av bildestørrelse og alternativer) for hvert bilde du laster opp.

Nå som det ganske enkelt å endre temaet til GeneratePress og migrere tunge plugins til underkatalog ikke vil hjelpe å rydde opp i det nåværende rotet. Hvis du endrer tema eller sletter plugins, må du sørge for å slette alle sporene de legger igjen i tabellene wp_postmeta og wp_options. Dette vil bidra til å øke hastigheten på sideinnlasting ved å redusere utførelsestiden for databaser.

Siste ord

Vi har med vilje skrevet denne artikkelen på en måte, hva du IKKE bør gjøre for å få 100/100 poengsum i Google PageSpeed ​​Insights -verktøyet. Dette er for de bloggerne som er midt i bloggen og prøver å forbedre hastigheten. Men hvis du er en ny blogger, bør det gi deg en klar ide om effekten av å velge alternativer som AdSense og tunge temaer med sidebyggere. Som et populært ordtak sier: "Enkelhet er en ultimat raffinement", vil det å velge det du trenger, hjelpe deg med å få høy score og spare mye tid.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon