De 10 viktigaste justeringsskruvarna på din WordPress -Prestanda

Torben Simon Meier Uppdaterad den 21 oktober 2020
10 Min.
WordPress Prestanda: De 10 viktigaste justeringsskruvarna
Senast uppdaterad den 21 oktober 2020

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 viktiga utgångspunkter och justering av skruvar – i vettig ordning och med sammanhang. Detta gör att du kan nå framgång särskilt snabbt.

Under tiden har vi redan fått omkring 15 000 WordPress Projekt. En hel del data har gått förlorad. Och vi får ständigt frågan av kunderna hur de kan se sidan lastningstiden för deras 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 från verktyg som Google PageSpeed Insights Avskräcka. Låt oss få veta: Du gör inte mest laddningstid vinna med komplicerade optimeringsåtgärder, men med metoder som är lätta att genomföra.

WordPress -Förslag på prestandaoptimering från Google
Få platsoperatö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 endast i det andra steget närmar du dig de mer komplicerade åtgärderna.

Naturligtvis är laddningstid optimering inte ett mål i sig. Förutom en bättre upplevelse för dina användare ger en kortare laddningstid också Fördelar med att synliggöra 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 om att förbättra Google PageSpeed Insights, som vi till exempel den här artikeln ännu mer detaljerad.

#1 Caching - den viktigaste prestandafaktorn någonsin

Cachelagring innebär att din sida inte först 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 rendering.

Fördelen med denna cachelagring är uppenbar: WordPress behöver inte rä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 förhindrar PHP från att läsas upp.

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

  • Om Caching- Plugins : De flesta användare använder en cachelagring Plugin Hur W3 Totalt cacheminne Eller WP Super Cache. Dessa är ibland lättare att ställa in lite mer komplicerat. I vilket fall som helst krävs en viss mängd manuellt arbete här.
  • Om värden: Vissa värdar - samt RAIDBOXES - erbjuda cachelagring på serversidan. Detta innebär att du nästan alltid måste Plugins klarar sig utan. Eftersom din webbhotell har Konfigurera cacheminnet redan tagit över efter dig.

Om du har skapat en performativ cachelagring har du det viktigaste steget mot mer WordPress prestanda som redan gjorts. För mer information, se vår artikel om Grunderna i cachelagring Att.

#2 WordPress rensa - ordning måste vara

Enligt vår erfarenhet är en av de vanligaste orsakerna till långa laddningstider en överbelastad WordPress Installation. Och eftersom denna förbättring punkt är inte från Google PageSpeed Insights han kommer tvåa i min 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, desto mindre Plugins , desto snabbare sidan. Självklart Plugins viktigt och utan det är inte möjligt, men du bör alltid kontrollera vilka Plugins du verkligen behöver det.

Och: Du bör vara uppmärksam Plugins inte bara för att inaktivera den, men faktiskt ta bort den 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 översikten visar exakt hur många Plugins är inaktiverade för närvarande. 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 för Themes : Du behöver inte mer än en.

Bakgrunden är följande: Varje Plugin och varje Theme lägger php-kod till 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årbara för angrepp). Eftersom PHP är en mycket långsam skriptspråk. Ju mindre av detta är tillgängligt, desto bättre.

Ofta, inte längre behövs Plugins Och Themes Rester av funktions- och designtester. Av denna anledning är det ett bra ställe att WordPress -Sidor för att städa upp regelbundet å andra sidan bör du skapa nya funktioner och mönster i en Lab och inte på live-sidan. Så du kan inte ens få för många Plugin -Samlar rester.

#3 bilder: den underskattade laddningstiden broms

En av de mest effektiva och enklare åtgärderna för att minska sidans laddningstid är Krympande bilder. För här kan du spara ibland stora mängder data. När det gäller den så kallade "förlustfri bildkomprimering" minskar bildernas filstorlek utan att orsaka någon synlig kvalitetsförlust. Så din sida ändras knappast, samtidigt kan du avsevärt minska dess storlek genom att optimera din bild.

Uppskattningar av HTTP-arkiv enligt vilka bilder regelbundet står för den största andelen av en webbplats data. Krympande avbildningar 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 Använda det är verkligen den bekvämare lösningen. Eftersom Plugins inte bara låta dig komprimera nya bilder och deras miniatyrer, de också automatiskt knappen alla befintliga bilder av din sida. Denna tjänst är dock ofta avgiftsbelagd.

#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, särskilt många användare visar rädsla för beröring. Men även utan kod expertis, kan du enkelt förstå vad CSS och JavaScript handlar om. I princip finns det tre saker att göra här:

  • Sammanfattningsvis: 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 sammanfattas minskar antalet filer som ska läsas in och därmed antalet begäranden. Av 53 enskilda samtal kommer till exempel endast ett dussin att göras. Naturligtvis är Lämpliga Plugins Till dig.
  • Minska: CSS- och JavaScript-filer är kodrader som aktiverar vissa funktioner och teman på sidan. Denna kod är skriven av människor. Men det läss upp av maskiner. Varför är detta relevant? Mycket av vad en person behöver för att förstå koden korrekt behövs inte av datorn. Utrymmen, kommentarer etc. behövs inte för att din sida ska kunna byggas korrekt. Det är här du ställer in Plugins Hur Autoptimize Att. Du konverterar CSS och JavaScript från human- till maskinläsbar kod. Detta gör de enskilda datapaketen mindre och överföringen snabbare.
  • Komprimera: När du har summerat och komprimerat är det sista steget att komprimera de datapaket 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. Det gå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 din värdare har redan aktiverat komprimering på serversidan.

Så även utan kunskap om manus, är det lätt att förstå vad de enskilda åtgärderna medföra. Och för alla tre stegen finns det Plugins , som också tillåter lekmän att optimera CSS och JavaScript. I vår Artiklar om CSS och JavaScript Optimeringförklarar vi mer information för dig och ger olika Plugins Innan.

Fyra segrar!

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

#5 Utan hosting, är allt ingenting

De första fyra optimeringsfälten lovar en hel del tidsförminskning, men kan gå vilse om ditt webbhotell saktar ner dig. Som ett resultat av detta finns det mindre Maskinvarukrav För WordPress   utan snarare vissa tekniker som visar att en värdare kan du 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-minne gräns på minst 64MB, bättre 128MB
  • Datacenter i Tyskland
  • Nuvarande 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 erfarenhet att de billiga hosting taxorna, som kostar bara 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 har nämnt hittills, 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 man tränga djupare in i sidostrukturen. Och enskilda optimeringsåtgärder har inte längre samma penetrationseffekt.

#6 Render Blockering - Fel ordning vid inläsning

En punkt som gjorts av verktyg som Google PageSpeed Insights upprepade gånger klagat på är en lastorder 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 att visa. Så det tar längre tid att ladda sidan. Detta villkor kan förhindras genom rätt lastningsordning.

Ä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 är de bästa resultaten vanligtvis uppnås av en webbdesigner som är väl insatt i webbplatsen och dess funktioner.

#7 Ovanför luckan - Optimera det synliga området på sidan

Utöver den totala laddningstiden för din webbplats kan de viktigaste filt laddningstid Avgörande. Detta är den tid som en besökare på din webbplats uppfattar som laddningstid. Denna filt laddningstid kan förkortas med några knep. Detta ger en användare intrycket att sidan redan är helt konstruerad, även om den fortfarande beräknas i bakgrunden.

Särskilt viktigt för att optimera detta som en Ovanför luckan angivet intervall är optimering av lastordern. Det innebär att du prioriterar innehåll och funktioner som besökarna bör se på den första skärmstorleken.

WordPress Prestanda: Illustration av The Above the Fold av raidboxes.de
Det övre området indikeras för besökaren genom att raidboxes.de utan att rulla. Detta är den så kallade Above the Fold. För ytterligare information måste besökaren interagera med och bläddra på sidan.

Du kan till exempel göra detta genom att optimera inläsningsordern. Men det finns också Plugins , vilket gör att din sida laddas mer effektivt. Och bara det synliga området. Lat belastning Eller a3 Lat belastning är exempel på sådana Plugins . Således får användaren alltid allt innehåll han eller hon behöver, men sidan laddningstiden kan fortfarande dra nytta av det, särskilt om det är en bild-tung sida.

#8 databas

Förutom bilder och skript kan databasen också bli för stor. Det finns också praktiska verktyg som håller din databas vackert smal. 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 något av dina blogginlägg nämns på en sådan sida meddelas din sida automatiskt – och databasen belastas därför dessutom.

Om du inte behöver den här funktionen (mervärdet är försumbar enligt min mening) bör du inaktivera pingbacks och trackbacks. Även här Plugin WP-Optimera. För fullständighetens skull bör det dock nämnas 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 - så i slutändan, din bandbredd "stjäl". För en Apache-webbserver kan du förhindra hotlinking genom att infoga 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]

Om du vill förhindra hotlinking på en NGINX-server lägger du till dessa kodrader i filen NGINX wp-config:

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;
    }
}

Fördelning av koden:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
anger de filslutningar som du vill skydda mot hotlinking, 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 rader ä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 länka dina filer. I det här exemplet deineseite.de med alla underdomäner, samt Google, Bing och Yahoo.

if ($invalid_referer) {
return 403;
}
Nu, när en begäran kommer in och begäran resurs är inte högst upp på din vitlista, servern returnerar en 403 (Förbjudet).

Du har inte tillgång till wp-config?

Du undrar vad du kan göra när ändringar i wp-config med din värdinna (t.ex. RAIDBOXES ) är inte möjligt? I detta fall finns det många Plugins i den officiella WordPress Plugin-katalogför att förhindra hotlinking. A Plugin , som erbjuder denna funktion, är till exempel Allt i ett WP Security & Firewall. Det är Plugin är på mer än 800.000 WordPress och har ett genomsnittsbetyg på 4,8 av 5 stjärnor (med nästan 1 000 recensioner).

"Och CDN då?"

En av de vanligaste frågorna är en CDN. Till exempel: "Gör en CDN min webbplats snabbare för besökare i Tyskland?", "Varför behöver jag en 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 kort, en CDN är det mest meningsfullt när användarna är geografiskt fördelade. 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 är WordPress Utvecklare Ernesto Ruge förresten, en mycket fina objekt som jag bara kan rekommendera till 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, såsom 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 ska fokusera på "lågt hängande frukter" av optimering. För med relativt liten ansträngning kan du redan göra stora framsteg när det gäller att minska laddningstiden. Och även om du är lekman.

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

I grunden handlar laddningstidsoptimering om bara 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 -Vänd prestanda. Och för mer komplexa optimeringssteg finns det också experter som kan få din webbplats att gå upp till scratch.

Liknande artiklar

Kommentarer om den här artikeln

Skriv en kommentar

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