De 10 viktigaste justerskruvarna av din WordPress Prestanda

Torben Simon Meier Senast uppdaterad 29.03.2021
10 Min.
WordPress Prestanda: De 10 viktigaste justerskruvarna
Senast uppdaterad 29.03.2021

Webben kryllar av tips och tricks om hur man WordPress Prestanda. Tyvärr faller förklaringar och utvärderingar av relevansen av de olika justeringsskruvarna snabbt under bordet. Vi visar dig de viktiga utgångspunkterna och justeringsskruvarna – i vettig ordning och med sammanhang. Detta gör att du kan uppnå framgång särskilt snabbt.

Under tiden har vi redan fått cirka 15 000 WordPress Projekt. Mycket data har gått förlorade. Och vi får ständigt frågan av kunderna hur de kan se sidans laddningstid för sina WordPress projekt kan minskas ytterligare. Så vi har systematiskt bearbetat våra resultat från analysen av våra kundsidor från de senaste åren. Resultatet: 10 åtgärder som hjälper dig snabbt och enkelt WordPress Prestanda.

En sak är särskilt viktig: Vissa användare sviks snabbt av optimeringsförslagen för verktyg som Google PageSpeed Insights Avskräcka. Låt oss få höra: Du gör inte mest belastningstidsvinst med komplicerade optimeringsåtgärder, men med metoder som är lätta att implementera.

WordPress -Förslag på prestandaoptimering från Google
Få webbplatsoperatörer kan göra något konkret med detta meddelande. Därför är det särskilt viktigt att du först koncentrerar dig på de enkla optimeringsstegen och bara i det andra steget närmar sig de mer komplicerade åtgärderna.

Naturligtvis är laddningstidsoptimering inte ett mål i sig. Förutom en bättre upplevelse för dina användare ger en kortare laddningstid också fördelar i synligheten för ditt erbjudande på Google. Därför kommer jag kortfattat att beskriva vad de enskilda optimeringsstegen handlar om för att skapa rätt sammanhang.

Så du kan teoretiskt arbeta dig igenom från topp till botten och förbättra laddningstiden för din sida steg för steg. De första sju punkterna gäller för övrigt också de typiska förslagen till förbättring av Google PageSpeed Insights , som vi kommer att diskutera mer detaljerat, till exempel i den här artikeln.

#1 Caching - den viktigaste prestandafaktorn någonsin

Cachelagring innebär att din sida först inte behöver begäras av webbläsaren från webbservern och sedan byggas steg för steg. I stället läses sidan in från en cache, färdig återgivning.

Fördelen med denna cachelagring är uppenbar: WordPress behöver inte beräkna om sidan varje gång du visar sidan. Det WordPress baserat på den mycket långsamma PHP, är en cache elementär här. En av de saker som hindrar PHP från att läsas upp.

I princip finns det två implementeringsvarianter för cacheminnen:

  • Om cachelagring- Plugins : Majoriteten av användarna använder en cachelagring Plugin , till exempel W3 Total Cache eller WP Super Cache. Dessa är ibland lättare att ställa in lite mer komplicerade. I vilket fall som helst krävs en viss mängd manuellt arbete här.
  • Om värden: Vissa värdar - såväl som RAIDBOXES - erbjuda cachelagring på serversidan. Detta innebär att du nästan alltid måste Plugins kan göra utan. Eftersom din webbhotell redan har tagit över konfigurationen av cachen åt dig.

Om du har ställt in en performativ cachelagring har du det viktigaste steget mot mer WordPress prestanda som redan har gjorts. För mer information, kolla in vår artikel om Caching Basics.

#2 WordPress sanering - ordningen måste

Enligt vår erfarenhet är en av de vanligaste orsakerna till långa laddningstider en överbelastad WordPress Installation. Och eftersom denna förbättringspunkt inte är från Google PageSpeed Insights Han kommer tvåa bland mina topp 10.

En överbelastad WordPress installation innebär i de allra flesta fall: det finns för många Plugins Installerat. I grund och botten är det mindre Plugins , ju snabbare sidan. Självklart Plugins viktigt och utan det är inte möjligt, men du bör alltid kontrollera vilken Plugins Du behöver det verkligen.

Och: Du bör vara uppmärksam Plugins inte bara för att inaktivera det, utan faktiskt ta bort det helt.

