Sådan øges WordPress-ydelsen i dag: 7 effektive måder

WordPress-ydeevne

Den ultimative guide til analyse og rettelse af ydeevnen på dit WordPress-websted

At CollectiveRay Vi leder altid efter måder at gøre vores websteder hurtigere. Vores websted indlæser HURTIGT. Virkelig virkelig hurtigt! Og vi vil også have, at dine websteder skal fungere hurtigt. Derfor har vi i dag valgt at udgive en artikel, der fokuserer på WordPress -ydeevne.

Du ved måske allerede, at WordPress-ydeevne er kritisk for dit websteds succes. Undersøgelser har vist, at brugere begynder at opgive dit websted, hvis det ikke indlæses inden for 3 sekunder.

Især har folk, der søger på websteder fra deres mobile enheder, typisk langsommere forbindelser, især hvis de er på dataplaner og har en tendens til at have meget less tålmodighed med langsomme websteder.

E-handelswebsteder mister også salg, når webstedets ydeevne er langsom.

Ifølge en studere, hvis et websted forsinkes et sekund, reduceres konverteringsfrekvensen med 7%. Det er tilstrækkeligt at sige, at WordPress-ydeevne er en af ​​de ting, du skal fokusere på, hvis du vil have dit websted til at få succes.

wordpress performance infografik

De fleste WordPress-websteder maksimerer ikke deres fulde potentiale

Selvom WordPress er en fantastisk blogplatform og CMS, er den barske virkelighed, at de fleste websteder ikke maksimerer sit fulde potentiale. Det er hovedsageligt fordi de fleste webstedsejere ikke er teknikere, der kunne analysere WordPress-ydeevne, forstå problemområderne og tage de nødvendige handlinger for at øge WordPress-ydeevnen.

Hvis du ikke er sikker på, om dit websted har sit fulde potentiale, skal du blot kopiere nedenstående kode og indsætte den i din footer.php-fil.

<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.

sidefodskode

I din sidefod vil den nu vise, hvor lang tid en side tager at indlæse, og hvor mange MySQL-forespørgsler siden udfører.

Top tip: Er du ikke sikker på alle de tekniske ting? Det vil du måske ansæt en WordPress-udvikler - vores guide hjælper dig med at finde den rigtige.

1. Sådan finder og retter du et WordPress Performance-fald

Før du implementerer forskellige taktikker, der kan hjælpe med at øge WordPress-ydelsen, er det altid bedre at scanne dit WordPress-websted, analysere ydeevneproblemer og kontrollere, hvad der forårsager et præstationsfald.

Når du har identificeret problemerne, er det næste trin at rette dem for at fjerne flaskehalsen.

Mange plugins hjælper dig med at analysere WordPress-ydeevne. Tidligere plejede vi at anbefale P3 (Plugin ydeevne Profiler) til dette formål, men dette plugin er ikke blevet opdateret i de sidste 5 år på tidspunktet for opdateringen af ​​denne artikel. 

Fremover anbefaler vi nu et nyt plugin til at diagnosticere ydeevneproblemer: Query Monitor. Dette er et godt værktøj, der er i aktiv udvikling og er i stand til at diagnosticere ydeevnedråber på forskellige måder.

Bemærk: Inden du går videre, skal du sørge for at tage en sikkerhedskopi af dit websted, så i tilfælde af at noget går galt, kan du nemt vende tilbage til den tidligere version. Vi vil anbefale drastiske ændringer på dit websted, så sørg for at du har en fuld arbejdskopi, før du begynder at tinkere. Selv mindre ændringer kan ødelægge dit websted, eller du kan have et plugin, der foretager en ændring, som du ikke er i stand til at gendanne. TAGE SIKKERHEDER!

Anbefalet læsning: Sådan sikkerhedskopieres WordPress indbygget eller med et plugin

Query Monitor

ikon for forespørgselsovervågningSom vi har nævnt, er dette værktøj godt, fordi det kan diagnosticere en række præstationsproblemer, herunder:

  1. Problemer forårsaget af langsomme plugin-forespørgsler
  2. Dårligt udførte plugins, temaer eller funktioner
  3. PHP-fejl, der forårsager ydelsesproblemer
  4. Blok editor blokke forårsager problemer
  5. Miljøproblemer såsom PHP-problemer

Pluginet er meget pænt organiseret, hvor information er grupperet efter plugin eller tema, så du hurtigt kan identificere performance-dråber eller plugins, der forårsager for meget overhead.

Den første ting, du vil bemærke, når du installerer og aktiverer pluginet, er målinger af den tid, det tager at gengive den aktuelle side i den øverste bjælke i WordPress-administratoren:

