Hur jag optimerade min långsamma WordPress-webbplats för att ladda i <1s med 100% GTmetrix-poäng: 36+ WordPress-hastighetsoptimeringstips för 2020

Långsam WordPress-webbplats?


Jag visar dig hur du tar din GTmetrix-, Pingdom- och PageSpeed ​​Insights-rapport och använder dem för att göra WordPress-specifika optimeringar som förbättrar betyg / belastningstider. Jag har redan skrivit populära självstudier för WP-raket, höga CPU-plugins att undvika och bildoptimering. Den här guiden kombinerar allt jag har gjort för att få 100% poäng på min hemsida samt andra sidor och inlägg. Till och med detta inlägg kan laddas in <2s och den har 172 förfrågningar, 5,78 MB storlek och 400 kommentarer.

Contents

Innehållsförteckning

1. GTmetrix vs. Pingdom vs. PageSpeed
2. Undvik EIG-värd
3. SiteGround Hosting*
4. Uppgradera till PHP 7.3
5. Cache-plugin
6. Ren databas
7. Hjärtslagskontroll
8. Lazy Load Videos
9. Google-teckensnitt
10. Google Analytics
11. Cloudflare-installation
12. Cloudflare-inställningar
13. CDN*
14. Servera skalade bilder
15. Ange bilddimensioner
16. Komprimera bilder utan problem
17. Externa resurser
18. Ta bort bloat
19. Minimera plugins
20. Hög CPU-plugins21. Lätta plugins
22. Inaktivera plugins selektivt
23. Blockera dåliga bots
24. Undvik AMP
25. Gravatars
26. WooCommerce
27. Lägg till SSL
28. Begränsa efter revisioner
29. Inaktivera Pingbacks + Trackbacks
30. Kontrollera AWStats för hög CPU
31. Uppskjuta analys av Javascript
32. Lägg till utgångsrubriker
33. Ta bort frågesträngar
34. Minimera omdirigeringar
35. Lätt tema*
36. Övervaka serverresurser
37. Uppdatera WordPress
38. Hitta långsamma sidor
39 Cloudways Hosting*
40. Anställ min WordPress Speed ​​Optimizer*

Hosting och cache-plugin – dessa är de två största faktorerna i WordPress optimeringsguide. jag använder Siteground vem är också används av Yoast och rankade nr 1 i flera Facebook-enkäter. För caching använder jag WP Rocket som också var nummer 1 i Facebook-undersökningar och kommer med fler funktioner än andra cache-plugins (minskar antalet plugins på din webbplats). SiteGround är $ 3,95 – $ 11,95 / månad och WP Rocket är $ 49 / år, men är mestadels vad jag bidrar mina belastningstider till.

Se min video – Det är en 42 minuters video, men jag täcker stort sett allt (tidsstämplar i videobeskrivning) och du kommer att lära dig massor av användbar information om hur du fixar din långsamma WordPress-webbplats:

1. GTmetrix vs. Pingdom mot Google PageSpeed ​​Insights

GTmetrix har de mest robusta rekommendationerna, som bilder som ska optimeras på fliken Sidhastighet (steg 14-16) och med ett CDN på fliken YSlow (steg 11). Det är också bra att hitta plugins med långsam laddning om det tar lång tid att ladda på fliken Vattenfall eller om de visas flera gånger i din huvudrapport. Du kan också visa din tid till första byte på fliken Tidtagningar.

Min GTmetrix-rapport:

2019-GTmetrix-Report

Pingdom är mest exakta verktyg för att mäta belastningstider enligt WP Rocket, och belastningstider är den primära metriken du bör mäta (inte betyg), men det finns en korrelation.

Min Pingdom-rapport:

2019-Pingdom-Report

Google PageSpeed ​​Insights är bara bra för en sak – kontrollera server svarstider vilket Google rekommenderar bör vara <200ms. Annars är det ganska värdelöst och det finns det många artiklar det förklarar varför. Du kan förbättra serverns svarstider genom att uppgradera planer med din nuvarande värd för att inkludera mer serverresurser eller byt till snabbare värd från Siteground, DigitalOcean på Cloudways, eller Kinsta som i allmänhet är de bästa 3 värdarna i sin klass (gå med i WordPress Hosting Facebook Group för att få opartiska åsikter eller titta på Facebook-omröstningarna).

Minska responstiden för servern

2. Undvik EIG-värd

Samma företag (EIG) äger Bluehost, HostGator, iPage, Site5, Unified Layer och över 60 olika värdföretag. De är kända för att sänka kostnaderna genom att packa för många människor på samma server (stressa ut det) och ha hemska recensioner på grund av det. Många webbplatser som värdes av EIG har höga responstider, och jag skulle undvika att använda dessa företag till varje pris.

List-Of-EIG-Brands

Detta är välkänt i Facebook-grupper.

EIG-Facebook-Post

3. SiteGround (nr 1 värd i Facebook-undersökningar)

Siteground är används av Yoast, själv, och rekommenderas av WordPress. De är nummer 1 i nästan varje undersökning på Facebook och ger de flesta betydande förbättringar av lasttid särskilt om de använde mediokra värdar: GoDaddy, Bluehost, HostGator, InMotion, Dreamhost, EIG.

Yoast-on-Twitter-We-bara kopplade till Siteground

Jag använder deras semi-dedikerad GoGeek-plan som kommer med 4x fler serverresurser än delad hosting. Klicka genom mina sidor för att se hur snabbt de laddas, kolla in min GTmetrix-rapport eller se personer som migrerade och publicerat nya belastningstider. Det gör de också gratis migrationer.

DigitalOcean på Cloudways och Kinsta är också bra och börjar på $ 10 / månad och $ 30 / month. Cloudways är mer för utvecklare som inte behöver cPanel, e-posthotell eller det stöd du får med SiteGround. Kinsta är egentligen vad WP Engine brukade vara (dyr, men fantastisk). Hela min blogg är i grund och botten dedikerad till att hjälpa människor att få sin webbplats att ladda snabbare. Jag vägrar att rekommendera $ 2 / månad värd eftersom det är de flesta största ånger när du kör en webbplats.

2019 värdeförfrågan

2017-Wordpress-värd-FB-Poll

Rekommendationer för Elementor Hosting

Juli 2019 värdrekommendation

Wordpress-Host-Poll-Aug-2018

Delad hosting-Poll-2017

