TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur får jag 100/100 poäng i Google PageSpeed ​​Insights för WordPress -webbplats?

6

Google nyligen tillkännagav sidupplevelse skulle vara en av de faktorer i algoritmen som kommer att påverka sökrankade positioner. Den nya termen Core Web Vitals som du ser i Google Search Console blir viktiga faktorer som skulle definiera webbens framtid. Detta tvingar alla webbansvariga att se till att webbplatsens laddningshastighet är som Google kräver för att få bra ranking i sökresultaten. Om du använder WordPress för att vara värd för din webbplats är det faktiskt enkelt att få 100/100 poäng i Google PageSpeed ​​Insights -verktyget.

Detta är en fallstudie med vår egen erfarenhet. Därför nämner vi uttryckligen plugins / teman / värdföretagsnamn. Viktigare är att det inte alltid är nödvändigt att titta på PageSpeed ​​-poängen om du har en klar överblick över vad du gör. Till exempel kan du använda betalda annonser eller social marknadsföring för att marknadsföra din webbplats som har dålig sidhastighetspoäng. Därför är sammanhanget i denna artikel tillämpligt för bloggare som vill få högre hastighetspoäng, vilket ökar chansen till högre sökmotorrankning och bättre användarupplevelse.

Google PageSpeed ​​Insights

Det finns få verktyg; du kan använda för att övervaka hastigheten på WordPress -webbplatsen. Google PageSpeed ​​Insights, Pingdom, GTmetrix och WebPage Test är några av de mest använda verktygen i listan. Eftersom Googles sökresultat bestämmer trafiken på många webbplatser är det bra att använda PageSpeed ​​Insights -verktyget som referens.

Du kan gå till PageSpeed ​​-verktyget och ange valfri sidadress för att få hastighetspoängen. Det finns många faktorer som påverkar poängen som du kan läsa från den officiella Google -utvecklarens webbplats. Nedan följer en sammanfattning av faktorer som väger på poängen du ser.

Faktor Viktning
Första innehållsrika färg 15%
Hastighetsindex 15%
Största innehållsrika färg 25%
Dags att interaktiv 15%
Total blockeringstid 25%
Kumulativ layoutskift 5%

Efter analys av webbsidan kommer Google att ge en poäng baserad på 100 poängs skala. Nedan visas de tre områdena för att ange hastighetspositionen för den analyserade sidan.

  • 0-49: Dåligt
  • 50-79: Behöver förbättring
  • 80-100: Bra

Därför indikerar 100/100 poäng i Google PageSpeed ​​att din webbplats laddas supersnabbt, uppenbarligen kommer Google och användare att älska att snabbt ladda webbplatser. Du kan kolla in Lighthouse -poängkalkylatorn för att kontrollera olika parametrar som krävs för att förbättra hastigheten dynamiskt.

Kom ihåg att förutom de ovan nämnda faktorerna kommer Google också att föreslå möjligheter som att ta bort oanvända skript eller ta bort oanvänd CSS. Detta är dock rekommendationer och kommer INTE att påverka din poäng, även om du arbetar hårt för att få dem att klara granskningen. Vi gör detta tydligt eftersom många bloggare tror att borttagning av jQuery hjälper till att få högre poäng.

Vår webbplats poäng och storlek

Innan vi förklarar hur man får 100/100 vill vi visa poängen på vår hemsida. Som du kan se får vi 100 för både mobil och stationär dator.

Hur får jag 100/100 poäng i Google PageSpeed ​​Insights för WordPress -webbplats?

Poäng för hemsida

Kom ihåg att vi pratar om att den här live -webbplatsen har nästan 2000 blogginlägg och använder cirka 20 plugins. Om vi ​​kan få full poäng är det mycket möjligt för webbplatser med färre antal inlägg och plugins.

5 faktorer för att få 100/100 poäng i Google PageSpeed