bjælke til forespørgselsovervågning

Identificer langsomme komponenter

Vi klikker derefter på den øverste bjælke og vælger Forespørgsler >> Forespørgsler efter komponent. Hvad vi ser på denne skærm er en komplet liste over hvert installerede plugin, og hvor meget tid de "bruger".

For eksempel i skærmbilledet nedenfor kan vi se revslider-komponenten, er den største præstationssvin efter de vigtigste WordPress-funktioner:

forespørgsel overvåge forespørgsler efter komponent

Hvad skal du gøre med resultater?

På dette tidspunkt er det op til dig at beslutte, om komponenten er vigtig for dit websted i betragtning af dens indvirkning på webstedets ydeevne. Du kan udføre en sådan evaluering på hver komponent på dit websted. 

Se især på dem, der klart er præstationssvin, dvs. de bruger mest tid, når det kommer til forespørgsler. Hvis du er seriøs med hensyn til ydeevne, skal du deaktivere dette plugin, enten udskifte komponenten med en, der klarer sig bedre, ændre funktionaliteten eller justere indstillingerne for pluginet for at sikre, at det fungerer ved maksimal ydelse.

Generelt vil du muligvis komme i kontakt med sælgeren af ​​eventuelle langsomme plugins, fortæl dem om dit præstationsproblem og se om der er nogen handlinger, du kan tage for at forbedre ydeevnen.

Identificer overdreven scripts

Et andet afsnit af Query Monitor, du skal se på, er scripts-funktionen. Mens Javascript er en vigtig komponent i WordPress, skaber det store antal forskellige scripts, der bruges af forskellige temaer og plugins, som vi har brug for, en alvorlig præstationspåvirkning på de fleste hjemmesider i dag.

Du vil bemærke, at websteder som Pagespeed Insights faktisk advarer dig om dette, og at du bør overveje at reducere JS-nyttelastene.

javascript-udførelsestid

Klik på Scripts for at se, hvor mange scripts der bruges af dit websted. Mens mange af disse scripts er en del af kernefunktionerne, skal du kontrollere, at du har brug for ALLE disse scripts, eller måske er der ting, du ikke længere bruger, som du kan fjerne.

Dette gælder også for typografierne eller de CSS-typografiark, der er i brug. Kontroller, om der er stilart, der tilføjes til det output, som du ikke længere har brug for.

Klik til sidst på Miljø for at kontrollere, om der er infrastrukturproblemer, der holder dit websteds ydeevne tilbage. For eksempel kan vi se, at dette websted endnu ikke er opgraderet til de nyeste versioner af PHP.

PHP 7.0.33 er i dag en relativt gammel version af PHP, og senere versioner som PHP 7.3 kan udføres og dermed udføre mange gange hurtigere.

forespørgsel overvåge miljøproblemer

P3 (Plugin ydeevne Profiler)

p3 inden scanning

Vi vil beholde dette indhold her af ældre grunde, og fordi P3-profiler stadig i nogle tilfælde er et gyldigt plugin til fejlfinding, selvom det ikke længere vedligeholdes af GoDady.

Dårligt konfigurerede plugins er en af ​​hovedårsagerne, der påvirker WordPress-ydelsen negativt.

Derfor har vi brug for et værktøj som P3, WordPress-profiler-pluginet. Ideen bag P3 er, at den faktisk analyserer udførelsestiden for hvert WordPress-plugin og derefter præsenterer dig en graf med udførelsestider.

Dette giver dig mulighed for at se, hvilke plugins du skal fokusere mest på.

For et stykke tid begyndte et af vores WP-websteder at blive dårligere i ydeevne. Hvert hit tog 10 til 15 sekunder at udføre.

Efter installation af P3 fandt vi ud af, at et af plugins tager mere end 8 sekunder at udføre. Det var noget, vi kunne undvære, så vi dræbte det uden tøven.

Boom. Site loading tilbage til normal.

Dette er et perfekt eksempel på, hvordan du kan bruge WordPress-ydeevneprofiler.

Lad os se, hvordan vi arbejder med P3 til fejlfinding af WordPress-ydeevne.

Når du har installeret P3-pluginet, skal du klikke på fanen 'P3 Plugin Profiler' under menuen Funktioner. Klik på knappen 'Start scanning' >> Auto Scan.

Når scanningen er slut, skal du klikke på knappen 'Vis resultater'.

I stedet for automatisk scanning kan du vælge en manuel scanning, hvis du vil analysere baggrundsydelsen for en bestemt side.

I stedet for at klikke på knappen 'Auto Scan', skal du klikke på 'Manuel scanning' i ovenstående trin.

manuel scanning

Klik derefter på linkene og siderne på dit websted, og scanneren analyserer hastigheden og ressourceforbruget af alle dine aktive plugins på en bestemt side. Når scanningen er afsluttet, vil du se knappen "Vis resultater". Klik på den.

P3-scanningsresultater

Nu får du detaljeret indsigt som f.eks. Plugin-indlæsningstid, hvor meget de påvirker den samlede indlæsningstid og databaseforespørgsler pr. Besøg.

P3 detaljerede scanningsresultater

Hvad skal man gøre med resultaterne

Den største fordel ved at bruge P3-pluginet er, at du kan e-maile resultaterne til dig selv, din udvikler eller dit supportteam, så de let kan identificere de reelle problemer, der forårsager præstationsfald. Du finder denne funktion meget nyttig, især hvis du ikke er en programmør, der selv kunne analysere problemerne.

e-mail-resultater

Hvis du har mistanke om et plugin eller en temafunktion til performance drop, kan du køre P3-scanneren for at bestemme problemet. Da P3 har en omfattende hjælpeafdeling, kan du nemt finde ud af, hvad der forårsager langsommelighed udover plugin og mange andre ofte stillede spørgsmål. Så selvom du ikke er sikker på, hvad tallene fortæller, kan du fortolke resultaterne med hjælpeafsnittet

Bortset fra at se på pluginproblemerne, kan du også kontrollere disse guider, som hjælper dig med at finde og rette sårbarheder i dine WordPress-temaer:

Du kan også finde flere WordPress-tip til webstedsejere i den relevante menu ovenfor.

Indtil videre har vi set, hvordan man analyserer WordPress-ydeevne med P3-plugin. Lad os nu se på forskellige WordPress-ydelsesoptimeringsmetoder, der hjælper dig med at fremskynde din servers responstid og forbedre sidehastighedsydelsen.

2. Forbedre WordPress-ydeevne gennem billedoptimering

walmart

Optimering af WordPress -billeder er en væsentlig del af forbedringen af ​​WordPress -ydelsen, fordi billeder ofte tegner sig for det meste af det downloadede bytes på en webside.

Nedenfor er et par måder at optimere WordPress-billeder på.

Billedkomprimering

Størrelsen af ​​billederne på dit websted vil have en stærk indflydelse på sideindlæsningshastigheden. Før du uploader et billede til dit websted, skal du sørge for at gemme det på en måde, der er komprimeret til websteder. For eksempel har Photoshop en funktion kaldet Save for Web, der komprimerer billeder uden at miste kvalitet. Brug denne eller en lignende måde til at uploade mindre versioner af billeder.

Du kan også vælge at bruge et plugin, der automatisk komprimerer billeder, såsom WP Smush IT.

Lazy Loading af billeder

Både Chrome og WordPress 5.4 planlægger at introducere doven indlæsning af billeder som standard. Men hvis dit websted ikke kører en nyere version af WordPress, bør du overveje at installere et lazy loading plugin. A3 doven belastning er et godt plugin, der opretholdes aktivt på tidspunktet for skrivningen af ​​denne artikel.

For at forklare dette koncept er det en funktion, hvor billeder kun indlæses, når en bruger begynder at rulle eller er ved at se et billede. Dette betyder, at webstedet ikke lider under ydelsespåvirkningen ved at skulle indlæse alle billederne, så snart en bruger rammer webstedet.

Hvis du bruger for mange billeder på en webside, er dette en vigtig funktion for at forbedre ydeevnen.

Brug det korrekte billedformat

GIF, JPEG, JPG og PNG er de mest populære billedformater. Da hvert format har sine egenskaber og fordele, kan brug af det rigtige hjælpe med at forbedre sidehastigheden. Generelt gemmer PNG den højeste mængde information og er typisk den bedste kvalitet (men også den største). JPG-billeder er en god mellemgrund, der giver god kompression og god kvalitet.

Konverter dine billeder til WebP

WebP er et nyt billedformat, der får støtte fra de store browsere og er en af ​​de anbefalede optimeringer fra Googles Page Insights-præstationsværktøj. Mens det for op til et par måneder siden var konvertering af billeder til WebP en hovedpine, blev der for nylig frigivet et nyt plugin, der muliggør konvertering af WordPress-billeder til WebP. Find pluginet her.

Gør effektiv brug af browserens cache

En anden effektiv måde at forbedre WordPress-ydelsen er ved at instruere browsere i at holde CSS, Javascript og billedfiler længere end normalt. Fordelen er, at det i sidste ende reducerer indlæsningstiden, selv når dine besøgende vender tilbage efter en lang periode. Vi har en god artikel om, hvordan du udnytter browsercaching til WordPress her.

Hvis du leder efter mere effektive måder til at forbedre WordPress-ydeevnen, kan du se på WP Rocket - et premium-plugin, hvis eneste grund til eksistens er at få websteder til at indlæse hurtigere.

Gør din WordPress hurtigere 

3. Lever ressourcer hurtigere ved hjælp af et Content Delivery Network (CDN)

Et CDN er et netværk af flere servere fordelt på forskellige placeringer rundt om i verden for at øge sidehastighed og brugeroplevelse. CDN cachelager det statiske indhold og filer på dit websted og leverer til dit websteds besøgende baseret på deres geografiske placering via en server, der er tættest på dem.

Ved at lade det tunge indhold (såsom billeder, CSS- og JS-filer) indlæses fra et sted, der er fysisk tættere på slutbrugeren, indlæses websidesiderne generelt meget hurtigere.

hvordan en cdn fungerer

At CollectiveRay, bruger vi og anbefaler StackPatch, tidligere MaxCDN. Alternativt, hvis du leder efter en gratis CDN, skal du læse 11 + 9 Free / Premium CDN WordPress-tjenester for at øge din webstedshastighed vores artikel, som vi ofte opdaterer med de bedste tjenester derude.

Til betaling StackPath CDN

4. Brug et cache-plugin til at mindske serverbelastningen og øge WordPress-ydelsen

Et cache-plugin forbedrer WordPress-ydelsen ved at generere statiske filer fra dit dynamiske WordPress-websted. Når den statiske side er genereret af pluginet, vil din webserver tjene den fil i stedet for at behandle en relativt tungere dynamisk WordPress PHP-scripts.

Endnu en gang må vi foreslå WP Rocket, det plugin, som vi installerer på alle WordPress-websteder, vi vedligeholder, fordi det fjerner så mange præstationshovedpine.

(Du kan endda se det installeret på det sted, hvor vi har skærmbilledet Query Monitor ovenfor og under - det samme sted)

wp raket wordpress cache

 

Der er andre caching Plugins du vil muligvis vælge, men disse er ikke så effektive (holistisk) som WP Rocket. Også for en så vigtig del af dit websted, såsom ydeevne, har du det bedre med et godt, premium caching-plugin.

Det understøtter endda mange af de funktioner, som vi diskuterede ovenfor, såsom:

  • Billedoptimering
  • Cache af sider og PHP-kode (OpCache)
  • LazyIndlæsning af billeder og WebP-integration
  • Optimering af filer og reduktion af filstørrelser
  • Optimering af webstedsdatabase og reduktion af oppustethed
  • Udnyttelse af browserens caching
  • Udskydelse af Javascript-filer
  • GZip-komprimering af webstedsindhold
  • ... og mange andre funktioner

For et mere detaljeret kig, lær hvordan man får en superhurtig WordPress-webside i dag - 21 handlinger.

5. Opdel dine lange indlæg i flere sider

Du har måske allerede bemærket det - Nogle websteder foretrækker at offentliggøre deres langformede artikler ved at opdele dem i flere sider. Det bedste er, at det hjælper med at forbedre indlæsningstiden, fordi hele siden ikke indlæses på én gang.

efter pagination

Men vidste du, at opdeling af en lang side i flere sider er en indbygget funktionalitet i WordPress?

Alt du skal gøre er at tilføje tag i din artikel, hvor du vil åbne en ny side.

6. Opdel kommentarer i sider

Blogs er ikke monologer. De er bygget til at have tovejssamtaler med dine læsere gennem blogkommentarer.

Når det er sagt, kan offentliggørelse af masser af kommentarer på dit blogindlæg forringe ydelsen på dit websted.

Af den grund deaktiverer mange bloggere at kommentere et indlæg efter et par dages offentliggørelse

Hvis du er bekymret for sidehastighed, i stedet for at deaktivere kommentarer, kan du opdele dine kommentarer i forskellige sider.

Hvordan ville du gøre det?

paginere kommentarer

Gå bare til Indstillinger >> Diskussioner, og marker afkrydsningsfeltet ud for 'Opdel kommentarer i sider'.

7. Deaktiver hotlinking

Hotlinking er en proces med at stjæle din båndbredde. For eksempel stjæler nogle indholdsskrabere dine billeder ved ikke at uploade dine billeder på deres servere, men betjener dem direkte fra dit websted. Som et resultat stjæler de din båndbredde, men du får slet ikke nogen besøg.

Du kan nemt undgå hotlinking ved at tilføje nedenstående kode til din .htaccess-fil.

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-domain-name [NC]

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

Tak for læsningen! Hvis du vil have en hurtig guide til optimering af dit WordPress-websted til ydeevne, er denne fantastiske guide til, hvordan du gør det optimer WordPress-websteder til hastighed er et must. Ønsker mere? For flere WordPress-tricks som dette kan du henvise til denne vejledning: 101 WordPress-tricks, som enhver seriøs blogger skal vide.

WordPress Performance Plugin

For mange af jer derude er debugging af ydeevneproblemer og gør deres hjemmeside hurtigere ikke deres kop te, og det er klart, det er derfor, vi er kommet op med denne artikel, vi prøver at gøre det lidt lettere for dig fyre.

Men hvad hvis vi fortalte dig, at der er en endnu lettere måde at gøre dit websted hurtigere på? Med blot et par klik kan du løse de fleste af dine præstationsproblemer og sørge for, at de aldrig kommer tilbage.

Den løsning er WP Rocket. Dette er et WordPress-ydeevne-plugin, som er skrevet specielt til WP og har vist sig at fjerne alle slags flaskehalse fra de fleste websteder.

Det håndterer sådanne ting som

  • Cache-fil og database
  • Billedoptimering
  • Browser cachelagring
  • Fjernelse af døde plugins og deres tabeller
  • Optimering af databasetabeller
  • Lazy loading
  • Integration med et CDN
  • GZip-komprimering (læs mere om, hvordan du aktiverer GZIP-komprimering manuelt her)
  • og masser af andre optimeringer

Det er ikke gratis, men det er investeringen værd. Når alt kommer til alt, vil en hurtig webside være til gavn for både dig som webstedsejer og vigtigst af alt dine besøgende og potentielle kunder.

Tjek WP Rocket

Ofte stillede spørgsmål

Hvordan kan jeg øge min WordPress-præstation?

For at øge WordPress-ydeevnen skal du først identificere, hvad der forårsager dit websteds ydeevneproblemer. Langsom, billig delt hosting er en betydelig synder, så først og fremmest vil du planlægge at opgradere din hosting. Gennemfør derefter en handlingsplan for at gøre følgende:

  1. Reducer WordPress-plugins
  2. Reducer eksterne tredjeparts scripts
  3. Reducer store billedstørrelser eller brug optimale formater såsom WebP
  4. Aktivér GZip-komprimering
  5. Aktivér browsercaching
  6. Implementere udsættelse af parsing af Javascript
  7. Opret et caching-plugin som f.eks. WP Rocket
  8. Opgrader til den nyeste PHP-version
  9. Og til sidst skal du oprette et CDN.

Er WordPress langsom?

WordPress er ikke langsom som standard. Men hvis du har installeret for mange plugins, meget trafik og dårlig webhosting, begynder din WordPress til sidst at blive langsommere. Du skal først identificere, hvor din præstationsflaskehals ligger, og handle derefter.

Hvordan kan jeg fremskynde mit WordPress-websted?

Der er flere handlinger, du kan tage for at fremskynde dit WordPress-websted. De mest effektive handlinger, du kan tage, er:

  • Opgradering af din hostingplan
  • Opgrader til den nyeste PHP-version
  • Installer et WordPress caching-plugin

Hvordan kan jeg fremskynde mit WordPress-websted uden et plugin?

Du kan faktisk fremskynde dit WordPress-websted uden et plugin. De nemmeste måder at gøre dette på er følgende:

  • Opgrader din hostingplan
  • Opgrader til den nyeste version af PHP
  • Implementere GZip-komprimering gennem funktionen Optimer websted på dit websted
  • Implementerer browserens caching gennem .htaccess-filtilpasninger
  • Opret et CDN, hvis du kan, især hvis du har websitetrafik fra hele verden

Brug for hjælp til at få WordPress hurtigt? Prøv disse topbedømte overkommelige koncerter på Fiverr!

fiverr logo

Klik her at finde eksperter på WordPress-hastighedsoptimering.

Klik her at oprette en hele WordPress-webstedet.

Konklusion: hvad mere kan vi gøre for at optimere WordPress-ydelsen

Hvad er dine yndlings-tricks til at øge WordPress-ydeevnen? Del dine tanker med os ved at slippe en linje nedenfor i kommentarfeltet.

Om forfatteren
Shahzad Saeed
Forfatter: Shahzad SaeedInternet side: http://shahzadsaeed.com/
Shahzaad Saaed er blevet vist på et stort antal autoritetswebsteder som en WordPress-ekspert. Han har specialiseret sig i indholdsmarkedsføring for at hjælpe virksomheder med at øge deres trafik.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...