2019-värd-Poll

Go-To-Hosting-Company

Wordpress-värd-Poll-2017

Managed-Hosting-Poll

WooCommerce-Hosting-FB-Poll

2016-Web-Hosting-Poll

Bäst-Wordpress-värd-Provider-Poll

Bäst Webbhotell-2019-Poll

WP Friendly Hosting Poll

2016-Wordpress-värd-FB-Poll

Favorithotell för Elementor

Rekommendationer för värd för 2018

WordPress Hosting Poll september 2018.png

Managed-Wordpress-värd-Poll-2017

2019-Hosts-Poll-1

Värd-Poll-For-hastighet

Wordpress-värd-Poll-juni-1

Siteground-rekommendation

2014 förvaltade-Wordpress-värd-FB-Poll

Bäst Webbhotell-Provider-Poll

Värd-Poll-Feb-2019

Hosting-Rekommendationer-Poll

Bluehost vs SiteGround

Utvärdering av WordPress webbhotell

De rekommenderas av WordPress:

Siteground-Rekommenderat-Wordpress-värd

Vad andra säger:

Godaddy till SiteGround Migration

EIG-To-Siteground

Siteground-Migration

SiteGround har 3 planer:

SiteGround WordPress Hosting

Högre planer inkluderar fler serverresurser (faktor 1 i WordPress optimeringsguide). Här är komplett jämförelse diagram, men GrowBig ger dig cirka 2x fler serverresurser än StartUp, och GoGeek är det semi-dedikerad värd vilket ger dig ännu mer. GrowBig och uppåt har gratis migrering, iscensättning, avancerad caching och förmåga att vara värd för flera webbplatser. GoGeek kommer med prioriterat stöd. Deras molnvärd är ett prishopp på $ 80 / månad.

Du kan se detta på deras funktioner sida:

Siteground-serverresurser-Jämförelse

Människor migrerar vanligtvis eftersom deras hastighetsteknologi kan skära belastningstider i halva:

Byt till SiteGround

SiteGround Load Time Migration

Bluehost till SiteGround GTmetrix

HostGator till SiteGround

SiteGround GTmetrix

SiteGround Google PageSpeed ​​Insights

100 perfekt poäng på SiteGround

SiteGround Genesis

Hastighet levererad av SiteGround

SiteGround GTmetrix-rapport

Minskade belastningstider med SiteGround

Nya svarstider för SiteGround

HostGator till SiteGround-migrering

SiteGround-svarstider på Joomla

Bytta till SiteGround Hosting

SiteGround Rocket Imagify Combo

Joomla GTmetrix On SiteGround

SiteGround PageSpeed ​​Insights

SiteGround On Joomla

Minskade belastningstider för SiteGround

SiteGround Speedy Hosting

Nya Pingdom-resultat på SiteGround

Ny SiteGround-responstid

SiteGround-svarstidsförbättring

Få värd från SiteGround

4. Uppgradera till PHP 7+

uppgradering PHP-versioner är så enkelt och kan göra din webbplats 2-3x snabbare.

WordPress PHP-riktmärken

Så varför göra det? de flesta WordPress-användare kör föråldrade PHP-versioner?

Wordpress-PHP-Version-Stats

För även om de flesta värdar stöder det:

Stöds-PHP-versioner

Ditt webbhotell kommer att göra det inte uppgraderar dig automatiskt till den senaste versionen av PHP eftersom ditt tema / plugins kanske inte är kompatibla (och de vill inte bryta din webbplats). Detta innebär att du måste göra det själv eller begära hjälp från din värd. Det betyder också att om du har varit på samma värd i många år och aldrig har gjort det, kommer du antagligen fortfarande att köra PHP 5.

Steg 1: Installera Visa PHP-version plugin för att kontrollera din nuvarande version.

Display-PHP

Steg 2: Springa det PHP-kompatibilitetschecker för att se till att ditt tema / plugins är kompatibla.

PHP-kompatibilitet-Checker

Steg 3: Uppgradera till PHP 7+ genom att leta efter en “PHP Version Manager” i ditt värdkonto:

PHP-version-Manager

Vissa värdar släpper snabbt nya versioner (SiteGround, Cloudways, Kinsta), medan andra inte försöker hålla sig uppdaterade inom tekniken. En annan anledning att undvika EIG och GoDaddy.

PHP-uppgradering

* Kontrollera om det finns synliga fel på din webbplats eftersom inte-underhållna plugins kanske inte är kompatibla. Om du ser fel kan du alltid återgå till en tidigare PHP-version.

5. Cache-plugin

Det finns många cache-plugins där ute, men dessa Facebook-undersökningar är korrekta. Din cache-plugin och värd är två viktiga faktorer, så splurge på WP-raket om du har $ 49 / år (du kan få 10% rabatt om du registrerar dig för deras e-postlista). Annars är WP Fastest Cache och Swift Performance två bra fria val. Jag har använt WP Rocket på min webbplats i cirka tre år.

2016 bästa cache-plugin-enkät

2019 cache plugin poll

Swift vs WP Rocket

2016 cache plugin poll

Bästa enkät för cache-plugins 2018

wp raket vs w3 totla cache

Med de flesta andra cache-plugins måste du installera cirka 7 extra plugins för att få dessa funktioner när WP-raket har dem alla inbyggda, vilket minskar antalet plugins på din webbplats. Om du gillar mig vill du bara använda 1 plugin, annars måste du undersöka vilka funktioner dina cache-plugins kommer med, installera sedan dessa plugins om det inte stöder dem.

  • Databasrensning (inbyggd i WP Rocket, eller användning WP-Optimera)
  • Hjärtslagskontroll (inbyggd i WP Rocket, eller användning Hjärtslagskontroll)
  • Lat ladda bilder / videor (inbyggd i WP Rocket, eller använd WP YouTube Lyte)
  • Värd Google-typsnitt lokalt (inbyggd i WP Rocket, eller använd OMGF, eller SHGF)
  • Värd Google Analytics lokalt (inbyggd i WP Rocket, eller använd CAOS För Analytics)
  • Förhämta DNS-förfrågningar (inbyggd i WP Rocket, eller använd Pre * Party Resource Tips)
  • Integration med Cloudflare + andra CDN: er (inbyggd i WP Rocket, eller användning CDN Enabler)

WP-Rocket-drag