Nedan är de fem viktigaste faktorerna som vi kommer att diskutera i detaljer som vi anser är viktiga för att få 100/100 poäng i Google PageSpeed.

  1. Skaffa ett bra värdföretag
  2. Inga annonskoder
  3. Använd Lightweight Theme
  4. Ta bort tunga plugins
  5. Använd Caching Plugin

Några andra faktorer som DB -upprensning och CDN kan också hjälpa beroende på din situation. Vi kommer också att täcka dessa aspekter.

1 Bra värd

Vi startade den här webbplatsen på Weebly och flyttade till WordPress med Bluehost. Senare flyttade vi webbplatsen till SiteGround GoGeek -plan och sedan till SiteGround Cloud VPS i maj 2016. Från den tiden fanns det ingen återvändo eller ägna tid åt värdrelaterade frågor.

Nyligen flyttade SiteGround sin infrastruktur för att använda Google Cloud -plattformen. Detta hjälper mycket att ha en solid första svarstid från servern. Vi använder inte ens Cloudflare eller någon annan CDN för att få 100/100 poäng i Google PageSpeed. Det handlar om det bra värd du använder för din webbplats. Se därför till att köpa en premiumhotell som SiteGround Cloud VPS eller liknande. Detta hjälper dig att spara mycket tid och fokusera på andra aspekter av att driva en webbplats.

2 Inga annonskoder

Nästan 90% av bloggarna börjar blogga för att tjäna pengar online. Det första valet för dem är att ansöka om Google AdSense och det andra valet är att prova affiliate marketing. Eftersom affiliate -marknadsföring behöver en pålitlig webbplats är Google AdSense ett idealiskt alternativ för nya bloggare.

Vi använder Google AdSense och det är vår främsta inkomstkälla för att driva denna webbplats. Vi har förklarat problemen med AdSense och sidhastighet i vår artikel – AdSense mot sidhastighet och ironi. Sidan vi har testat i PageSpeed ​​är hemsidan för denna webbplats. Anledningen till att vi får 100/100 poäng är att vi inte använder AdSense -kod på hemsidan. Det finns dock automatiska annonser på hela webbplatsen. När vi kontrollerade sidan efter att ha kontrollerat PageSpeed ​​-poängen, fann vi att det fanns en annons längst ner på sidan. Sidan laddas snabbare med en enda annons som visas längst ner.

Låt oss visa dig resultatet av en slumpmässig sida med 5 AdSense -annonser på den här webbplatsen. Som du kan se ligger poängen i intervallet 55/90. Detta är en minskning med 45/10% på mobil och stationär dator.

Hur får jag 100/100 poäng i Google PageSpeed ​​Insights för WordPress -webbplats?

Mobilhastighet på slumpmässig sida

Hur får jag 100/100 poäng i Google PageSpeed ​​Insights för WordPress -webbplats?

Skrivbordshastighet för slumpmässig sida

Om du väljer att använda AdSense eller liknande reklamprogram, glöm sedan sidhastigheten. Google PageSpeed ​​kommer att visa dig många problem på grund av att man läser in skript från tredje part på din webbplats. Tyvärr kommer du inte att kunna lösa dessa problem utan att ta bort reklamskriptkoden.

Hur får jag 100/100 poäng i Google PageSpeed ​​Insights för WordPress -webbplats?

AdSense påverkar hastigheten

3 Använd Lightweight Theme

Vi använde Highend -temat i 4 år. Detta är ett mycket bra tema med medföljande funktioner. Tyvärr använde vi inte 90% av funktionerna som kartor, vanliga frågor, vittnesmål, etc. Temat laddar dock CSS- och JS -resurser som behövs för alla dessa funktioner oavsett om du använder på sidan eller inte. Detta är meningslöst som att äga ett stort palats men fortfarande bor i en liten koja utanför palatset.

