Hvordan jeg fikk lastet inn Joomla-nettstedet mitt på 1.29 sekunder

Vi har hørt en stund at SEO og Joomla SEO kan påvirkes av tiden det tar å laste inn siden - så nylig har vi startet en intensiv øvelse med å få nettstedet vårt til å lastes inn i absolutt minimum mulig tid.

Vår tro er at den nåværende lasthastigheten og vurderingen i GTMetrix er relativt god 85% for PageSpeed, og 95% for YSlow Grade og en belastningstid på 1.29 sekunder, så vi trodde vi skulle dele hvordan vi gjorde dette. Noen av disse er Joomla-spesifikke, mens andre er generiske, men de generelle konseptene gjelder for ethvert innholdsstyringssystem og ethvert nettsted.

last Joomla nettstedet raskt

Før du begynner: Kjør nettstedet ditt gjennom GTMetrix eller Pingdom Tools. Legg merke til gjeldende karakter, og se den forbedres. Det gode er at GTMetrix sporer historikken din også, slik at du kan se en graf med forbedringene dine.

TRINN 0: TA FULLE SIKKERHETSKOPIER - Noen av følgende anbefalinger kan ødelegge nettstedet ditt. Ta hyppige sikkerhetskopier før du gjør noen endringer.

1. Reduser serverens responstid

 

Reduser serverens responstidHvis du etter å ha kjørt nettstedet ditt gjennom GTMetrix eller PageInsights, finner en lang forsinkelse i det første svaret - din delte hosting-server lider.

Den største forskjellen du kan gjøre på nettstedet ditt lastes raskt, er å bruke en anbefalt Joomla-vert og forbedre serverens responstid. Vår anbefale hostingtjeneste er I bevegelse, som er det vi bruker på dette nettstedet.

Vi driver dette nettstedet på en InMotion VPS-3000HA-S-plan som kjører en LiteSpeed-server, en webserver på Enterprise-nivå som har vist seg å være raskere enn Apache eller NGINX. Takket være et slikt oppsett er svartiden for serveren vanligvis less enn 0.1 sekunder.

Sjekk skjermbildet nedenfor, du kan se den første responstiden på 100 ms.

collectiveray serverens responstid

Som du kan forestille deg, er dette et høyt innstilt oppsett, med flere nivåer av caching, inkludert PHP OpCode-caching (som gjør at PHP går raskere), så dette er ikke ditt typiske delte hostingoppsett.

Men hvis du er seriøs med hastighet, er en VPS definitivt din første anløpshavn.

Hvis du vil ha en VPS til en god pris, har vi inngått et samarbeid med InMotion-hosting for å gi deg opptil 70% rabatt på VPS-priser, sjekk ut tilbudet vårt nedenfor.

Klikk her for å få det beste tilbudet på VPS-hosting i Juni 2023 bare

2. Sett deg et ambisiøst mål og fest det til du får det

Dette er et absolutt must.

Hvis du ikke har et mål, er det lite sannsynlig at du fortsetter å presse. 

Du må sette deg et ambisiøst mål og strebe etter å oppnå det FØR du begynner å optimalisere. For oss var målet vårt å redusere belastningstiden til forsiden til less enn 1.5 sekunder OG få minst 85% på begge Page Speed og YSlow score på GTMetrix. 

Vårt sluttresultat. Lastetid på litt over 0.5 sekunder.

pingdom verktøy lastetid

 

Ikke altfor dårlig :)

ytelsespoeng gtmetrix

3. Aktiver standard Joomla Cache

Dette er ganske enkelt, men det er veldig effektivt.

Dette skyldes hovedsakelig at stedet ikke kjører de samme spørringene om og om igjen mot databasen, lagrer hurtigbufferen en kopi av siden din og serverer den fra en midlertidig fil som er lagret på disken.

Dette letter belastningen på serveren din og forbedrer den generelle ladetiden til serveren din. Databasespørsmål, spesielt på delte hostingtjenester, kan ta ganske lang tid å utføre, spesielt ettersom elementene i databasen din vokser. Hvis trafikken din også vokser, betyr dette at serveren og databasen din konstant er under tung belastning.

Caching løser dette ved å eliminere mesteparten av lasten. Dataene nettstedet ditt krever, opprettes med jevne mellomrom og lagres i en cache (dvs. lagres i en fil på serveren). Å hente siden / dataene fra disken, i stedet for å kjøre spørringene fra databasen, gjør lastetiden MYE raskere.