Cache Plugin Guides

  • WP Rocket Guide
  • WP: s snabbaste cacheguide
  • Swift Performance Guide
  • W3 Total Cache Guide
  • WP Super Cache Guide

WP Rocket och WP Fastest Cache är enkla att installera medan de andra är lite mer komplexa.

Vissa värdar gillar Kör pappa och WP-motor svartlista cache-plugins eftersom de har sitt eget inbyggda cachesystem. Använd i så fall Autoptimize för att optimera HTML, CSS och JavaScript. Det har också ett CDN-alternativ. Se min självoptimeringshandledning, annars rekommenderar jag antingen WP Rocket eller Swift om värden inte svarar cache-plugin-listor.

6. Rengör databas

Raderar dina skräppostmappar, trackbacks, pingbacks, databastabeller, transienter, och de potentiellt tusentals postrevisioner och postutkast som har samlats övertid som WordPress lagrar automatiskt. Det här är skräpfiler och sakta ner din webbplats. Jag rekommenderar att du planerar WP Rocket eller WP Optimera att ta bort dessa varje vecka eller så. Du borde ha det bra, men ta en säkerhetskopia av din webbplats om det är första gången du rengör din databas!

Om du använder WP Rocket, kör (och schemalägg) detta i databasinställningarna:

WP-raket-databas Inställningar

Om du inte använder WP Rocket, använd gratis WP-Optimera plugin:

WP-optimera ren databas

7. Hjärtslagskontroll

De WordPress hjärtslag API förbrukar serverresurser genom att visa realtidsprogrammeddelanden och att andra användare redigerar ett inlägg. Eftersom detta kan generera en begäran var 15-30 sekunder, är det bäst att du inaktiverar detta antingen i WP Rocket eller Heartbeat Control-plugin.

Om du använder WP Rocket, avaktivera detta i Heartbeat-inställningarna:

WP-raket-Heartbeat-Control

Om du inte använder WP Rocket, använd Hjärtslagskontroll plugin:

Heartbeat-Control-Plugin

8. Lazy Load Videos

Försenar inläsningen av videor tills du bläddrar ner på sidan och de blir synliga. Jag kunde minska belastningstiden för flera inlägg med ungefär 6s bara genom att aktivera detta (eftersom videor är ett tungt element). Du kan göra detta med foton också men den ständiga belastningen kan vara irriterande så jag har inaktiverat det. Om du inte använder WP Rocket, WP YouTube Lyte-plugin har bra recensioner.

Om du använder WP Rocket, aktivera lat belastning i inställningarna “Media”:

WP-raket-Lazy-Load

Ersätt YouTube Iframe med förhandsvisningsbild – detta laddar bara videor när människor klickar på uppspelningsknappen, vilket kan raka flera sekunder av innehållet med videor. Du kan göra denna WP-raket eller följa detta lätt YouTube-inbäddat handledning. Du kommer i princip att klistra in en kod i din webbmall, klistra in lite mer kod i din CSS och sedan bädda in varje video med en “div” -kod.

Se hur videon inte laddas förrän du klickar på uppspelningsknappen?

9. Google-teckensnitt

Om du använder Google-teckensnitt ser du förmodligen dessa fel i GTmetrix:

Google-fonts-GTmetrix

Detta innebär att du måste vara värd för dina typsnitt lokalt med ett plugin som OMGF:

CAOS-typsnitt

Eller använd Self-Hosted Google Fonts plugin som automatiskt laddar ner alla Google-teckensnitt du använder, lägger sedan till dem i CSS, utan att behöva konfigurera någonting … det gör det åt dig.

Själv Hosted-Google-fonts-Plugin

Om du föredrar att inte använda ett plugin, ladda ner dina teckensnitt direkt från Google-teckensnitt (endast de teckensnitt / vikter du behöver), använd Transfonter för att konvertera dem till webbteckensnitt, lägg sedan till dem i CSS.

Transfonter-Google-Font-konvertering

10. Google Analytics

Om du använder Google Analytics kan du göra samma sak med din spårningskod.

Leverage-Brower-Caching-Google-Analytics

Om du använder WP Rocket, Google Tracking på fliken Tillägg bör fixa detta:

WP Rocket Local Analytics

Eller använd CAOS för Analytics-plugin:

Caos-Analytics

11. Cloudflare-inställning

CloudFlare är gratis och förbättrar hastighet, säkerhet och skräppost. Deras CDN är värd för dina filer på 200+ datacenter vilket hjälper avlastningsresurser till deras servrar (lättare belastningen på din). Datacentrerna också minska det geografiska avståndet för att ditt innehåll ska resa till besökare. Cloudflare är lätt att installera med WP Rocket (jag listade också alternativa metoder nedan).

Cloudflare-datacenter

Steg 1: Registrera dig för Cloudflare, lägg till din webbplats, sedan kör den en skanning. Du går igenom en uppsättning sidor tills du når en instrumentpanel med din 2 Cloudflare-namnservrar (som du kommer att ändra i ditt värdkonto) och ditt Global API-nyckel att gå in i din cache-plugin …

CloudFlare-namnserver-Dashboard.

Steg 2: Ändra namnservrar i din domänregistrator till de som Cloudflare tilldelade dig:

Siteground-DNS-Records

Steg 3: Ange din Global API-nyckel (finns i din Cloudflare-profil) i din cache-plugin:

Cloudflare Global API Key

WP-raket-CloudFlare-Add-On

Alternativa metoder för att ställa in Cloudflare

Vissa värdar har också ett alternativ att aktivera Cloudflare i sin instrumentpanel:

Siteground-CloudFlare-aktivering

Vitlista Cloudflare-IP: er på ditt värdkonto – du vill inte att din värd ska blockera Cloudflare, så se till att de vitlistar alla Cloudflare-IP: er (du kan behöva dem för att se till).

CloudFlare-IP-Ranges

12. Cloudflare-inställningar

CLoudflare har massor av alternativ, men här är de viktigaste sakerna att göra.

Hastighetsinställningar
Gå till din hastighetsinställningar och kopiera dessa. Kontrollera din webbplats efteråt för fel. Här är mer information om minification, AMP: s verkliga URL, SG Railgun, Brotli, och Rocket Loader om det behövs.

CloudFlare-Speed-Tab

caching

CloudFlare-caching-inställningar

Skrapa sköld
Hotlink-skydd hindrar människor från att använda DINA bilder på deras webbplats – vilket suger upp bandbredden i din värdplan. Gå till Cloudflare’s skrapa skärminställningar och aktivera det.