Tyvärr var det inte lätt att byta tema på grund av den strama integrationen av Highend -temat över hela webbplatsen. Till exempel har Highend -temat ett alternativ för att integrera Google Analytics med hjälp av temalternativ. Så vi har ägnat mycket tid åt att hitta ett ersättningstema som är minimal till sin natur men erbjuder basfunktioner utan plugins.

Lyckligtvis uppfyllde väldigt få teman våra kriterier. För att vara exakt valde vi temat GeneratePress och Astra och beslutade senare att köpa GeneratePress. Efter sex månaders migrationsarbete ändrade vi temat i juni 2020 och PageSpeed ​​-poängen ökade med minst 30% (med AdSense -annonser).

Det var fem tidigare år som gick förlorade genom att välja fel tema som vi inte behövde. Se till att inte göra samma misstag och köp ett premium- och minimalistiskt tema som uppfyller dina behov. GeneratePress -temat erbjuder krokar med element, sektioner, typografi och andra grundläggande funktioner som vi behöver. För andra ändamål är det bättre att använda plugins så att vi inte behöver slösa ytterligare fem år senare för att ändra detta tema.

4 Ta bort tunga plugins

I likhet med temat finns det tunga plugins som drar sidhastigheten nedåt. Tidigare använde vi WPBakery Page Builder, WooCommerce och WP Review plugins på den här webbplatsen. Nu har vi flyttat alla dessa plugins tillsammans med Highend -temat till en underkatalog. Detta orsakade stora trafikförluster för oss tillsammans med Googles algoritmuppdateringar i maj 2020. Vi måste dock gå vidare med ~ 30% högre hastighet.

Om du använder eller planerar att hitta en sidbyggare eller liknande plugins, stanna upp och tänk efter två gånger.

  • Vi konverterade WPBakery Page Builder -layouten och använder standard Gutenberg för att bygga vår hemsida. Även GeneratePress erbjuder Elementor -layouter och en egen mini -sidbyggare, men du kan säkert göra anständiga layouter med fullbreddsjumbotron och hjältehuvuden med Gutenberg Group -block.
  • Undvik uppblåsta plugins som WP Review – det använder fortfarande fantastiska typsnitt 4,7 för priset av $ 97 (3 webbplatsers licens). Detta är absolut löjligt genom att ladda 4,7 -versionen på varje enskild sida när version 6 lanseras. Kom ihåg att vi pratar om 2000 sidor varav endast 70 sidor använder granskningsmall från pluginet. Detta är en slags avvägning du bör tänka på innan du installerar ett plugin på din webbplats.
  • WooCommerce är ett annat plugin som kommer att döda din webbplats genom att lägga till admin AJAX -samtal för vagnen. Återigen är 50 produkter mot 2000 inlägg inte ett bra sätt att hålla dem ihop både ur trafik- och intäktsperspektiv.

Det här är svåra sätt att lära sig, det tog flera år innan vi förstod det. Hoppas att du kan förstå poängen och bara använda nödvändiga plugins på din webbplats.

5 Använd Caching Plugin

Vi använder WP Rocket i mer än ett år. Den bästa delen av pluginet är att det genererar kritisk CSS för varje inläggstyp på din webbplats. Tillsammans med cachning och förladdning kommer kritisk CSS att öka webbplatsens hastighet till toppen. Observera, vi använde också WP Rocket on Highend -tema med WooCommerce och andra tunga plugins som förklaras ovan. Resultatet blev dock 30/60 i Google PageSpeed.