Gjør følgende for å aktivere hurtigbufferen:

System> Global konfigurasjon> System

Slå på Progressive Caching, og angi hurtigbufferens utløp til 60 minutter (eller mer), spesielt hvis innholdet ditt ikke endres for ofte. Du trenger ikke plattformspesifikk hurtigbufring. Dette ville opprette forskjellige versjoner av hurtigbufferen for mobil- / stasjonære brukere, unless du har betydelige mobil- og stasjonære brukere.

joomla cacheinnstillinger

Du kan sette det til mye lenger hvis innholdet ditt endres sjelden, du kan se dette til 240 minutter, eller enda mer, spesielt hvis du får mange besøkende på de samme sidene.

4. Aktiver GZIP-komprimering

Dette trinnet sikrer at innholdet du genererer blir komprimert før det sendes. Logikken er veldig enkel, det krever mye less tid til å komprimere og dekomprimere innhold i stedet for å overføre store deler av innholdet. Dette er noe som også enkelt kan gjøres i Joomla 3 med følgende:

System> Global konfigurasjon> Server 

Bytt GZIP-komprimering til YES.

gzip side komprimeringsinnstillinger

(Hvis du leter etter et fullstendig dokument om hvordan du aktiverer GZip-komprimering på WordPress, kan du se denne artikkelen på CollectiveRay)

5. Aktiver Plugin for system - hurtigbuffer

Dette pluginet cacher hver hele side på nettstedet og anbefaler (valgfritt) nettleseren din, og denne siden bør bufres i noen tid (dette er kjent som nettleserbufring).

Den første delen av dette trinnet sikrer at ALLE sider er hurtigbufret på serveren. Dette er ganske viktig, for ellers, mens generiske ting som menyer vil bli servert fra hurtigbufferen, må hver side fortsatt serveres dynamisk.

Derfor slår vi på dette pluginet for å aktivere caching på sidenivå.

Nettleserbufferen gir god mening, spesielt fordi du ikke trenger å laste ned visse bilder og filer om og om igjen. Nettleseren bruker den lokale kopien og dermed less dataoverføring er nødvendig, og derfor lastes sidene dine raskere.

Dette er spesielt effektivt for ting som CSS og bilder av stilarket ditt. Dette er også standard Joomla-funksjonalitet aktivert via følgende:

Utvidelser> Plugin Manager, søk etter Cache og aktivere System - Cache-plugin. Du kan også ekskludere visse menyelementer som må frigjøres, eller gå til de avanserte alternativene i plugin-programmet og ekskludere bestemte nettadresser som du ønsker å forbli ubufret.

systemside cache

 

6. Utnytt nettlesercaching på servernivå

Dette ligner veldig på trinn 5 når det gjelder nettleserens caching-del. Dette spesifikke trinnet er strengt relatert til nettleserbufring.

Forskjellen er at dette trinnet nå er gjort på servernivå. I utgangspunktet må du anbefale nettleseren å cache visse filtyper i en bestemt periode. Google PageSpeed ​​foreslår minst EN MÅNED.

For å gjøre dette må du redigere .htaccess-filen til følgende. Maks aldersverdien er 1 måned i sekunder.


Toppsett Cache-Control "max-age = 2592000, public"

Andre verdier du kanskje vil vurdere:

1 ÅR:

Toppsett Cache-Control "max-age = 29030400, public"

1 UKE:

Toppsett Cache-Control "max-age = 604800, public"

Du kan også velge å cache less eller flere filtyper, men de ovennevnte er de vanligste statiske filene som kan og bør bufres.

For de av dere som arbeider med WordPress, har vi laget en omfattende guide om hvordan du utnytter nettlesercaching med eller uten et plugin på denne guiden på CollectiveRay.

7. Installer JCH_Optimizer

JCH Optimizer inneholder et stort antall anbefalte ting fra PageSpeed ​​og resulterer i et enormt løft i PageSpeed-karakteren.

Problemet du kan støte på er at dette kan ødelegge noe av funksjonaliteten på nettstedet ditt. Trå forsiktig med alternativene du aktiverer.

For nettstedet vårt klarte vi å aktivere nesten alle optimaliseringer med svært få ekskluderinger - men for nettstedet ditt må du kanskje leke en stund for å finne de optimale innstillingene. Beskriver JCH Optimizer er litt utenfor omfanget av denne artikkelen, men ta vårt ord for det, installer og aktiver plugin. Du vil ikke angre på det. 