Cloudflare Hotlink-skydd

Sidregler
CloudFlare säger:

”Vi rekommenderar att du skapar en Sidregeln för att utesluta administrationsavsnittet på din webbplats från Cloudflares prestandafunktioner. Funktioner som Rocket Loader och Auto Minification kan oavsiktligt bryta backendfunktioner i ditt adminavsnitt. “

Gå till Cloudflare’s sida regler inställningar

CloudFlare-page-rules-inställningar

Denna sidregel inaktiverar Cloudflare-prestandafunktioner i WordPress adminpanelen, kringgår cachen och förbättrar säkerheten (precis som Cloudflare rekommenderade att du gör).

Wordpress-Admin-sida-regel

Denna sidregel minskar bandbredden för WP-uppladdningsområdet. Eftersom objekt i din WordPress-uppladdningsfil inte ändras ofta behöver du inte cache dem så ofta, vilket sparar bandbredd.

WP-överföringar-page-regel

brandvägg
Brandväggsregler kan användas för att blockera dåliga bots (steg 24) och förklaras där.

13. CDN (Content Delivery Network)

Detta är rekommenderad i WordPress optimeringsguide:

CDN-Wordpress-rekommendation

jag använder StackPaths CDN, men varför använda ett annat CDN om du redan har Cloudflare? Därför att…

  • StackPath har 31 ytterligare datacenter (mer = snabbare)
  • StackPath använder snabbare SSD-servrar med 10 GB-anslutningar
  • StackPath har instrumentpaneler som ger massor av information om dina cachade filer
  • StackPaths team hjälpte mig att konfigurera mitt CDN och förbättrade min GTmetrix YSlow-poäng med 8%, vilket gjorde “cherry on the cake” för att göra min rapport till 100% perfekt
  • StackPath låter dig skydda ditt konto med en tvåstegs autentiseringsprocess; Du kan vitlista IP-adresserna för personer som har åtkomst till ditt konto

StackPath-data-Centers

Steg 1: Registrera dig för StackPath (de har en 30-dagars rättegång).

Steg 2: Klicka på CDN-fliken i instrumentpanelen skapa en StackPath CDN-webbplats:

StackPath-CDN-Tab

StackPath-CDN-Domain

CDN-URL-StackPath

Steg 3: Klistra in din StackPath CDN URL i WP Rocket, eller använd CDN Enabler:

WP-raket-CDN-inställningar

Steg 4: Gå till CDN → Cache-inställningar i StackPath och klicka sedan på Rensa allt:

StackPath-Purge-Cache

Steg 5: Kör din webbplats i GTmetrix och “innehållsleveransnätverk” bör vara grönt i YSlow.

CDN GTmetrix YSlow

Om du utvidgar objekt i GTmetrix och är relaterade till ditt CDN, kontakta StackPaths support som borde kunna hjälpa dig att fixa dessa. De gjorde detta för mig och har enastående support.

Cookie-fria domäner MaxCDN

GTmetrix YSlow utan StackPath
GTmetrix YSlow utan MaxCDNGTmetrix YSlow With StackPath
GTmetrix YSlow med MaxCDN

Felsökning StackPath

Steg 6: Vitlista StackPaths IP: er i ditt värdkonto (du kan behöva kontakta din värd).

StackPath-IP-adresser

14. Servera skalade bilder

Bilder kan optimeras 20 sätt, men dessa är de viktigaste 3. Du kan köra vilken sida som helst igenom GTmetrix och det kommer att visa alla opimiserade bilder för den sidan. Börja med bilder som visas på flera sidor (logotyp, widget / sidfotbilder) och optimera sedan bilder på dina enskilda sidor.

bildoptimerings

Servera skalade bilder – ändra storlek på stora bilder för att bli mindre. GTmetrix berättar rätt dimensioner. Klicka bara på bilden i GTmetrix, ändra storleken på de nya dimensionerna och ersätt den.

Servera skalade bilder

Skapa ett fuskark så att du kan använda rätt dimensioner innan ladda upp dina bilder:

  • Sliderbilder: 1903 (w) x 400 (h)
  • Karusellbilder: 115 (h)
  • Widgetbilder: 414 (w)
  • Helbredd blogginlägg: 680 (w)
  • Utvalda bilder: 250 (w) x 250 (h)

Använd aldrig funktionen ‘dra för att ändra storlek’ i den visuella redigeraren eftersom den bara ändrar storleken på visas bild (inte den faktiska bilden). Det är bäst att ändra storlek på rätt dimensioner innan du laddar upp den.

15. Ange bildmått

Ange bilddimensioner – betyder att du måste ange en bredd och höjd i bildens HTML eller CSS. Detta händer vanligtvis i dina widgetar, HTML eller CSS-avsnitt på din webbplats eftersom den visuella redigeraren tar hand om detta automatiskt. GTmetrix kommer igen att ge dig rätt dimensioner, då måste du hitta den bilden och ange bredd + höjd:

Ange bilddimensioner

16. Komprimera bilder utan problem

Optimera bilder – komprimera bilder utan förlust Imagify eller ShortPixel (båda är gratis tills du når månadsgränsen). Det finns andra helt gratis plugins med obegränsade komprimeringar, men använd INTE dessa eftersom de har buggar, inte fungerar eller kan bryta bilder.

  1. Registrera dig för Imagify
  2. Installera Föreställ dig plugin
  3. Du kommer att uppmanas med anvisningarna nedan:
  4. Ange din API-nyckel från ditt Imagify-konto
  5. Ställ in din kompressionsnivå (normal, aggressiv, ultra)
  6. Imagif’em all (foto nedan) med bulk optimerar alla bilder på din webbplats
  7. När du har nått din gräns, betala $ 4,99 eller vänta nästa månad för att återställa din gräns

imagify

När du är registrerad kan du optimera alla bilder på din webbplats.

imagify-wordpress-image-optimering

17. Externa resurser

Externa resurser är allt från Google-teckensnitt till inbäddade YouTube-videor, plugins för social delning, kommentar-plugins, Gravatars eller något som hämtar information från en extern webbplats. Dessa kommer att visas i din GTmetrix-rapport. Ibland kan du optimera dem, ibland kan du inte göra det. Här är några saker jag lärde mig om att optimera externa resurser.

Tips för att optimera externa resurser