Så, fyndet är – caching plugin gör det bästa med det bästa kodade temat/plugins. Annars kommer du att ha fel kombination utan mycket hastighetsökning. Observera, SiteGround erbjuder standardservercachning med SG Optimizer -plugin. Detta fungerar dock inte för oss även med ett enkelt GeneratePress -tema. Eftersom vi vill hålla cacheminnet oberoende av värd, var WP Rocket eller liknande plugin det bästa alternativet för oss. Nedan finns cacheminnet och andra funktioner du får med WP Rocket:

  • Cachning av webbläsare, GZIP -komprimering, ta bort frågesträng och optimera Googles teckensnitt.
  • Inaktivera inbäddningar, emoji och styr hjärtslag -API.
  • Kritisk CSS -generation för varje inläggstyp med förladdning av webbadresser baserat på din XML -webbplatskarta.
  • Värd jQuery Migrate, Google Analytics och Facebook Pixels för att förbättra hastigheten.
  • Kombinera och minifiera CSS och JS.
  • Rengöringsdatabasen redundanta poster som transienter, revisioner och autosave.
  • Lat ladda bilder, videor och ramar.
  • Separat cache för mobil och stationär dator om du behöver.

Du kan också köpa CDN och använda plugin för bildoptimering mot extra kostnad (vi använder inte dessa funktioner).

Andra faktorer

Tja, över hela internet hittar du ordet "CDN" när du pratar om WordPress -webbplatshastighet. SiteGround erbjuder också gratis CDN -integration med Cloudflare. Om du inte har riktat målgrupp i internetblockerade länder som Kina tror vi inte att CDN faktiskt kan öka hastigheten drastiskt. För en webbplats som vår kommer det att hjälpa till att visa statiska filer som stora bilder snabbare. SiteGround introducerade dock Site Tools (ersätter cPanel) som automatiskt genererar WebP -bilder med deras SG Optimizer -plugin. Vi använder fortfarande inte denna funktion kan du använda valfri WebP -plugin för att visa lätta bilder till webbläsare som stöds, istället för PNG/JPEG -format.

En annan faktor är att städa upp din databas och webbplats. Som nämnts erbjuder WP Rocket DB -rengöringsalternativ som du kan schemalägga regelbundet. Det är dock inte den sanering vi pratar om här.

  • Vet du att WooCommerce -tillägget kommer att lägga till 25+ tabeller i din databas? Som vi förklarade här kommer standard WordPress -installation bara att ha 12 tabeller för en enda webbplats. Vi ägnade mycket tid åt att migrera order, produkter och WooCommerce -filer. Vi måste också ta bort WooCommerce -miniatyrbilder för att rensa lagringsutrymmet. Läs mer om hur du helt tar bort WooCommerce från din webbplats.
  • WP Review Pro -plugin kommer att lägga till ~ 25 anpassade fält till varje enskilt inlägg du skapar. Alla dessa kommer att svälla upp postmetatabellen. Det kommer också att generera ytterligare två miniatyrbilder för varje bild du laddar upp.
  • WP Bakery och många andra insticksprogram kommer att ha CSS, JS och andra resurser i en separat katalog i uppladdningsmappen. Dessa skript kommer att sakta ner din webbplats genom att ladda på alla sidor.
  • Highend -tema genererar ~ 10 miniatyrbilder (detta varierar beroende på bildstorlek och alternativ) för varje bild du laddar upp.

Nu att helt enkelt byta tema till GeneratePress och migrera tunga plugins till underkatalog kommer inte på något sätt att hjälpa till att städa upp den nuvarande röra. Om du ändrar tema eller tar bort plugins, se till att ta bort alla spår de lämnar i wp_postmeta och wp_options tabeller. Detta kommer att bidra till att öka hastigheten för sidladdning genom att minska körtiden för databasfrågor.

Slutliga ord

Vi har avsiktligt skrivit denna artikel på ett sätt, vad man INTE ska göra för att få 100/100 poäng i Google PageSpeed ​​Insights -verktyget. Detta är för de bloggare som är mitt i bloggen och försöker förbättra hastigheten. Men om du är en ny bloggare bör det ge dig en klar uppfattning om effekten av att välja alternativ som AdSense och tunga teman med sidbyggare. Som ett populärt ordspråk säger, "Enkelhet är en ultimat sofistikering", att välja vad du behöver hjälper dig att få höga poäng och spara mycket tid.

Inspelningskälla: www.webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer