At have en langsom hjemmeside er en frustrerende oplevelse. Ikke kun vil det rangordne sig i søgemaskinerne (indlæsningshastighed er en af ​​rankingfaktorerne i Google), det giver også din besøgende en dårlig brugeroplevelse. Men mens de fleste webmastere gerne vil fremskynde deres hjemmesider, har de fleste af dem ikke den tekniske viden til at gøre det. Hvis du kommer ind i denne lejr og bruger WordPress, har vi en komplet hastighedsoptimeringsvejledning til dig. Følgende trin er, hvad vi har gjort for dette websted, og de har fungeret godt for os.

Slank ned på hjemmesiden

Når en besøgende besøger dit websted, skal browseren anmode om siden fra din server og indlæse siden i sin helhed, før læseren kan se den. Det betyder, at hvis du har et oppustet websted, vil det tage lang tid for browseren at downloade og gøre det. Her er nogle måder at slanke din WordPress-side på:

1. Relocate på dit websteds tema design

Vurder dit websteds design igen og se, om du kan fjerne unødvendige elementer fra webstedet. Der er ingen mening i at fylde for meget information i sidebjælken, når den besøgende kun er interesseret i det aktuelle indhold. Her er nogle ting, du kan fjerne:

  • Fantasifulde skyder, animation og effekter.
  • Diverse widgets på sidepanelet
  • Annoncer - Kun hvis du har tilføjet for mange annoncer. I nogle tilfælde kan du tjene mere med færre annoncer

2. slippe af med unødvendige plugins

Du er to hovedtyper af WordPress-plugins: En, der kun påvirker adminområdet og et, der tilføjer yderligere indhold til webstedet. For sidstnævnte er det altid ledsaget af ekstra javascript og css filer, som vil tilføje ekstra vægt til webstedet.

Se på din plugin liste og deaktiver de gamle plugins, der er ineffektive og ikke længere i brug. Hvis et plugin ikke er blevet opdateret i lang tid, kan du også tjekke alternative plugins, der er lettere og alligevel kan gøre jobbet mere effektivt.

3. Reducer filstørrelsen på din HTML, CSS og Javascript

Der er to måder at reducere den samlede størrelse på dit websted. Den første er at kombinere flere stylesheets og javascript-filer til en, og den anden er at reducere filerne. Reduktion betyder fjernelse af unødvendige mellemrum og kommentarer og at kombinere flere gentagne koder til en. Et godt plugin, som du kan bruge til at opnå dette, er W3 Total Cache plugin.

På siden W3 Total Cache Settings, under "Generelle indstillinger", aktiveres "Minify" -tilstanden.

Gå derefter til afsnittet "Minimer -> HTML & XML", markér afkrydsningsfelterne ved siden af ​​"Aktiver", "Inline CSS Minification", "Inline JS Minification" og "Remove line break".

Næste er afsnittet "JS-minificering". Dette er en vanskelig del, da det virker for nogle temaer, men ikke for andre. Personligt har jeg ikke held og lykke med denne indstilling, men du vil måske prøve det og se om det virker på dit websted.

En ting jeg anbefaler for denne indstilling er at bruge "Minify" i stedet for "Kombiner kun." Hvis du kombinerer flere javascripts sammen, kan det medføre uønskede effekter og ødelægge webstedet.

Den sidste del, du skal konfigurere her, er afsnittet "CSS-minering". Dette giver dig mulighed for at reducere og kombinere alle de CSS, der bruges i temaet.

For at få det bedste ud af dette, er det bedst for dig at åbne dit websted, se kildekoden og kopiere alle CSS-linkene til feltet "File URI" i afsnittet "CSS-filadministration". Alle de CSS-filer, du har tilføjet til dette felt, vil blive reduceret og kombineret til en enkelt CSS-fil.

4. Optimering af billederne

Billedfiler er normalt dem, der udgør størstedelen af ​​områdets filstørrelse, så det er vigtigt for dig at optimere billederne og holde dem så små som muligt. Wp Smush.it er et godt plugin, der optimerer dine billeder, når du uploader dem. Det leveres også med en bulk-smush funktion, der kan optimere alle de tidligere uploadede billeder.

Fremskynde webstedets indlæsningshastighed

Nogle af de måder, du kan bruge til at fremskynde sidens indlæsningshastighed, inkluderer:

  • cache webstedet
  • Indstil browserens cache
  • skift til google jquery
  • udskudt javascript indlæsning
  • brug lat ladning af billeder
  • brug asymmetrisk javascript
  • brug CDN

Her er nogle plugins, der kan gøre ovenstående arbejde til dig.

1. W3 Total Cache

Vi har dækket minificering i ovenstående afsnit, men hvad der gør W3 Total Cache kraftig er dens caching modul. Først skal du aktivere "Page Cache" -modulet i afsnittet "Generelle indstillinger". På en delt hosting, vælg "Disk: Grundlæggende" til side cache mode. For VPS eller dedikeret server skal du vælge "Disk: Enhanced."

Rul længere ned på siden, indtil du ser afsnittet "Browser Cache"; Marker afkrydsningsfeltet for at aktivere det også.

Dette vil aktivere både side cache og broswer cache for dit websted. Siden cache er simpelthen en statisk HTML-side, der vil blive serveret i stedet for den dynamiske PHP-side. Browserens cache informerer browseren om at cache din side og for at betjene den fra cachen, når læseren besøger den samme side igen.

2. WP udskudt script

De fleste javascript-filer blokerer naturligt, hvilket betyder at siden skal vente på, at alle javascript-filer skal afslutte, inden indholdet kan indlæses. Dette kaldes også synkron lastning. En af måderne at bekæmpe dette på er at flytte javascripts til bunden af ​​siden, så de først indlæses, når indholdet er færdig med at indlæse.

WP Deferred Script er et nyttigt plugin, der flytter alle skræddersyede scripts til bunden af ​​siden. Det bruger lab.js i backend og vil fungere med de fleste plugins. Der er ingen indstillinger, der skal konfigureres. Når den er aktiveret, udsætter den automatisk alle javascript-indlæsninger til slutningen af ​​siden. En anden god ting er, at den læser javascripts asynkront, hvilket betyder, at det laster javascript parallelt med indholdet.

3. Jetpack Photon

En anden god måde at reducere pålæsningshastigheden er at indlæse alle billeder fra en CDN-kilde. Hvis du har installeret Jetpack-plugin'et, vil aktivering af Photon-modulet automatisk tilføje et billed-cdN til dit websted.

Alternativt kan du, hvis du bruger ekstern CDN, som MaxCDN eller Amazon CloudFront, konfigurere CDN-modulet i W3 Total Cache-plugin for at gøre brug af CDN-tjenesterne.

4. Lazy Load

Har du bemærket, hvordan billederne er indlæst efter behov, når du ruller ned på siden? Dette kaldes Lazy Loading, og det er en god måde at fremskynde siden også. Pluginet, som vi bruger her, er Unveil Lazy Load, men hvis du søger efter doven belastning, er der masser af dovne indlæsnings plugins, som du kan bruge; nogle er endda optimeret til videoer og iframe.

5. DFP

Hvis du serverer annoncer på dit websted, vil du vide, at annoncer ofte er dem der tager længst tid for at indlæse og få webstedet til at gå langsomt. Værst, de fleste annoncer er synkrone i naturen og vil blokere indholdet fra servering, indtil de er fuldt indlæst. En af måderne at slippe af med dette problem er at vise annoncerne ved hjælp af Google DFP. For dem, der ikke er klar over, er Google DFP et annoncehåndteringsprogram til at administrere dine annoncer.

På dette websted bruger vi jquery.dfp.js-scriptet til at indlæse alle DFP-tags efter behov, så det nedsætter ikke læsning af webstedet. Implementeringen kan være ret kompliceret, og vi vil ikke dække det her. Hvis der er tilstrækkelig interesse (du kan udtrykke din interesse i kommentarerne), vil jeg lave en anden vejledning med detaljerede trin-for-trin-processen for at implementere det på dit websted.

Konklusion

Hvis du fulgte ovenstående trin, kan jeg forsikre dig om, at dit websted nu kører hurtigere end før, selvom du er på en delt hosting. En god måde at teste dit websteds indlæsningshastighed på er Google PageSpeed ​​Insights-værktøjet. Indtast blot din webadresse, og den vil analysere dit websted for dig. Gør det før og efter optimeringen og se de store forskelle.

Billedkredit: Går ingen steder hurtigt