De 10 vigtigste justeringsskruer på din WordPress Ydeevne

Torben Simon Meier Sidst opdateret 29.03.2021
10 Min.
WordPress Ydelse: De 10 vigtigste justeringsskruer
Sidst opdateret 29.03.2021

Internettet vrimler med tips og tricks om, hvordan man WordPress Ydeevne. Desværre falder forklaringer og evalueringer af relevansen af de forskellige justeringsskruer hurtigt ind under bordet. Vi viser dig de vigtige udgangspunkter og justering af skruer – i fornuftig rækkefølge og med kontekst. Dette giver dig mulighed for at opnå succes især hurtigt.

I mellemtiden har vi allerede modtaget omkring 15.000 WordPress Projekter. En masse data er gået tabt. Og vi bliver konstant spurgt af kunderne, hvordan de kan se sidens indlæsningstid for deres WordPress projekter kan reduceres yderligere. Så vi har systematisk behandlet vores resultater fra analysen af vores kundesider fra de seneste år. Resultatet: 10 foranstaltninger til at hjælpe dig hurtigt og nemt WordPress Ydeevne.

En ting er især vigtigt: Nogle brugere bliver hurtigt svigtet af optimeringsforslag fra værktøjer som Google PageSpeed Insights Afskrække. Lad os få at vide: Du får ikke mest belastningstidsgevinst med komplicerede optimeringsforanstaltninger, men med metoder, der er lette at implementere.

WordPress -Forslag til optimering af ydeevne fra Google
Få site operatører kan gøre noget konkret med denne besked. Derfor er det især vigtigt, at du først koncentrerer dig om de enkle optimeringstrin, og kun i det andet trin nærmer du dig de mere komplicerede foranstaltninger.

Selvfølgelig er optimering af opladningstid ikke et mål i sig selv. Ud over en bedre oplevelse for dine brugere giver en kortere indlæsningstid også fordele i synligheden af dit tilbud på Google. Derfor vil jeg kort skitsere, hvad de enkelte optimeringstrin handler om for at skabe den rette kontekst.

Så du kan teoretisk arbejde dig igennem fra top til bund og forbedre indlæsningstiden for din side trin for trin. De første syv punkter vedrører i øvrigt også de typiske forslag til forbedring af Google PageSpeed Insights , som vi vil diskutere mere detaljeret, for eksempel i denne artikel.

#1 Caching - den vigtigste præstationsfaktor nogensinde

Cachelagring betyder, at din side ikke først skal anmodes om af browseren fra webserveren og derefter bygget trin for trin. I stedet indlæses siden fra en cache, og gengivelsen er færdig.

Fordelen ved denne cachelagring er indlysende: WordPress behøver ikke at genberegne siden, hver gang du får vist siden. Der WordPress baseret på den meget langsomme PHP er en cache elementær her. En af de ting, der forhindrer PHP i at blive læst op.

I princippet er der to implementeringsvarianter for cacher:

  • Om caching- Plugins : De fleste brugere bruger en cachelagring Plugin , f.eks. Disse er nogle gange lettere at oprette lidt mere kompliceret. Under alle omstændigheder kræves der en vis mængde manuelt arbejde her.
  • Om værten: Nogle værter - såvel som RAIDBOXES - tilbyder cachelagring på serversiden. Det betyder, at du næsten altid skal Plugins kan undvære. Fordi din udbyder allerede har overtaget konfigurationen af cachen for dig.

Hvis du har oprettet en performativ cachelagring, har du det vigtigste skridt i retning af mere WordPress ydeevne, der allerede er udført. For flere detaljer, kan du tjekke vores artikel om Caching Basics.

#2 WordPress oprydning - ordren skal være

Det er vores erfaring, at en af de mest almindelige årsager til lange indlæsningstider er en overbelastet WordPress Installation. Og fordi dette forbedringspunkt ikke er fra Google PageSpeed Insights han kommer på andenpladsen i min top 10.

En overbelastet WordPress installation betyder i langt de fleste tilfælde: Der er for mange Plugins Installeret. Grundlæggende er det sådan, at jo mindre Plugins , jo hurtigere er siden. Selvfølgelig Plugins vigtigt og uden det ikke er muligt, men du bør altid kontrollere, hvilke Plugins du virkelig har brug for det.

Og: Du skal være opmærksom Plugins ikke bare for at deaktivere det, men faktisk slette det helt.

WordPress Forbedre ydeevnen: Din plugin oversigt viser dig præcis, hvor mange Plugins du har installeret, aktiveret og endnu ikke opdateret.
Din Plugin oversigt viser dig præcis, hvor mange Plugins er deaktiveret i øjeblikket. I princippet bør "Inaktiv" altid have et nul. Hvis ikke, så spørg dig selv: Har jeg brug for handicappede Plugin Nogensinde?

Det samme gælder for Themes : Du behøver ikke mere end én.

Baggrunden er som følger: Hver Plugin og hver eneste Theme tilføjer PHP-kode til din side. Dette gælder også for deaktiverede Plugins . Som et resultat vil din side være mere omfangsrig samlet, langsommere (og mere sårbar over for angreb). Fordi PHP er en meget langsom scripting sprog. Jo mindre af dette er til rådighed, jo bedre.

Ofte er der ikke længere brug for Plugins Og Themes Rester af funktions- og designtest. Derfor er det et godt sted at WordPress sider regelmæssigt og på den anden side skal du teste nye funktioner og temaer i et testmiljø og ikke på livesiden. Så du kan ikke engang få for mange Plugin - Samler rester.

#3 billeder: den undervurderede opladningstidsbremse

En af de mest effektive og enklere måder at reducere sideindlæsningstiden på er at reducere billeder. Fordi her kan du gemme nogle gange store mængder data. Den såkaldte "tabsfri billedkomprimering" reducerer filstørrelsen på dine billeder uden at skabe synlige tab af kvalitet. Så din side ændres næppe, samtidig med at du kan reducere dens størrelse betydeligt ved at optimere dit billede.

Http Archive anslår, at billeder regelmæssigt tegner sig for den største andel af et websteds data. Formindskelse af dine billeder bør være et af de første optimeringstrin. Du kan enten udføre en billedoptimering manuelt, eller du kan bruge den en komprimering Plugin .

A Plugin Brug af det er helt sikkert den mere bekvemme løsning. Fordi Plugins ikke kun give dig mulighed for at komprimere nye billeder og deres miniaturer, de også automatisk knap alle eksisterende billeder af din side. Denne service er dog ofte underlagt et gebyr.

#4 CSS og JavaScript - lyder omfangsrigt, men er let at optimere

Den næststørste mængde data på din side er normalt JavaScript- og CSS-filer. Her viser især mange brugere frygt for berøring. Men selv uden kodeekspertise kan du nemt forstå, hvad CSS og JavaScript handler om. I princippet er der tre ting at gøre her:

  • Sådan opsummeres: CSS og JavaScript er skjult i mange små individuelle filer. Normalt skal hver af disse filer anmodes af browseren individuelt fra webserveren. Dette genererer HTTP-anmodninger, der har tendens til at forlænge sidens indlæsningstid. Men når scripts opsummeres, reduceres antallet af filer, der skal indlæses, og dermed antallet af anmodninger. For eksempel vil der ud af 53 individuelle opkald kun blive foretaget et dusin. Selvfølgelig er Passende Plugins For dig.
  • Reducer: CSS- og JavaScript-filer er kodelinjer, der aktiverer bestemte funktioner og temaer på siden. Denne kode er skrevet af folk. Men det læses op af maskiner. Hvorfor er det relevant? Meget af det, en person har brug for for at forstå kode korrekt, er ikke nødvendigt af computeren. Rum, kommentarer osv. er ikke nødvendige for, at din side kan bygges korrekt. Det er her, du indstiller Plugins f.eks. Du konverterer CSS og JavaScript fra menneske- til maskinlæsbar kode. Dette gør de enkelte datapakker mindre og deres transmission hurtigere.
  • Komprimer: Når du har opsummeret og kollapset, er det sidste trin at komprimere de datapakker, der sendes fra webserveren til browseren. Det betyder, at serveren minimerer filstørrelsen på hver anmodning, og browseren pakker den ud og beregner den. Dette er hurtigere end at sende ukomprimerede datapakker. Du kan oprette en GZIP-komprimering, f.eks. Plugins via manuelle indstillinger i .htaccess, eller værten har allerede aktiveret komprimering på serversiden.

Så selv uden kendskab til manuskripterne er det let at forstå, hvad de enkelte foranstaltninger bringer. Og for alle tre trin, er der Plugins , som også gør det muligt for lægfolk at optimere CSS og JavaScript. I vores artikel om CSS og JavaScript-optimeringforklarer vi flere detaljer og præsenterer forskellige Plugins Før.

Fire sejre!

Dette var de fire områder, hvor vores kunder var i stand til at spare en masse indlæsningstid. Med relativt lille indsats kan du WordPress ydeevne gennem cachelagring, billedoptimering, optimering af CSS &JavaScript samt oprydning WordPress forbedres betydeligt.

#5 Uden hosting er alt ingenting

De første fire optimeringsfelter lover en masse tidsreduktion, men kan gå tabt, hvis din hosting bremser dig. Det betyder, at færre af hardwarekravene til WordPress   men snarere visse teknologier, der viser dig, at en hoster giver dig mulighed for at WordPress optimeret på passende vis.

Som tommelfingerregel kan du huske, at WordPress Hosting skal have disse nøgledata:

  • SSD-harddisk
  • PHP hukommelse grænse på mindst 64MB, bedre 128MB
  • Datacentre i Tyskland
  • Nuværende PHP version (7,4)
  • HTTP/2 og gratis SSL-certifikat

Så er der forskellen mellem delt hosting og din egen (virtuelle) server.

I delt hosting deler du serveren og dens computerkraft med andre websteder. Normalt et par dusin til et par hundrede. Med din egen server behøver du ikke at dele computerkraften med nogen. Frem for alt giver det fordelen ved ydeevne pålidelighed.

Selvom en dedikeret server ikke er synonym med mere ydeevne, viser erfaringen, at de billige hostingtakster, der kun koster et par euro om måneden, ikke kan konkurrere med virtuelle servere med hensyn til ydeevne.

Finesserne - mindre penetration, større indsats

Alle præstationsrelevante områder, som jeg har nævnt indtil videre, kan bruges af stort set alle WordPress Brugere. Enten via Plugins , let at afprøve eller købe passende produkter. Det bliver mere kompliceret, når du allerede har optimeret disse områder. Fordi så er du nødt til at trænge dybere ind i sidestrukturen. Og individuelle optimeringsmål har ikke længere den samme penetrationskraft.

#6 Gengiv blokering - forkert rækkefølge ved indlæsning

Et punkt fra værktøjer som Google PageSpeed Insights gentagne gange klaget over, er en belastning ordre, der blokerer rendering.

Et eksempel illustrerer problemet: En skyder består af billeder og den animationskommando, der roterer disse billeder. Hvis JavaScript-kommandoen indlæses først, og billederne slutter, har siden allerede skyderens funktion, men ikke billeder, der skal vises. Så det tager længere tid at indlæse siden. Denne betingelse kan forhindres af den korrekte indlæsningsrækkefølge.

Selv om der ikke er nogen Plugins , men vores erfaring viser, at de ikke altid er i stand til fuldt ud at optimere dit websted. I et sådant tilfælde opnås de bedste resultater normalt af en webdesigner, der er velbevandret på webstedet og dets funktioner.

#7 Over folden - Optimer sidens synlige område

Ud over den samlede indlæsningstid på dit websted er filtbelastningstiden særlig afgørende. Det er det tidspunkt, hvor en besøgende på dit websted opfatter som indlæsningstid. Denne følte indlæsningstid kan forkortes med nogle tricks. Dette giver en bruger indtryk af, at siden allerede er helt konstrueret, selvom den stadig beregnes i baggrunden.

Optimering af belastningsrækkefølgen er især vigtigt for at optimere dette område, kendt som over klappen. Det betyder, at du skal prioritere indhold og funktioner, som dine besøgende skal se på den første skærmstørrelse.

WordPress Ydeevne: Illustration af ovenstående fold af raidboxes.de
Det øverste område vises for den besøgende på raidboxes.de uden at rulle. Dette er den såkaldte Above the Fold. For yderligere information skal den besøgende interagere med og rulle på siden.

Det kan du f.eks. gøre ved at optimere indlæsningsrækkefølgen. Men der er også Plugins , hvilket vil gøre sideindlæsningen mere effektiv. Og kun det synlige område. Lazy Load eller a3 Lazy Load er eksempler på sådanne Plugins . Således modtager brugeren altid alt det indhold, han eller hun har brug for, men sideindlæsningstiden kan stadig drage fordel af det, især hvis det er en billedtung side.

#8 database

Ud over billeder og scripts kan databasen også blive for stor. Der er også praktiske værktøjer, der holder din database smukt slank. F.eks. Plugin WP-Optimer.

#9 pingbacks og tilbagelinks

Interagerer som standard WordPress med andre sider, der tillader pingbacks og tilbagelinks. Hver gang din side eller et af dine blogindlæg nævnes på en sådan side, får din side automatisk besked – og dermed belastes databasen yderligere.

Hvis du ikke har brug for denne funktion (merværdien er ubetydelig efter min mening), bør du deaktivere pingbacks og tilbagelinks. Også her er Plugin WP-Optimer. Af hensyn til fuldstændigheden bør det imidlertid nævnes her, at dette mere er et teoretisk problem. Som følge heraf har ingen af vores kunder lidt alvorlige tab af ydeevne.

#10 forhindre hotlinking

Hotlinking betyder, at en person linker direkte til et billede på din server - og dermed "stjæler" din båndbredde. På en Apache-webserver kan du forhindre hotlinking ved at tilføje følgende kode til din .htaccess-fil:

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]

For at forhindre hotlinking på en NGINX-server skal du tilføje disse kodelinjer til din NGINX-konfigurationsfil:

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

Kodens fordeling:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
angiver de filafslutninger, du vil beskytte mod hotlinking, f.eks.
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Disse linjer er lidt omfattende, men det hjælper dig med bedre at forstå, hvad du kan gøre med denne regel. Disse linjer angiver stort set, hvilke domæner der stadig kan hotlinke dine filer. I dette eksempel kan du deineseite.de med alle underdomæner, samt Google, Bing og Yahoo.

if ($invalid_referer) {
return 403;
}
Når en anmodning kommer ind, og anmodningsressourcen IKKE er øverst på din hvidliste, returnerer serveren nu en 403 (Forbudt).

Andre metoder til at forhindre hotlinking

Der findes adskillige sikkerhedsprogrammer Plugins i den officielle WordPress plugin-mappe, som du kan bruge til at forhindre hotlinking - f.eks. All In One WP Security & Firewall. Plugin er aktiv på over 900.000 WordPress hjemmesider og har en gennemsnitlig bedømmelse på 4,8 ud af 5 stjerner (med over 1.000 anmeldelser). Du kan også forhindre hotlinking via CORS-headers i dine indstillinger for BOX . Hvis du har spørgsmål om konfigurationen af overskriften på din BOX , er du velkommen til at kontakte os i vores support.

"Og hvad med CDN?"

Et af de oftest stillede spørgsmål er indholdsleveringsnetværket (CDN). For eksempel: "Gør en CDN mit websted hurtigere for besøgende i Tyskland?", "Hvorfor har jeg brug for en CDN?", "Vil du anbefale, at jeg bruger en CDN til min blog eller butik?". I de fleste tilfælde var svaret imidlertid nej.

For at være kort giver en CDN mest mening, når dine brugere er geografisk fordelt. Så hvis du har kunder i Centraleuropa, Sydamerika og Australien, for eksempel. Hvis din kernemålgruppe er begrænset til ét land, kan du bruge et CDN til at optimere WordPress ydeevne direkte.

På dette område WordPress -Developer Ernesto Ruge ved den måde skrev en meget flot artikel, som jeg kun kan anbefale til dig.

Konklusion: Vær ikke bange for komplicerede optimeringstrin

Brugere har ofte frygt for kontakt med områder, hvor indlæsningstiden er særlig let at spare. Eller de forsømmer disse områder. Andre, såsom CDN, kommer op igen og igen under konsultationer, selv om de normalt ikke har nogen effekt på sideindlæsningstiden.

Derfor kan jeg kun anbefale, at du først skal fokusere på optimeringens "lavthængende frugter". Fordi du med relativt lille indsats allerede kan gøre store fremskridt med at reducere din opladningstid. Og selv hvis du er lægmand.

Så lad ikke råd fra værktøjer som Google PageSpeed Insights Foruroligende.

I sin kerne er opladningstidsoptimering kun omkring nogle få områder:

  • Reducere sidens størrelse
  • Reducere HTTP-anmodninger
  • Komprimering af de enkelte datapakker
  • Optimering af brugeroplevelsen

Hvis du har forstået dette, kan du også med fordel arbejde på de 10 vigtigste justeringsskruer i WordPress - Drej ydeevne. Og for mere komplekse optimeringstrin er der også eksperter, der kan få dit websted op til bunden.

Lignende artikler

Kommentarer til denne artikel

Skriv svar på en

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *.