Hvordan jeg fik min Joomla-webside til at indlæse på 1.29 sekunder

Vi har i et stykke tid hørt, at SEO og Joomla SEO kan blive påvirket af den tid, det tager din side at indlæse - så for nylig har vi startet en intensiv øvelse med at få vores websted til at indlæse på det absolut mindste mulige tidspunkt.

Vores overbevisning er, at den aktuelle belastningshastighed og klassificering i GTMetrix er relativt god til 85% for PageSpeedog 95% for YSlow Grade og en indlæsningstid på 1.29 sekunder, så vi troede, vi ville dele, hvordan vi gjorde dette. Nogle af disse er Joomla-specifikke, mens andre er generiske, men de generelle begreber gælder for ethvert indholdsstyringssystem og ethvert websted.

indlæs joomla-webstedet hurtigt

Inden du begynder: Kør dit websted via GTMetrix eller Pingdom Tools. Vær opmærksom på din nuværende karakter, og se den forbedres. Det gode er, at GTMetrix også sporer din historie, så du kan se en graf med dine forbedringer.

TRIN 0: TAGE FULDE BACKUPPS - Nogle af følgende anbefalinger kan ødelægge dit websted. Tag hyppige fulde sikkerhedskopier, inden du foretager ændringer.

1. Reducer svartiden for serveren

 

Reducer svartiden for serverenHvis du efter at have kørt dit websted gennem GTMetrix eller PageInsights finder du en lang forsinkelse i det oprindelige svar - din delte hosting-server lider.

Den største forskel, du kan gøre for dit websted, der indlæses hurtigt, er at bruge en anbefalet Joomla-vært og forbedre serverens responstid. Vores anbefale hosting service er I bevægelse, hvilket er hvad vi bruger på dette websted.

Vi driver dette websted på en InMotion VPS-3000HA-S-plan, der kører en LiteSpeed-server, en webserver på Enterprise-niveau, der har vist sig at være hurtigere end Apache eller NGINX. Takket være sådan en opsætning er vores server svartid typisk less mere end 0.1 sekunder.

Tjek skærmbilledet nedenfor, du kan se den indledende svartid på 100 ms.

collectiveray server responstid

Som du kan forestille dig, er dette en meget tunet opsætning med flere niveauer af caching, inklusive PHP OpCode-caching (hvilket får PHP til at køre hurtigere), så dette er ikke din typiske delte hostingopsætning.

Men hvis du er seriøs omkring hastighed, er en VPS bestemt din første anløbshavn.

Hvis du vil have en VPS til en god pris, har vi indgået et samarbejde med InMotion-hosting for at give dig op til 70% rabat på VPS-priser, se vores tilbud nedenfor.

Klik her for at få de bedste tilbud på VPS-hosting i september 2021 kun

2. Sæt dig selv et ambitiøst mål, og fixer det, indtil du får det

Dette er et absolut must.

Hvis du ikke har et mål, er det usandsynligt, at du fortsætter med at skubbe. 

Du skal sætte dig selv et ambitiøst mål og stræbe efter at opnå det, FØR du begynder at optimere. For os var vores mål at reducere belastningstiden for forsiden til less end 1.5 sekunder OG få mindst 85% på begge Page Speed og YSlow score på GTMetrix. 

Vores slutresultat. Indlæsningstid på lidt over 0.5 sekunder.

pingdom-værktøjets indlæsningstid

 

Ikke for lurvet :)

præstationsresultater gtmetrix

3. Aktivér standard Joomla Cache

Dette er ret simpelt, men det er MEGET effektivt.

Dette skyldes hovedsageligt, at cachen i stedet for at køre de samme forespørgsler igen og igen mod din database, gemmer en kopi af din side og serverer den fra en midlertidig fil, der er gemt på disken.

Dette letter belastningen på din server og forbedrer den generelle indlæsningstid for din server. Databaseforespørgsler, især om delte hostingtjenester, kan tage temmelig lang tid at udføre, især når elementerne i din database vokser. Hvis din trafik også vokser, betyder det, at din server og database konstant er under tung belastning.

Caching løser dette ved at fjerne det meste af belastningen. De data, dit websted har brug for, oprettes med jævne mellemrum og gemmes i en cache (dvs. gemt i en fil på serveren). Hentning af siden / dataene fra disken i stedet for at køre forespørgsler fra databasen gør indlæsningstiden MEGET hurtigere.