Følgende er en del av den offisielle beskrivelsen:

Dette pluginet kombinerer dine eksterne JavaScript- og CSS-filer til en til minimere dyre http-forespørsler. Disse filene kan minifiseres og gzippes for å redusere båndbredden og ytterligere optimalisere nedlastingstiden.

8. Reduser innholdet på nettstedet ditt

Dette er veldig viktig. Gjør og hold nettstedet ditt helt magert. Dette er den du bør bruke mest tid på. Vi brukte uker på dette trinnet alene.

For å gjøre dette må du ta en øks på så mange komponenter, plugins og moduler som mulig. Drep dem. Drep dem med ild.

Hver ekstra funksjonalitet øker serverutførelsestiden og øker totalvekten til nettstedet.

NB: Trå forsiktig her. Ta full sikkerhetskopier før du sletter kjernen Joomla! komponenter, moduler og plugins

Gjør dette med til du utmatter deg. Virkelig, gjør dette. Fjern ALLE ting du ikke bruker.

Selv ting som kommer som standard, men som du ikke trenger, for eksempel

  • standardmalen som du aldri vil bruke igjen,
  • nettkoblingskomponenter som du sannsynligvis ikke bruker,
  • nyhetsfeedkomponentene hvis du ikke bruker dem,
  • og ALLE plugins som du aldri vil bruke.

Avinstaller dem, ikke bare deaktiver dem.

Fokuser obsessivt på ting du ikke trenger, fjern alle ekstra komponentene og kombiner moduler og plugins hvis mulig. Bruk f.eks. 1 plugin til alt for sosiale knapper. Hvis du har tilpasset HTML, kan du legge så mye av det i en enkelt modul som mulig.

  • Slett ekstra forumkategorier, og forminske antallet elementer i menyene til det ytterste nødvendige.
  • Slett gamle brukere og gammelt innhold.
  • Slå sammen og kombinere seksjoner, kategorier, menyer og alt annet som er nødvendig.

Fokuset ditt bør være å få ting ned til et absolutt minimum som kreves for at nettstedet ditt skal eksistere. Gjør dette obsessivt i flere uker. Gå på en sletting, hogge og fjerne, deaktivere og avinstallere.

Fokuser på å gjøre nettstedet ditt så slank som mulig, uten å ødelegge noe.

Dessverre fulgte vi ikke med på tingene vi fjernet.

9. Reduser det totale antallet forespørsler

Fjern ekstra bilder som er overflødige.

Last ned og vert også en versjon av alle bilder som serveres fra eksterne nettsteder fra en kopi på nettstedet ditt (dette vil redusere antall DNS-oppslag som klientens nettleser trenger å utføre, siden disse har en alvorlig innvirkning på sidehastigheten til din side).

Analyser i detalj hva forespørslene er med GTMetrix eller Pingdom ytelsesverktøy. Så se om disse forespørslene virkelig er nødvendige. Hvis de ikke fjerner dem.

For eksempel det tredjepartsskriptet du installerte for et par år siden? Trenger du fortsatt det? Og det Google AdSense-skriptet, er det virkelig nødvendig? Bruker du fortsatt Facebook-pikselet, eller kan du fjerne det?

Vi pleier å gå vill med tredjepartsskript, vi får skinnende objektsyndrom og legger til nettstedet vårt, uten å innse at vi er oppblåst på størrelsen på nettstedet vårt.

Så gjør det samme som forrige trinn. Studer hver forespørsel som nettstedet ditt sender, se om det er nødvendig og om ikke drep det.

GTMetrix har også en kul funksjon som optimaliserer størrelsen på alle bildene dine. Lagre versjonene som er optimalisert, og bruk de optimaliserte versjonene på nettstedet ditt.

10. Server innhold fra a CDN

Content Delivery Networks er servere som cacher en kopi av de statiske delene av nettstedet ditt og kan servere den optimalt og mye raskere enn serveren din noen gang kunne til dine besøkende. Dette vil gi deg nok et STOR løft til sidehastigheten din.

Hvis du har ikke råd til et CDN, nettsteder som StackPath CDN har en veldig billig plan som vil tilfredsstille behovene til de fleste små nettsteder. 

StackPath starter på $ 20 / måned.

stackpath cDN