WordPress Förbättra prestanda: Din plugin-översikt visar exakt hur många Plugins du har installerat, aktiverat och ännu inte uppdaterat.
Din Plugin översikt visar exakt hur många Plugins är för närvarande inaktiverade. I princip bör "Inaktiv" alltid ha en nolla. Om inte, fråga dig själv: Behöver jag funktionshindrade Plugin Någonsin?

Detsamma gäller Themes : Du behöver inte mer än en.

Bakgrunden är följande: Var och en Plugin och varje Theme lägger till PHP-kod på din sida. Detta gäller även inaktiverade Plugins . Som ett resultat kommer din sida att vara mer skrymmande totalt sett, långsammare (och mer sårbar för attack). Eftersom PHP är ett mycket långsamt skriptspråk. Desto mindre av detta är tillgängligt, desto bättre.

Ofta behövs inte längre Plugins Och Themes Rester av funktionella och designtester. Av denna anledning är det ett bra ställe att WordPress sidor regelbundet och å andra sidan bör du testa nya funktioner och teman i en testmiljö och inte på livesidan. Så du kan inte ens få för många Plugin -Samlar rester.

#3: den underskattade laddningstidsbromsen

Ett av de mest effektiva och enklare sätten att minska sidinläsningstiden är att minska bilderna. För här kan du ibland spara stora mängder data. Den så kallade "förlustfria bildkomprimeringen" minskar filstorleken på dina bilder utan att skapa någon synlig kvalitetsförlust. Så din sida ändras knappast, samtidigt kan du avsevärt minska dess storlek genom att optimera din bild.

Http Archive uppskattar att bilder regelbundet står för den största andelen av en webbplats data. Att krympa dina bilder bör vara ett av de första optimeringsstegen. Du kan antingen göra en bildoptimering manuellt eller använda den en komprimering Plugin .

A Plugin Att använda det är verkligen den bekvämare lösningen. Eftersom Plugins Inte bara låta dig komprimera nya bilder och deras miniatyrbilder, de knäpper också automatiskt alla befintliga bilder av din sida. Denna tjänst är dock ofta avgiftspliktad.

#4 CSS och JavaScript - låter skrymmande, men är lätt att optimera

Den näst största mängden data på din sida är vanligtvis JavaScript- och CSS-filer. Här visar särskilt många användare rädsla för beröring. Men även utan kodexpertis kan du enkelt förstå vad CSS och JavaScript handlar om. I princip finns det tre saker att göra här:

  • Så här sammanfattar du: CSS och JavaScript är dolda i många små enskilda filer. Normalt måste var och en av dessa filer begäras av webbläsaren individuellt från webbservern. Detta genererar HTTP-begäranden som tenderar att förlänga sidans laddningstid. Men när skript summeras minskar antalet filer som ska läsas in och därmed antalet begäranden. Av 53 enskilda samtal kommer till exempel bara ett dussin att göras. Naturligtvis har Lämpliga Plugins Till dig.
  • Minska: CSS- och JavaScript-filer är kodrader som aktiverar vissa funktioner och teman på din sida. Den här koden är skriven av folk. Men det läses upp av maskiner. Varför är detta relevant? Mycket av vad en person behöver för att förstå kod korrekt behövs inte av datorn. Blanksteg, kommentarer etc. behövs inte för att din sida ska byggas korrekt. Det är här du ställer in Plugins till exempel Autoptimize. Du konverterar CSS och JavaScript från mänsklig till maskinläsbar kod. Detta gör de enskilda datapaketen mindre och deras överföring snabbare.
  • Komprimera: När du har summerat och kollapsat är det sista steget att komprimera datapaketen som skickas från webbservern till webbläsaren. Detta innebär att servern minimerar filstorleken för varje begäran och webbläsaren packar upp och beräknar den. Detta är snabbare än att skicka okomprimerade datapaket. Du kan ställa in en GZIP-komprimering, till exempel via cachelagring Plugins , via manuella inställningar i .htaccess eller så har din värd redan aktiverat komprimering på serversidan.

Så även utan kunskap om skripten är det lätt att förstå vad de enskilda åtgärderna ger. Och för alla tre stegen finns det Plugins , vilket också gör det möjligt för lekmän att optimera CSS och JavaScript. I vår artikel om CSS- och JavaScript-optimeringförklarar vi mer information och presenterar olika Plugins Innan.

Fyra vinster!