Gør følgende for at aktivere din cache:

System> Global konfiguration> System

Slå progressiv caching til, og indstil cachens udløb til 60 minutter (eller mere), især hvis dit indhold ikke ændres for ofte. Du behøver ikke Platformsspecifik caching. Dette ville skabe forskellige versioner af cachen til mobil- / desktop -brugere, unless du har betydelige mobil- og desktop -brugere.

joomla cache-indstillinger

Du kan indstille det til meget længere, hvis dit indhold ændres sjældent, du kan se dette til 240 minutter eller endnu mere, især hvis du får mange besøgende på de samme sider.

4. Aktivér GZIP-komprimering

Dette trin sikrer, at det indhold, du genererer, komprimeres, før det sendes. Logikken er meget enkel, det kræver meget less tid til at komprimere og dekomprimere indhold frem for at overføre store stykker indhold. Dette er noget, der også let kan gøres i Joomla 3 med følgende:

System> Global konfiguration> Server 

Skift GZIP-kompression til YES.

gzip sidekomprimeringsindstillinger

(Hvis du leder efter et komplet dokument om, hvordan du aktiverer GZip-komprimering på WordPress, henvises til denne artikel på CollectiveRay)

5. Aktivér System - Cache-plugin

Dette plugin cacher hver hele side på dit websted og anbefaler (valgfrit) til din browser, og denne side skal caches i nogen tid (dette kaldes browsercaching).

Den første del af dette trin sikrer, at ALLE sider cachelagres på serveren. Dette er ret vigtigt, for ellers, mens generiske ting som menuer serveres fra cachen, skal hver side stadig serveres dynamisk.

Derfor tænder vi dette plugin for at aktivere caching på sideniveau.

Browser -cache giver meget mening, især fordi du ikke behøver at genindlæse bestemte billeder og filer igen og igen. Browseren vil bruge den lokale kopi og dermed less dataoverførsel er påkrævet, og derfor indlæses dine sider hurtigere.

Dette er især effektivt til ting som CSS og billeder af dit typografiark. Dette er også standard Joomla-funktionalitet aktiveret via følgende:

Udvidelser> Plugin Manager, søge efter Cache og aktiver System - Cache-plugin. Du kan også ekskludere bestemte menupunkter, der skal frigøres, eller gå til de avancerede indstillinger i pluginet og ekskludere specifikke webadresser, som du vil forblive ubemærket.

systemside cache

 

6. Udnyt browsercaching på serverniveau

Dette svarer meget til trin 5, når det kommer til browserens caching-del. Dette specifikke trin er strengt relateret til browser-caching.

Forskellen er, at dette trin nu udføres på serverniveau. Dybest set skal du anbefale browseren at cache bestemte filtyper i et bestemt tidsrum. Google PageSpeed ​​foreslår mindst EN MÅNED.

For at gøre dette skal du redigere .htaccess-filen til følgende. Den maksimale aldersværdi er 1 måned i sekunder.


Header-sæt Cache-Control "max-age = 2592000, public"

Andre værdier, du måske vil overveje:

1 ÅR:

Header-sæt Cache-Control "max-age = 29030400, public"

EN UGE:

Header-sæt Cache-Control "max-age = 604800, public"

Du kan også vælge at cache less eller flere filtyper, men ovenstående er de mest almindelige statiske filer, som kan og bør cachelagres.

For dem af jer, der arbejder med WordPress, har vi oprettet en omfattende guide til, hvordan man udnytter browsercaching med eller uden et plugin på denne guide på CollectiveRay.

7. Installer JCH_Optimizer

JCH Optimizer indeholder et stort antal anbefalede ting fra PageSpeed ​​og resulterer i et enormt løft i din PageSpeed-klasse.

Det problem, du muligvis støder på, er at dette kan bryde noget af funktionaliteten på dit websted. Træd omhyggeligt med de muligheder, du aktiverer.

For vores side lykkedes det os at aktivere næsten alle optimeringer med meget få udelukkelser - men for dit websted er du muligvis nødt til at lege rundt et stykke tid for at finde de optimale indstillinger. Beskriver JCH Optimizer er lidt uden for denne artikels anvendelsesområde, men tag vores ord for det, installer og aktiver plugin. Du vil ikke fortryde det. 

Følgende er en del af den officielle beskrivelse:

Dette plugin kombinerer dine eksterne JavaScript og CSS-filer til en til minimere dyre http-anmodninger. Disse filer kan minificeres og gzippes for at reducere båndbredde og yderligere optimere downloadtiden.

8. Reducer indholdet på dit websted

Dette er MEGET vigtigt. Gør og hold dit websted absolut magert. Dette er den, som du skal bruge mest tid på. Vi brugte uger på dette trin alene.

For at gøre dette skal du tage en økse på så mange komponenter, plugins og moduler, som du kan. Dræb dem. Dræb dem med ild.

Hvert stykke ekstra funktionalitet øger serverens eksekveringstid og øger den samlede vægt af webstedet.

NB: Træd forsigtigt her. Tag fulde sikkerhedskopier, inden du sletter kerne Joomla! komponenter, moduler og plugins

Gør dette med indtil du er udmattet. Virkelig, gør dette. Fjern ALLE ting, som du ikke bruger.

Selv ting, der kommer som standard, men som du ikke har brug for, såsom

  • standardskabelonen, som du aldrig vil bruge igen,
  • weblinkets komponenter, som du sandsynligvis ikke bruger,
  • komponenterne til nyhedsfeeds, hvis du ikke bruger dem,
  • og ALLE plugins, som du aldrig vil bruge.

Afinstaller dem, ikke bare deaktiver dem.

Fokuser obsessivt på ting, du ikke har brug for, fjern alle de ekstra komponenter, og kombiner moduler og plugins, hvis det er muligt. Brug f.eks. 1 plugin til sociale knapper til alt. Hvis du har brugerdefineret HTML, skal du lægge så meget af det i et enkelt modul som muligt.

  • Slet ekstra forumkategorier, og formindsk antallet af elementer i dine menuer til det største nødvendige.
  • Slet gamle brugere og gammelt indhold.
  • Flet og kombiner sektioner, kategorier, menuer og alt andet efter behov.

Dit fokus bør være at få tingene ned til et absolut minimum, der kræves for at dit websted skal eksistere. Gør dette obsessivt i et par uger. Gå på en sletning, hugg og fjern, deaktiver og afinstaller.

Fokuser på at gøre dit websted så magert som menneskeligt muligt uden at bryde noget.

Desværre fulgte vi ikke de ting, vi fjernede.

9. Reducer det samlede antal anmodninger

Fjern ekstra billeder, der er overflødige.

Download og vær også en version af alle billeder, der serveres fra eksterne websteder fra en kopi på dit websted (dette reducerer antallet af DNS-opslag, som din klients browser skal udføre, da disse har en alvorlig indvirkning på sidehastigheden på dit websted).

Analyser detaljeret, hvad anmodningerne er med GTMetrix eller Pingdom-præstationsværktøjer. Se derefter, om disse anmodninger virkelig er nødvendige. Hvis de ikke fjerner dem.

For eksempel det tredjeparts script, du installerede for et par år siden? Har du stadig brug for det? Og det Google AdSense-script, er det virkelig nødvendigt? Bruger du stadig Facebook-pixel, eller kan du fjerne den?

Vi har en tendens til at gå vild med tredjeparts-scripts, vi får skinnende objektsyndrom og føjer til vores websted, uden at vi er klar over, at vi er oppustede på størrelsen af ​​vores websted.

Så gør det samme som det foregående trin. Undersøg hver anmodning, som dit websted sender, se om det er nødvendigt, og hvis ikke dræb det.

GTMetrix har også en sej funktion, der optimerer størrelsen på alle dine billeder. Gem de versioner, der er optimeret, og brug de optimerede versioner på dit websted.

10. Server indhold fra en CDN

Content Delivery Networks er servere, der cache en kopi af de statiske dele af dit websted og kan servere det optimalt og meget hurtigere end din server nogensinde kunne give dine besøgende. Dette giver dig endnu et kæmpe boost til din sidehastighed.

Hvis du har ikke råd til et CDN, websteder som f.eks StackPath CDN har en meget billig plan, der kan imødekomme behovene på de fleste små websteder. 

StackPath starter ved $ 20 / måned.

stackpath cdn

Selvom det kan se ud som en masse penge, især sammenlignet med sådanne ting som din webstedshosting, hvis dit websted er hurtigere, er UX bedre, og du er bundet til at få mere organisk trafik og øge dit websteds forretning generelt.

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