Selv om det kan se ut som mye penger, spesielt sammenlignet med slike ting som nettstedet ditt, hvis nettstedet ditt er raskere, er UX bedre, og du er nødt til å få mer organisk trafikk og øke nettstedets virksomhet generelt.

11. Følg hver anbefaling på PageSpeed, YSlow

Både PageSpeed ​​og YSlow har en rekke detaljerte anbefalinger, for eksempel å spesifisere

  • et standard tegnsett
  • sørg for at du har spesifisert bildedimensjoner (spesifiser bredde og høyde for hvert bilde på nettstedet ditt).

For alt innhold som er vert på nettstedet ditt, følg hvert av disse til punkt og prikke.

Hvis du ikke har noen anelse om hva du trenger å gjøre, er Google din venn, les om det og forstå det og gjør det på nettstedet ditt. Unngå dårlige forespørsler, dvs. sørg for at det ikke er bilder eller filer som er koblet feil.

Noen kan være ganske vanskelige å gjøre unless du vet virkelig hva du gjør. Last inn tredjeparts skript som Facebook, Twitter, AdSense og Google Analytics asynkront. Det er mange ganske enkle optimaliseringer du kan gjøre.

PS. Det kan være anbefalinger du ikke kan følge for innhold som er vert utenfor din kontroll. For eksempel har AdSense, Facebook og andre skript noen optimaliseringer de kan gjøre. Du har ikke mye kontroll over disse. Det gode er at CDN også kan ha optimaliseringer for tredjepartsinnhold. Hvis ikke, ikke bekymre deg for mye om dem.

Hvis du fortsetter å itere med optimaliseringer, bør du til slutt komme til et punkt der nettstedet ditt blir lynraskt.

La oss hjelpe deg med å administrere Joomla bedre

joomla

Gratis Joomla tips eBok-knapp

Konklusjon: Hvorfor trenger du å gjøre nettstedet ditt raskere?

Virkelig og virkelig, hvis du bruker nettstedet ditt til å forbedre virksomheten din gjennom salg eller på annen måte, brenner et sakte nettsted bokstavelig talt et hull i lommen.

Brukere er ganske utålmodige og vil forlate nettstedet ditt hvis det ikke er snappy nok. Du vil selvfølgelig også sende et veldig negativt bevisstløs signal til de besøkende. Her er alle de negative effektene

  • Kundetilfredshet reduseres med 16% hvis det er et sekund forsinkelse i sidesvaret
  • 47% av brukerne forventer at et nettsted skal lastes innen 2 sekunder og vil forlate nettstedet hvis det tar lengre tid enn 3 sekunder å laste det inn
  • 50% av brukerne er ikke lojale mot nettsteder som lastes sakte inn

Har du oppnådd gode resultater med anbefalingene ovenfor? Del din erfaring med oss ​​i kommentarene nedenfor!

Hvordan gjøre nettstedet ditt raskere - en siste tanke

Vi er vert for InMotion fordi vi bryr oss om at nettstedet vårt er veldig raskt, og vi anbefaler dem fordi vi virkelig synes at alle også burde - det vil gi nettstedet ditt et øyeblikkelig løft.

Foruten å laste raskere, er serverne deres tryggere og støtten er bedre (de må målinger for å bevise disse dristige påstandene). Hvorfor liker du ikke oss og prøv InMotion

Du trenger ikke å bekymre deg for å flytte nettstedet ditt, de vil gjøre det for deg gratis. Vi garanterer at du aldri vil gå tilbake til din gamle vert. Du har en 90-dagers pengene-tilbake-garanti, så du trenger ikke engang å betale dem et øre hvis du ikke liker det du ser;)

Prøv InMotion-hosting (47% AV til Juni 2023)

om forfatteren
David Attard
David har jobbet i eller rundt den elektroniske / digitale industrien de siste 18 årene. Han har lang erfaring innen programvare- og webdesignindustrien ved å bruke WordPress, Joomla og nisjer rundt dem. Som digital konsulent er hans fokus på å hjelpe bedrifter med å få et konkurransefortrinn ved å bruke en kombinasjon av deres nettside og digitale plattformer som er tilgjengelige i dag.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

 

hvem er vi?

CollectiveRay drives av David Attard - som jobber i og rundt webdesignnisjen i mer enn 12 år, gir vi nyttige tips for folk som jobber med og på nettsteder. Vi driver også DronesBuy.net - et nettsted for dronehobbyister.

David attard

 

 

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...