GTmetrix-Annonser

Förhämta DNS-förfrågningar – Detta hjälper webbläsare att förutse externa resurser så att de laddar snabbare. Se detta lista över vanliga domäner att förhämta som inkluderar Google Maps, Google Analytics, Google Typsnitt, Gravatars, plugins för social delning, Disqus, sociala nätverk och andra. Du bör också hämta din CDN-URL om du använder StackPath, KeyCDN eller en annan CDN.

Förhämta-DNS-Begäran-WP-raket

Om du använder WP Rocket lägger du till dessa i förinställningsinställningarna:

Förhämta-DNS-Begäran

Om du inte använder WP Rocket, använd Pre * Party Resource Tips plugin.

18. Ta bort bloat

WP Disable låter dig inaktivera inställningar i WordPress som konsumerar CPU och sakta ner din webbplats. Den har också alternativ för hjärtslagskontroll (om du kommer ihåg det faktiska hjärtslag kontroll plugin, Du kan nu ta bort den och bara använda den här) … såväl som några andra alternativ som kan påskynda din webbplats / adminpanel. Gå igenom inställningarna och inaktivera helt enkelt det du inte använder.

Tips om hur du använder WP Disable

  • Inaktivera allt du inte använder
  • Att planera radering av skräppost är en bra idé
  • Emojis, Google Maps och Gravatars ta lång tid att ladda
  • Pingbacks och trackbacks är vanligtvis inte värda de extra resurserna
  • Ställ in revisioner på 3-5 så att du har säkerhetskopieringar, men du behöver inte hundratals
  • Övriga alternativ på fliken “begäran” kan förbättra dina belastningstider

WP-disable-Begäran

WP-disable-Taggar-inställningar

WP-Disable-Admin

/ WP-Disable-SEO.

WP-disable-Övriga

19. Minimera plugins

Har du tagit bort Hello Dolly-plugin och WordPress Importer? Vad sägs om byter ut att Twitter-plugin med en Twitter-widget eller att Facebook-plugin med en Facebook widget? I stället för att använda ett Google Analytics-plugin, varför inte sätta in spårningskoden direkt i sidfoten (eller ännu bättre), värd det lokalt)? Yoast genererar en XML-webbplatskarta för dig så Google XML Sitemaps-plugin är inte nödvändigt. Gå igenom dina plugins och inaktivera / ta bort de du inte behöver. Du bör också undvika att använda två separata plugins om de har duplicerade funktioner.

Ta bort alla plugins som du inte behöver, och oanvända teman under Utseende > teman:

Ta bort oanvända WordPress-teman

20. Hög CPU-plugins

Mest långsamma WordPress-plugins inkludera social delning, statistik (analys), reglage, portföljer, sidbyggare, kalendrar, chat, kontaktformulär, relaterat inlägg, webbplatskarta, Wordfence, WPML, WooCommerce och alla plugin som kör pågående skanningar eller processer. Dessa kan identifieras med Query Monitor eller GTmetrix Waterfall.

  1. Lägg till detta
  2. AdSense Click Fraud Monitoring
  3. Allt-i-ett-händelsekalender
  4. Backup Buddy
  5. Beaver Builder
  6. Bättre WordPress Google XML-webbplatskartor
  7. Bruten länkkontroll (använd Dr. Link Check)
  8. Ständig kontakt för WordPress
  9. Kontaktformulär 7
  10. Kontextrelaterade inlägg
  11. Digi Auto Links
  12. Disqus Kommentarsystem
  13. Divi Builder
  14. Väsentligt rutnät
  15. Visa fullständig lista över 65 Slow Plugins

Du kan också använda fliken GTmetrix vattenfall för att se dina långsammaste plugins:

Långsam WordPress-plugin

Inaktivera oanvända insticksinställningar
Gå igenom vart och ett av dina plugins och bestäm vilka inställningar du kan stänga av (detta kommer att sänka CPU). Till exempel i Yoast under Inställningar > Allmän > Funktioner som jag har inaktiverat följande …

Yoast-DRAG-inställningar

exempel

  • Wordfences live trafikrapporter
  • Brutna Link Checker pågående skanningar
  • Chat och plugin-program som körs kontinuerligt
  • Statistiska plugins som hela tiden samlar in data
  • Relaterade inlägg och populära inläggsplugins som lagrar massor av data
  • Inaktivera ALLA inställningar du inte använder eftersom många kommer att konsumera CPU

21. Lätta plugins

Social delning – WP Rocket’s testa visade Social Media Feather, MonarkEnkla delade knappar Adder, och MashShare hade minsta mängd förfrågningar och snabbaste belastningstider.

SäkerhetskopieringUpdraftPlus.

slidersMonolog, LayerSlider, eller Meteorreglage.

kommentarerVillkorlig belastning för diskussion.

PortföljEnvira Gallery, FooGallery, eller Rutnätet.

Analytics – Google Analytics och Search Console bör vara mycket. Se bara till att du är värd för Google Analytics lokalt (med WP Rocket eller WP Disable).

SidbyggareWordPress Page Builder av MotoPress, men ingen sidbyggare kör snabbare än den ursprungliga WordPress Editor. Kombinera detta med Duplicator-plugin och du bör inte behöva en sidbyggare (inklusive sidbyggare inbyggda i WordPress-teman). Om inte ditt team absolut vägrar lära sig lite HTML (det enklaste kodspråket), undvik sidbyggare.

StudioPress-plugins – lätta plugins för Genesis Framework.

22. Inaktivera plugins selektivt

Rensning av tillgångar passar bra för att inaktivera plugins som du inte använder på specifika sidor / inlägg. Speciellt om du kör en massa plugins eller bara ett par resurskrävande plugins kan du bara ladda dem på det innehåll de har använt för att din övergripande WordPress-webbplats kan laddas mycket snabbare.

Exempel:

  • Inaktivera reglaget för pluggen på sidor som inte använder reglagen
  • Inaktivera din plugin för rika utdrag på sidor som inte använder riktiga utdrag
  • Inaktivera ditt kontaktformuleringsplugin på sidor som inte har ett kontaktformulär
  • Inaktivera din plugin för hantering av affiliate-länkar på sidor som inte använder aff-länkar
  • Inaktivera ditt sociala delningsplugin på alla sidor (eftersom det vanligtvis är för blogginlägg)

Liknande plugins

23. Blockera dåliga bots