Både PageSpeed ​​og YSlow har en række detaljerede anbefalinger, såsom at specificere

  • et standard tegnsæt
  • Sørg for, at du har angivet billeddimensioner (angiv bredde og højde for hvert billede på dit websted).

For ethvert indhold, der hostes på dit websted, skal du følge hver af disse til punkt og prikke.

Hvis du ikke har nogen anelse om, hvad du skal gøre, er Google din ven, læs om det og forstå det og handling det på dit websted. Undgå dårlige anmodninger, dvs. sørg for, at der ikke er billeder eller filer, der er forkert forbundet.

Nogle kan være ret svære at gøre unless du ved virkelig, hvad du laver. Indlæs tredjeparts scripts som Facebook, Twitter, AdSense og Google Analytics asynkront. Der er mange ret lette optimeringer, du kan gøre.

PS. Der kan være anbefalinger, som du ikke kan følge for indhold, der hostes uden for din kontrol. F.eks. Har AdSense, Facebook og andre scripts nogle optimeringer, de kan foretage. Du har ikke meget kontrol over disse. Den gode ting er, at din CDN muligvis også har optimeringer til tredjepartsindhold. Hvis ikke, skal du ikke bekymre dig for meget om dem.

Hvis du fortsætter med at gentage med optimeringer, skal du til sidst ankomme til et punkt, hvor dit websted bliver lynhurtigt.

Lad os hjælpe dig med at styre din Joomla bedre

joomla

Gratis e-bog-knap til Joomla-tip

Konklusion: Hvorfor skal du gøre dit websted hurtigere?

Virkelig og sandt, hvis du bruger dit websted til at forbedre din forretning gennem salg eller på anden måde, brænder et langsomt sted bogstaveligt talt et hul i lommen.

Brugere er ret utålmodige og vil opgive dit websted, hvis det ikke er snappy nok. Du vil naturligvis også sende et meget negativt ubevidst signal til dine besøgende. Her er alle de negative effekter

  • Kundetilfredshed falder med 16%, hvis der er et sekund forsinkelse i sidesvar
  • 47% af brugerne forventer, at et websted indlæses inden for 2 sekunder og vil opgive sitet, hvis det tager længere tid end 3 sekunder at indlæse det
  • 50% af brugerne er ikke loyale over for websteder, der indlæses langsomt

Har du opnået gode resultater med ovenstående anbefalinger? Del din oplevelse med os i kommentarerne nedenfor!

Sådan gør du dit websted hurtigere - en sidste tanke

Vi er vært på InMotion, fordi vi er interesserede i, at vores hjemmeside er rigtig hurtig, og vi anbefaler dem, fordi vi virkelig synes, at alle også burde - det vil give din hjemmeside et øjeblikkeligt løft.

Udover indlæsning hurtigere er deres servere sikrere, og deres support er bedre (de er nødt til at måle for at bevise disse dristige påstande). Hvorfor kan du ikke lide os og prøv InMotion

Du behøver ikke bekymre dig om at flytte dit websted, de gør det gratis for dig. Vi garanterer, at du aldrig vil gå tilbage til din gamle vært. Du har en 90-dages pengene-tilbage-garanti, så du behøver ikke engang at betale dem en cent, hvis du ikke kan lide det, du ser;)

Prøv InMotion-hosting (47% FRA indtil september 2021)

Om forfatteren
David Attard
Forfatter: David AttardInternet side: https://www.linkedin.com/in/dattard/
David har arbejdet i eller omkring online / digital industri i de sidste 18 år. Han har stor erfaring inden for software- og webdesignindustrien ved hjælp af WordPress, Joomla og nicher, der omgiver dem. Som digital konsulent er hans fokus på at hjælpe virksomheder med at få en konkurrencemæssig fordel ved hjælp af en kombination af deres hjemmeside og digitale platforme, der er tilgængelige i dag.

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.
 

 

Bedst bedømte caching-plugin

Gør dit websted hurtigere 

Trin for trin-gratis e-mail-kursus, hvordan du får dit websted til at indlæse less end 1 sekund  

 

Hvem er vi?

CollectiveRay drives af David Attard - arbejder i og omkring webdesign -nichen i mere end 12 år, og vi giver tips til mennesker, der arbejder med og på websteder. Vi driver også DronesBuy.net - et websted for drone -amatører.

David attard

 

 

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