Det här var de fyra områden där våra kunder kunde spara mycket laddningstid. Med relativt liten ansträngning kan du WordPress prestanda genom cachelagring, bildoptimering, optimering av CSS & JavaScript samt rengöring av WordPress avsevärt förbättras.

#5 Utan värd är allt ingenting

De första fyra optimeringsfälten lovar mycket tidsminskning, men kan gå vilse om din värd saktar ner dig. Detta innebär att färre av maskinvarukraven för WordPress   utan snarare vissa tekniker som visar dig att en värd låter dig WordPress optimeras på lämpligt sätt.

Som en tumregel kan du komma ihåg att performativ WordPress hosting bör ha dessa viktiga uppgifter:

  • SSD-hårddisk
  • PHP-minnesgräns på minst 64 MB, bättre 128 MB
  • Datacenter i Tyskland
  • Aktuell PHP-version (7.4)
  • HTTP/2 och gratis SSL-certifikat

Sedan är det skillnaden mellan delad hosting och din egen (virtuella) server.

I delad hosting delar du servern och dess datorkraft med andra webbplatser. Vanligtvis några dussin till några hundra. Med din egen server behöver du inte dela datorkraften med någon. Framför allt erbjuder det fördelen med prestandatillförlitlighet.

Även om en dedikerad server inte är synonymt med mer prestanda, visar erfarenheten att de billiga värdtarifferna, som bara kostar några euro i månaden, inte kan konkurrera med virtuella servrar när det gäller prestanda.

Subtiliteterna - mindre penetration, mer ansträngning

Alla prestationsrelevanta områden, som jag hittills har nämnt, kan användas av praktiskt taget alla WordPress Användare. Antingen via Plugins , lätt att prova eller köpa lämpliga produkter. Det blir mer komplicerat när du redan har optimerat dessa områden. För då måste du tränga djupare in i sidostrukturen. Och individuella optimeringsåtgärder har inte längre samma penetrationskraft.

#6 renderingsblockering - Fel ordning vid inläsning

En punkt som görs av verktyg som Google PageSpeed Insights upprepade gånger klagat på är en belastningsordning som blockerar renderingen.

Ett exempel illustrerar problemet: ett skjutreglage består av bilder och animeringskommandot som roterar dessa bilder. Om JavaScript-kommandot läses in först och bilderna avslutas har sidan redan funktionen för skjutreglaget, men inte bilder som ska visas. Så det tar längre tid att ladda sidan. Detta villkor kan förhindras genom rätt laddningsordning.

Även om det inte finns några Plugins , men vår erfarenhet visar att de inte alltid kan optimera din webbplats fullt ut. I ett sådant fall uppnås de bästa resultaten vanligtvis av en webbdesigner som är väl insatt på webbplatsen och dess funktioner.

#7 ovanför vikningen - Optimera det synliga området på sidan

Förutom den totala laddningstiden för din webbplats är filtladdningstiden särskilt avgörande. Det här är den tid som en besökare på din webbplats uppfattar som laddningstid. Denna filt laddningstid kan förkortas med några tricks. Detta ger en användare intrycket att sidan redan är helt konstruerad, även om den fortfarande beräknas i bakgrunden.

Att optimera lastordningen är särskilt viktigt för att optimera detta område, som kallas ovanför vikningen. Detta innebär att prioritera innehåll och funktioner som dina besökare bör se på den första skärmstorleken.

WordPress Prestanda: Illustration av Ovanstående vik av raidboxes.de
Det övre området visas för besökaren av raidboxes.de utan att rulla. Detta är den så kallade Above the Fold. För ytterligare information måste besökaren interagera med och rulla sidan.

Du kan göra detta, till exempel genom att optimera inläsningsordningen. Men det finns också Plugins , vilket gör att din sida laddas mer effektivt. Och bara det synliga området. Lazy Load eller a3 Lazy Load är exempel på sådana Plugins . Således får användaren alltid allt innehåll han eller hon behöver, men sidans laddningstid kan fortfarande dra nytta av det, särskilt om det är en bildtung sida.

#8 databas

Förutom bilder och skript kan databasen också bli för stor. Det finns också praktiska verktyg som håller databasen vackert tunn. Till exempel kan Plugin WP-Optimera.

#9 pingbacks och trackbacks

Interagerar som standard WordPress med andra sidor som tillåter pingbacks och trackbacks. Varje gång din sida eller ett av dina blogginlägg nämns på en sådan sida meddelas din sida automatiskt – och därmed belastas databasen dessutom.

Om du inte behöver den här funktionen (mervärdet är försumbart enligt min åsikt) bör du inaktivera pingbacks och trackbacks. Även här har Plugin WP-Optimera. För fullständighetens skull bör det dock nämnas här att detta är mer ett teoretiskt problem. Som ett resultat har ingen av våra kunder lidit allvarliga prestandaförluster.

#10 förhindra hotlinking

Hotlinking innebär att någon länkar direkt till en bild på din server - vilket i praktiken "stjäl" din bandbredd. På en Apache-webbserver kan du förhindra hotlinking genom att lägga till följande kod i .htaccess-filen:

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

För att förhindra hotlinking på en NGINX-server lägger du till dessa kodrader i NGINX-konfigurationsfilen:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Uppdelning av koden:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
anger de filslut som du vill skydda mot snabblänkning, till exempel om du vill skydda pdf-filer, skulle kodraden se ut så här:
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Dessa linjer är lite omfattande, men det hjälper dig att bättre förstå vad du kan göra med den här regeln. Dessa rader anger praktiskt taget vilka domäner som fortfarande kan hotlinka dina filer. I det här exemplet deineseite.de med alla underdomäner, liksom Google, Bing och Yahoo.

if ($invalid_referer) {
return 403;
}
Nu, när en begäran kommer in och begäranderesursen INTE är högst upp på vitlistan, returnerar servern en 403 (förbjuden).

Andra metoder för att förhindra hotlinking

Det finns många säkerhetslösningar Plugins i den officiella WordPress plugin-katalogen som du kan använda för att förhindra hotlinking - till exempel All In One WP Security & Firewall. Plugin är aktiv på över 900 000 WordPress webbplatser och har ett genomsnittligt betyg på 4,8 av 5 stjärnor (med över 1 000 recensioner). Du kan också förhindra hotlinking via CORS-huvudet i inställningarna för BOX . Om du har några frågor om konfigurationen av rubriken för din BOX är du välkommen att kontakta oss i supporten.

"Och CDN då?"

En av de vanligaste frågorna är innehållsleveransnätverket (CDN). Till exempel: "Gör ett CDN min webbplats snabbare för besökare i Tyskland?", "Varför behöver jag ett CDN?", "Skulle du rekommendera att jag använder ett CDN för min blogg eller butik?". I de flesta fall var dock svaret nej.

För att vara kortfattad är ett CDN mest meningsfullt när användarna är geografiskt distribuerade. Så om du har kunder i Centraleuropa, Sydamerika och Australien, till exempel. Om din kärnmålgrupp är begränsad till ett land kan du använda ett CDN för att optimera WordPress prestanda direkt.

När det gäller frågan bör WordPress -Utvecklaren Ernesto Ruge skrev förresten en mycket trevlig artikel, som jag bara kan rekommendera dig.

Slutsats: Var inte rädd för komplicerade optimeringssteg

Användare har ofta rädsla för kontakt med områden där laddningstiden är särskilt lätt att spara. Eller så försummar de dessa områden. Andra, till exempel CDN, kommer upp om och om igen under samråd, även om de vanligtvis inte har någon effekt på sidans laddningstid.

Därför kan jag bara råda att du först bör fokusera på optimeringens "lågt hängande frukter". För med relativt liten ansträngning kan du redan göra stora framsteg när det gäller att minska din laddningstid. Och även om du är lekman.

Så låt inte råd från verktyg som Google PageSpeed Insights Oroande.

I grunden handlar optimering av laddningstid om endast ett fåtal områden:

  • Minska sidans storlek
  • Minska HTTP-begäranden
  • Komprimera de enskilda datapaketen
  • Optimera användarupplevelsen

Om du har förstått detta kan du också med fördel arbeta med de 10 viktigaste justeringsskruvarna på WordPress -Vrid på prestandan. Och för mer komplexa optimeringssteg finns det också experter som kan få din webbplats att fungera.

Torben är grundare och VD för RAIDBOXES. Som utbildad mediedesigner har han alltid ett öga för produkt- och webbdesign och är vår guru när det gäller marknadsföring, SEO och reklamåtgärder. Ursprungligen kommer han från hjärtat av Ruhrområdet. I över ett decennium har han varit baserad i Münster som entreprenör för sitt nu fjärde nystartade företag.

Liknande artiklar

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.