Sökmotorer och bots konsumerar vanligtvis mest CPU / bandbredd:

Robotar-Spindlar-Bandwidth

Wordfence har regler för begränsning av crawlfrekvens som blockerar falska Googles sökrobotar, begränsar sidvisningar för sökrobotar, begränsar människans sidvisningar och andra regler som begränsar CPU-användningen och blockerar spammare.

Wordfence-hastighetsbegränsande

Googlebot är vanligtvis den mest resurshungande botten. I webbplatsinställningar av Google Search Console du kan begränsa genomsökningshastigheten men detta rekommenderas endast om det orsakar hög CPU.

Crawl-Rate-Google-Search-Console

Du kan göra samma sak i krypkontrollinställningar av Bing Webmaster Tools

Bing Crawl-Control

Det här nästa avsnittet visar hur du använder Wordfence för att hitta och blockera skräppostbotar som drabbar din webbplats för mycket (vilket kan konsumera CPU och sätta stress på din server.

Steg 1: Installera Wordfence.

Steg 2: Visa din live trafikrapport (under Wordfences verktygsinställningar) som visar alla bots som träffar din webbplats i realtid. Googlebot är uppenbarligen OK, men när jag gjorde det såg jag compute.amazonaws.com göra en löjlig mängd förfrågningar varje par sekunder. Jag googlade det och säkert nog, detta var en bot känd för att suga upp bandbredd. Se din rapport i en minut eller två och se om bots med skissartade namn ständigt träffar din webbplats. Om du är i tvivel, Google deras värdnamn och se om andra människor har problem med den botten.

Live-Trafik-Report-Wordfence

Steg 3: Gå till Wordfences blockeringsinställningar och lägg till de spambots du vill blockera. asterisker fungerar som jokertecken, så om jag blockerar * amazonaws.com * betyder det att alla värdnamn som innehåller amazonaws.com (oavsett om det har tecken före eller efter det) skulle blockeras. Jag har sparat tusentals förfrågningar / bandbredd bara genom att blockera dessa två skräppostnamn:

  • * amazonaws.com
  • * linode.com

Wordfence-blockerande-regel

Steg 4: Gå till din blockeringslogg och njut av att se dessa spambots blockeras.

Wordfence-Firewall-blockering

De Blockera plugin för dåliga frågor skyddar också din webbplats mot kända dåliga bots. Det är en “ett klick och gjort” plugin med en perfekt 5-stjärnig recension – ett enkelt sätt att minska CPU från skräppostbots.

Block-Bad-frågor

24. Undvik AMP

AMP är ett Google-projekt som får mobila sidor att ladda snabbare medan du lägger till en “AMP” -stämpel i mobila utdrag. Även om det förbättrar prestanda ändrar det också designen på din mobilwebbplats som kan minska konverteringarna. Kinsta gjorde en fallstudie där mobilledningar sjönk 59% när de lägger till AMP, så de inaktiverade den (och efter att ha läst den artikeln inaktiverade jag också mina).

amp-sidor

Varning: AMP kan släppa dina mobilkonverteringar – använd försiktigt!

Instruktioner

  • Installera AMP-plugin av Automattic (lägger till AMP-sidorna)
  • Installera Lim för Yoast SEO AMP-plugin om du använder Yoast (anpassar designen)
  • Lägg till / amp / till valfri sida på din webbplats för att se hur den ser ut och se till att den fungerar
  • Gå till Yoasts inställningar → AMP för att ändra din design och aktivera anpassade inläggstyper
  • Vänta på att Google ska återcirkulera din webbplats och lägga till AMP-inloggningen i mobilsökresultaten
  • Besök snabbare avsnitt för mobilsidor i Google Search Console för att se fel
  • Sätta på Accelererade mobillänkar i Cloudflares hastighetsinställningar (se nedan)

Cloudflare Accelerated Mobile Links

Ett vanligt problem är med bilder som visas högst upp på inlägg när du kanske inte vill ha dem också. Det finns ett arbete för det här, men det är inte perfekt. Du kan antingen inte ha någon bild som visas eller så kan du ställa in en standard som visas i Yoast under SEO → AMP → Design → Standardbild. Denna standardbild kommer att visas om INGEN presenterad bild är inställd, men om en är, det är det som kommer att visas längst upp på inlägget. Du kan läsa Yoasts AMP-guide men jag har i princip bara sammanfattat det.

25. Gravatars

Gravatars ta lång tid att ladda, särskilt om du har massor av bloggkommentarer (prova att köra ett inlägg med kommentarer genom GTmetrix så ser du hur illa det blir). Du har några alternativ:

  • Värd Gravatars lokalt med WP-användaravatar
  • Inaktivera Gravatars helt
  • Ställ in din standardgravatar på tom
  • Ta bort kommentarer som inte ger mervärde
  • Ställ in din standardgravatar på en anpassad bild på din server
  • Begränsa dina Gravatar-bilder till mindre dimensioner (t.ex. 32px)
  • Paginera kommentarer i WP Avaktivera för att bara visa 20 kommentarer åt gången
  • Prova att cache Gravatars med hjälp av FVHarrys, eller Optimal Gravatar-cache

26. WooCommerce

WooCommerce-webbplatser har extra skript, stilar, vagnsfragment och de kräver vanligtvis fler plugins. Det är därför du vanligtvis ska köpa en nivå av vad du faktiskt behöver för att passa de extra resurser som ofta krävs för WooCommerce när du väljer en värdplan..

WooCommerce Cart Fragments

WooCommerce-stilar i fråga monitor

WooCommerce-optimeringstips

  • Inaktivera vagnsfragment med detta Github-kod
  • Inaktivera WooCommerce-skript med detta Github-kod
  • Inaktivera WooCommerce-stilar med WooCommerces handledning
  • Rensa kund sessioner och ta bort transienter ibland
  • WooCommerce-webbplatser kräver mer resurser, så välj din värdplan i enlighet därmed

Men det enklaste sättet att optimera WooCommerce är att använda Perfmatters-plugin av Kinsta:

perfmatters woocommerce optimering

27. Lägg till SSL

Det finns ingen anledning att inte använda SSL när Let’s Encrypt SSL erbjuder det gratis i de flesta värdkonton. Jag var motvillig att ändra och fruktade en minskning av trafiken, men min trafik förblev exakt densamma. Riktigt enkelt SSL gör det också mycket enkelt att konfigurera det. Om du inte har gjort det skulle jag göra det.

Siteground-lets-encrypt-ssl

28. Begränsa efter revisioner

Lägg till detta i din wp-config-fil innan det står “Det är allt, sluta redigera! Glad blogging. ” Perfmatters låter dig också begränsa postrevideringar som ackumuleras över tid i din databas.

definiera (‘WP_POST_REVISIONS’, 3);

29. Inaktivera Pingbacks + Trackbacks

Dessa är inte nödvändiga, så stäng av dem i Inställningar > Diskussion.

WordPress Trackbacks Pingbacks

30. Kontrollera AWStats för hög CPU

AWStats är ett verktyg inbyggt i vissa värd cPanels som ger statistik om CPU-användning. Det berättar om vissa bots, bilder, nedladdade filer och till och med IP-adresser förbrukar mycket CPU. Du kan också använda WP Server Stats-plugin men jag tycker AWStats gör ett fantastiskt jobb.

AWStats hjälper dig att hitta:

  • Crawlers med hög bandbredd
  • IP-adresser med hög bandbredd
  • Hämta filer med hög bandbredd
  • Hög bandbreddfiler (t.ex. bilder)
  • Total bandbreddanvändning (för övervakning)

Månads-Bandwidth

31. Uppskjuta analys av JavaScript

Säkerhetskopiera din functions.php lägg sedan till den här koden – då är du klar. Kontrollera din webbplats för att se till att allt ser ut / fungerar korrekt. Om detta fortfarande inte fixar objektet i Pingdom, prova Skript till footer-plugin. Detta steg kan kräva testning och användning av olika kodvarianter men jag lånade koden från Denna artikel om du vill ha mer förtydligande.

if (! (is_admin ())) {
funktion defer_parsing_of_js ($ url) {
if (FALSE === strpos ($ url, ‘.js’)) returnerar $ url;
if (strpos ($ url, ‘jquery.js’)) returnerar $ url;
// lämna tillbaka "$ url ‘skjuta upp ";
lämna tillbaka "$ url ‘defer onload =’";
}
add_filter (‘clean_url’, ‘defer_parsing_of_js’, 11, 1);
}

32. Lägg till utgångarhuvuden

De flesta cache-plugins bör ta hand om detta automatiskt när du aktivera webbläsarens cache (som WP Rocket och W3 Total Cache). Men om “lägg till utgångsrubriker” fortfarande visas i din Pingdom-rapport under fliken YSlow, lägg till den här koden till toppen av din .htaccess …

ExpiresActive on
ExpiresByType text / css "åtkomst plus 60 dagar"
ExpiresByType text / javascript "åtkomst plus 60 dagar"
ExpiresByType image / ico "åtkomst plus 60 dagar"
ExpiresByType image / jpg "åtkomst plus 60 dagar"
ExpiresByType image / jpeg "åtkomst plus 60 dagar"
ExpiresByType image / gif "åtkomst plus 60 dagar"
ExpiresByType image / png "åtkomst plus 60 dagar"
ExpiresByType text / css "åtkomst plus 60 dagar"
ExpiresByType text / html "åtkomst plus 60 dagar"

33. Ta bort frågesträngar

Denna artikel har varit en smärta i röven för många människor (inklusive mig). Tack och lov har några senaste uppdateringar gjorts av de mest populära cache-plugins som gör att du enkelt kan fixa “ta bort frågesträngar från statiska resurser“Artikel i din GTmetrix och andra hastighetsrapporter. De flesta frågesträngar genereras dock av plugins (som du kan se i din GTmetrix-rapport), så det är absolut viktigt att bara använda lätta plugins och testa dem omedelbart.

WP-raket har ett alternativ på fliken “filoptimering”:

Ta-Query-strängar-From-statisk Resurser

W3 Total Cache har ett alternativ för detta under Performance → Browser Cache:

Ta bort frågesträngar från statiska resurser

WP Disable har ett alternativ på fliken “begäran”:

Ta-Querystings-WP-Inaktivera

Ta bort frågesträngar från Plugin för statiska resurser – Du kan också prova detta gratis plugin.

34. Minimera omdirigeringar

Vanligtvis betyder att du har ändrat www- eller http-versionen av din webbplats men inte ändrat dina länkar / bilder för att återspegla detta. Försök använda Bättre sökning & Byt ut plugin att fixa dem i bulk.

minimera omdirigeringar

35. Lätt tema

Om din WordPress-webbplats har varit långsam sedan början är det antagligen antingen din värd eller ditt tema. Jag minns att jag utvecklade en webbplats med hjälp av Law Business tema och det var så långsamt jag var tvungen att skrapa hela webbplatsen och börja om med att använda Executive Pro-tema av StudioPress. Detta beror på dålig kodning av temautvecklaren eller för många onödiga inbyggda funktioner.

StudioPress-teman är lätta (de laddas snabbt), lyhörda, HTML5, säkra och pålitliga (de kommer inte att skitas ut eller avbrytas som vissa ThemeForest-teman). De används av över 200 000 människor, deras teman är inbyggda i Genesis Framework (rekommenderas av Yoast och WordPress-grundaren Matt Mullenweg), plus att de har det lätta Genesis-plugins.

Jag vet att du inte vill ändra ditt tema. Men om din design suger ändå, kan ett StudioPress-tema vara en spelväxlare. Jag skrev en recension på StudioPress om du bestämmer dig för att undersöka dem.

Studio-themes

36. Övervaka serverresurser

Du har bara en begränsad mängd serverresurser på ditt värdkonto. Om du är värd för många webbplatser på ett konto, resurshungiga plugins och många andra faktorer kan bromsa din server. Se till att din plan har tillräckligt med resurser för att tillgodose dina behov på rätt sätt.

Siteground-serverresurser-Jämförelse

Om du får överskridande bandbredd / CPU måste du fixa den (den här guiden borde ha hjälpt) eller uppgradera din plan så att den innehåller fler resurser. På många molnplaner kan du lägga till resurser efter behov för att se till att du inte kommer nära att överskrida dem, vilket stressar på servern.

Cloud-Memory-Ökning

37. Uppdatera WordPress

Uppdatera WordPress-kärna, tema, plugins och ramverk om du använder en (t.ex. Genesis).

WordPress-uppdateringar

Kontrollera din cPanel för värd för att se om det finns ett alternativ för automatiska uppdateringar:

SiteGround WordPress Autoupdates

Genesis Framework har också ett alternativ för detta:

Genesis automatiska uppdateringar

38. Hitta långsamma sidor

Du kan använda Google Analytics för att hitta laddningstider (och rekommendationer) för dina mest visade sidor och långsammaste laddningssidor. Logga in på Google Analytics och till vänster, gå till Beteende → Site Speed ​​→ Speed ​​Suggestions. Klicka på ‘Sidhastighetsförslag’ för att se rekommendationer, även om jag skulle säga att GTmetrix rekommendationer vanligtvis är bättre.

Speed-Förslag från Google-Analytics

39. Cloudways Hosting

Om du letar efter något snabbare än delad värd hoppar de flesta till Cloudways. De är molnhotell (inte delade) och är ännu snabbare än SiteGround. Avvägningen är att deras stöd inte är lika bra som SiteGround, det är lite mer tråkigt att hantera och de ger inte e-posthotell. Men om du letar efter ren hastighet, fick de också nummer 1 i många Facebook-omröstningar. De flesta använder sina DigitalOcean-plan som börjar på $ 10 / månad.

För delad värd är SiteGround utmärkt. Men deras molnhotell är ganska dyrt på 80 $ / månad när du för samma pris på Cloudways får du nästan dubbelt CPU + RAM.

Du betalar också varje månad istället för årligen, vilket är trevligt.

Siteground-vs-Cloudways-Cloud-Hosting

Personer som migrerade till Cloudways (eller en av deras molnleverantörer):

Cloudways svarstider

WP-motor till Cloudways

DigitalOcean Pingdom-rapport

Cloudways Server svarstider

Godaddy till DigitalOcean Migration

Cloudways Load Time förbättring

Cloudways vs WP Engine

Ofrälse

Cloudways Pingdom Load Times

Cloudways Pingdom-rapport

Namecheap till Cloudways Migration

Vultr migration

Cloudways WooCommerce Migration

Cloudways AWS Migration

Också nummer 1 i många Facebook-omröstningar:

Hosting rekommendationer Facebook

VPS Cloud Hosting WooCommerce Poll

Rekommendationer för Elementor Hosting

2017-Wordpress-värd-FB-Poll

VPS Cloud Hosting Poll

WordPress Hosting-förslag

Favorithotell för Elementor

2016-Wordpress-värd-FB-Poll

Du kan spara 25% under de första två månaderna med Cloudways genom att använda den här kampanjkoden: OMM25.

40. Anlita min WordPress Speed ​​Optimizer

Behöver du fortfarande hjälp med din GTmetrix / Pingdom-rapport? Jag har arbetat med Usama (i333) sedan 2005. Han hjälpte mig att optimera min egen webbplats och många kunder. Du kan anställa honom genom att skapa en profil på freelancer.com (Jag skulle uppskatta att du använder den aff-länken) och hittade hans profil. Han är $ 60 per timme från Pakistan (så det är en tidsförändring) men han har 459 recensioner med ett perfekt 5-stjärnigt. Allvarliga förfrågningar, och vänta inte 100% poäng om du använder långsam värd, ett uppblåst tema och tunga plugins. Följ först denna WordPress-hastighetsguide.

i333 WordPress Speed ​​Optimization Expert

Vanliga frågor

&# X1f680; Vilka är de viktigaste hastighetsfaktorerna?

Hosting, cache-plugin, bildoptimering, plugin-optimering och om du använder externa skript är vanligtvis de fem viktigaste faktorerna för webbplatshastighet.

&# X1f680; Vilket cache-plugin ska du använda?

WP Rocket är vanligtvis rankad som toppcache-plugin i Facebook-undersökningar eftersom det har inbyggda funktioner som de flesta cache-pluginprogram inte gör. Dessa extra optimeringar borde ge bättre poäng och laddningstider i GTmetrix, men det är en premium-plugin. De bästa gratis cache-pluginprogrammen är Swift Performance, W3 Total Cache och WP Fastest Cache.

&# X1f680; Vilken WordPress-värd ska du använda?

Den bästa värden är mycket diskuterbar, men SiteGround och Cloudways är i allmänhet de två högst rankade WordPress-värdarna i över 30+ Facebook-omröstningar. SiteGround är bra för delad värd och Cloudways för molnhosting.

&# X1f680; Vilket hastighetstestverktyg ska du använda?

GTmetrix har de mest robusta rekommendationerna, särskilt när det gäller att optimera bilder, hitta långsamma plugins i fliken Vattenfall och mäta tid till första byte. Pingdom har inte så många rekommendationer, och Google PageSpeed ​​Insights mäter inte ens belastningstider.

&# X1f680; Hur optimerar du bilder?

Du kan optimera bilder med hjälp av ett plugin som ShortPixel eller Smush för att komprimera bilder och ta bort EXIF-data. Se till att du ändrar storlek på bilder till rätt dimensioner och serverar dem idealiskt från ett CDN. Lazy laddar bilder och videor kommer också att göra sidan snabbare.

&# X1f680; Ska du använda AMP?

Generellt sett bör du undvika AMP (accelererade mobilsidor) eftersom designändringarna kan sänka konverteringarna. Kinstas konverteringar sjönk 59% efter att ha lagt till AMP och de beslutade att ta bort dem.

&# X1f680; Hur optimerar du plugins?

Hitta plugins med hög CPU med hjälp av Query Monitor som vanligtvis innehåller portföljer, statistik, reglage och plugins som kör pågående processer. Byt sedan ut dem med lätta plugins som förbrukar minimala resurser. Ta bort alla plugins som du inte använder och inaktivera onödiga insticksinställningar som förbrukar resurser. Slutligen, inaktivera selektivt plugins från att ladda på visst innehåll med ett plugin som Asset Manager eller Perfmatters.

&# X1f680; Hur optimerar du externa skript?

Det är bäst att undvika externa skript tillsammans, till exempel Google AdSense, Facebook-widgetar och plugins som skapar externa förfrågningar. Vissa plugins som Disques låter dig ladda det villkorligt. Om sidan innehåller JavaScript kan du prova Async JavaScript-plugin. Slutligen, förinställ alla externa URL: er som laddas på sidan.

Hoppas att detta hjälpte! Släpp dina nya GTmetrix-poäng + laddningstider i kommentarerna :-)

Skål,
Tom

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map