Hur jag fick min Joomla-webbplats att ladda på 1.29 sekunder

Vi har hört ett tag att SEO och Joomla SEO kan påverkas av den tid det tar för din sida att ladda - så nyligen har vi börjat en intensiv övning för att få vår webbplats att ladda på absolut minsta möjliga tid.

Vår tro är att den nuvarande lasthastigheten och klassificeringen i GTMetrix är relativt bra 85% för Page Speed, och 95% för YSlow Grade och en laddningstid på 1.29sekunder, så vi trodde att vi skulle dela hur vi gjorde det. Några av dessa är Joomla-specifika, medan andra är generiska, men de allmänna begreppen gäller för ALLA innehållshanteringssystem och alla webbplatser.

ladda Joomla webbplats snabbt

Innan du börjar: Kör din webbplats via GTMetrix eller Pingdom Tools. Notera ditt nuvarande betyg och se sedan hur det förbättras. Det som är bra är att GTMetrix spårar din historik också så att du kan se en graf med dina förbättringar.

STEG 0: TA FULLA BACKUPPAR - Några av följande rekommendationer kan bryta din webbplats. Ta ofta fullständiga säkerhetskopior innan du gör några ändringar.

1. Minska serverns svarstid

 

Minska serverns svarstidOm du hittar en lång försening i det första svaret efter att du kör din webbplats via GTMetrix eller PageInsights - lider din delade värdserver.

Den största skillnaden du kan göra för att din webbplats laddas snabbt är att använda en rekommenderad Joomla-värd och förbättra serverns svarstid. Vår rekommenderade värdtjänst är I rörelse, vilket är vad vi använder på den här webbplatsen.

Vi driver den här webbplatsen på en InMotion VPS-3000HA-S-plan med en LiteSpeed-server, en webbserver på företagsnivå som har visat sig vara snabbare än Apache eller NGINX. Tack vare en sådan inställning är vår servers svarstid vanligtvis less mer än 0.1 sekunder.

Kolla in skärmdumpen nedan, du kan se den första svarstiden på 100 ms.

collectiveray server svarstid

Som du kan föreställa dig är detta en mycket avstämd inställning med flera nivåer av cachning, inklusive PHP OpCode-caching (vilket gör att PHP går snabbare), så det här är inte din typiska delade värdinställning.

Men om du menar hastighet är en VPS definitivt din första anlöpshamn.

Om du vill ha en VPS till ett bra pris har vi samarbetat med InMotion-hosting för att ge dig upp till 70% rabatt på VPS-prissättning, kolla in vårt erbjudande nedan.

Click here for the best deal on VPS hosting in November 2023 only

2. Sätt dig själv ett ambitiöst mål och fixera det tills du får det

Detta är ett absolut måste.

Om du inte har ett mål är det osannolikt att du fortsätter att trycka. 

Du måste sätta dig ett ambitiöst mål och sträva efter att uppnå det INNAN du börjar optimera. För oss var vårt mål att minska belastningstiden för förstasidan till less än 1.5 sekunder OCH få minst 85% på båda Page Speed och YSlow-poäng på GTMetrix. 

Vårt slutresultat. Lasttid på drygt 0.5 sekunder.

pingdom-verktyg laddar tid

 

Inte så pjåkigt :)

prestationsresultat gtmetrix

3. Aktivera standard Joomla Cache

Detta är ganska enkelt men det är MYCKET effektivt.

För det mesta beror det på att istället för att köra samma frågor om och om igen mot din databas, lagrar cachen en kopia av din sida och serverar den från en tillfällig fil som lagras på disken.

Detta underlättar belastningen på din server och förbättrar den allmänna laddningstiden för din server. Databasfrågor, särskilt om delade värdtjänster, kan ta ganska lång tid att utföra, särskilt när artiklarna i din databas växer. Om din trafik också växer betyder det att din server och databas ständigt är under tung belastning.

Caching fixar detta genom att eliminera större delen av lasten. De uppgifter som din webbplats behöver skapas regelbundet och lagras i en cache (dvs. lagras i en fil på servern). Att hämta sidan / data från disk, istället för att köra frågor från databasen, gör laddningstiden MYCKET snabbare.

Gör följande för att aktivera din cache:

System> Global konfiguration> System

Slå på progressiv cachning och ställ in cache -utgången på 60 minuter (eller mer), särskilt om ditt innehåll inte ändras för ofta. Du behöver inte plattformsspecifik cachning. Detta skulle skapa olika versioner av cacheminnet för mobil- / stationära användare, unless du har betydande mobil- och stationära användare.

joomla cache-inställningar

Du kan ställa in det på mycket längre om ditt innehåll ändras sällan, du kan se detta till 240 minuter, eller ännu mer, speciellt om du får många besökare på samma sidor.

4. Aktivera GZIP-komprimering

Detta steg säkerställer att innehållet du genererar komprimeras innan det skickas. Logiken är väldigt enkel, det krävs mycket less dags att komprimera och dekomprimera innehåll snarare än att överföra stora delar. Detta är något som också kan göras enkelt i Joomla 3 med följande:

System> Global konfiguration> Server 

Byt GZIP-komprimering till YES.

gzip-sidkomprimeringsinställningar

(Om du letar efter ett fullständigt dokument om hur du aktiverar GZip-komprimering på WordPress, se den här artikeln på CollectiveRay)

5. Aktivera System - Cache-plugin

Detta plugin cachar varje hel sida på din webbplats och rekommenderar (valfritt) till din webbläsare och den här sidan bör cachas under en tid (detta kallas webbläsarcaching).

Den första delen av detta steg säkerställer att ALLA sidor cachas på servern. Detta är ganska viktigt, för annars skulle generiska saker som menyer serveras från cachen, men varje sida måste fortfarande serveras dynamiskt.

Det är därför vi slår på det här pluginet för att möjliggöra cachning på sidnivå.

Webbläsarens cache är mycket meningsfullt särskilt eftersom du inte behöver ladda ner vissa bilder och filer om och om igen. Webbläsaren använder den lokala kopian och därmed less dataöverföring krävs och därför laddas dina sidor snabbare.

Detta är särskilt effektivt för saker som CSS och bilder i ditt formatmall. Detta är också standard Joomla-funktionalitet aktiverad via följande:

Tillägg> Plugin Manager, söka efter Cache och aktivera System - Cache-plugin. Du kan också utesluta vissa menyalternativ som måste tas bort, eller gå till de avancerade alternativen i plugin-programmet och exkludera specifika webbadresser som du vill förbli oskyddade.

systemets cache

 

6. Utnyttja webbläsarcaching på servernivå

Detta liknar väldigt steg 5 när det gäller webbläsarens caching-del. Detta specifika steg är strikt relaterat till webbläsarcaching.

Skillnaden är att detta steg nu görs på servernivå. I grund och botten måste du rekommendera webbläsaren att cacha vissa filtyper under en viss tid. Google PageSpeed ​​föreslår minst EN MÅNAD.

För att göra detta måste du redigera .htaccess-filen till följande. Högsta åldersvärde är 1 månad i sekunder.


Rubrikuppsättning Cache-Control "max-age = 2592000, public"

Andra värden du kanske vill överväga:

1 ÅR:

Rubrikuppsättning Cache-Control "max-age = 29030400, public"

1 VECKA:

Rubrikuppsättning Cache-Control "max-age = 604800, public"

Du kan också välja att cacha less eller fler filtyper, men ovanstående är de vanligaste statiska filerna som kan och bör cachelagras.

För dig som arbetar med WordPress har vi skapat en omfattande guide om hur du använder webbläsarcaching med eller utan ett plugin på den här guiden på CollectiveRay.

7. Installera JCH_Optimizer

JCH Optimizer innehåller ett STOR antal rekommenderade saker av PageSpeed ​​och resulterar i en enorm boost i din PageSpeed-klass.

Problemet du kan stöta på är att detta kan bryta en del av funktionaliteten på din webbplats. Trä försiktigt med de alternativ du aktiverar.

För vår webbplats lyckades vi aktivera nästan alla optimeringar med väldigt få undantag - men för din webbplats kan du behöva spela en stund för att hitta de optimala inställningarna. Beskrivande JCH Optimizer är lite utanför ramen för denna artikel, men ta vårt ord för det, installera och aktivera plugin. Du kommer inte ångra det. 

Följande är en del av den officiella beskrivningen:

Detta plugin kombinerar dina externa JavaScript- och CSS-filer till en till minimera dyra http-förfrågningar. Dessa filer kan minifieras och gzippas för att minska bandbredd och ytterligare optimera nedladdningstiden.

8. Minska innehållet på din webbplats

Det här är väldigt viktigt. Gör och håll din webbplats helt smal. Det här är det du bör spendera mest tid på. Vi tillbringade veckor på detta steg ensam.

För att göra detta måste du ta en yxa på så många komponenter, plugins och moduler som möjligt. Döda dem. Döda dem med eld.

Varje extra funktion ökar serverns körtid och ökar webbplatsens totala vikt.

OBS: Trampa försiktigt här. Ta fullständiga säkerhetskopior innan du tar bort Joomla-kärnan! komponenter, moduler och plugins

Gör detta tills du tömmer dig själv. Verkligen, gör det här. Ta bort ALLA saker som du inte använder.

Även saker som kommer som standard men som du inte behöver, till exempel

  • standardmallen som du inte kommer att använda någonsin igen,
  • de länkar komponenter som du antagligen inte använder,
  • nyhetsflödeskomponenterna om du inte använder dem,
  • och ALLA plugins som du aldrig kommer att använda.

Avinstallera dem, inte bara inaktivera dem.

Fokusera obsessivt på saker som du inte behöver, ta bort alla extra komponenter och kombinera moduler och plugins om möjligt. Använd till exempel sociala knappar 1 plugin för allt. Om du har anpassad HTML, lägg så mycket av det i en enda modul som möjligt.

  • Ta bort extra forumkategorier och minimera antalet objekt i dina menyer så mycket som möjligt.
  • Ta bort gamla användare och gammalt innehåll.
  • Slå ihop och kombinera avsnitt, kategorier, menyer och allt annat som behövs.

Ditt fokus bör vara att få ner saker till ett absolut minimum som krävs för att din webbplats ska finnas. Gör detta tvångsmässigt i ett antal veckor. Gå på en radering, hugga och ta bort, inaktivera och avinstallera.

Fokusera på att göra din sajt så mager som möjligt mänskligt utan att bryta någonting.

Tyvärr höll vi inte koll på de saker vi tog bort.

9. Minska det totala antalet förfrågningar

Ta bort extra bilder som är överflödiga.

Ladda ner och värd en version av alla bilder som serveras från externa webbplatser från en kopia på din webbplats (detta kommer att minska antalet DNS-sökningar som din klients webbläsare kommer att behöva utföra eftersom dessa har en allvarlig inverkan på sidhastigheten på din sida).

Analysera i detalj vad förfrågningarna är med GTMetrix eller Pingdom prestandaverktyg. Se sedan om dessa förfrågningar verkligen är nödvändiga. Om de inte tar bort dem.

Till exempel det skriptet från tredje part som du installerade för några år sedan? Behöver du fortfarande det? Och det Google AdSense-skriptet, är det verkligen nödvändigt? Använder du fortfarande Facebook-pixeln eller kan du ta bort den?

Vi tenderar att bli vilda med tredjepartsskript, vi får glänsande objektsyndrom och lägger till vår webbplats, utan att inse att vi är uppblåsta på storleken på vår webbplats.

Så gör samma sak som föregående steg. Studera varje begäran som din webbplats skickar, se om det är nödvändigt och om inte döda det.

GTMetrix har också en cool funktion som optimerar storleken på alla dina bilder. Spara de versioner som har optimerats och använd de optimerade versionerna på din webbplats.

10. Servera innehåll från a CDN

Content Delivery Networks är servrar som cachar en kopia av de statiska delarna av din webbplats och kan betjäna den optimalt och mycket snabbare än din server någonsin kunde göra för dina besökare. Detta kommer att ge dig en ENORM ökning av din sidhastighet.

Om du har inte råd med ett CDN, webbplatser som StackPath CDN har en mycket billig plan som kommer att tillgodose behoven hos de flesta små webbplatser. 

StackPath börjar på $ 20 / månad.

stackpath cdn

Även om det kan se ut som mycket pengar, särskilt jämfört med sådana saker som din webbhotell, om din webbplats är snabbare, är UX bättre och du kommer att få mer organisk trafik och öka din webbplats verksamhet totalt sett.

11. Följ varje rekommendation på PageSpeed, YSlow

Både PageSpeed ​​och YSlow har ett antal detaljerade rekommendationer, som att specificera

  • en standardteckenuppsättning
  • se till att du har angett bilddimensioner (ange bredd och höjd för varje bild på din webbplats).

För allt innehåll som finns på din webbplats, följ var och en av dessa till punkt och pricka.

Om du inte har någon aning om vad du behöver göra är Google din vän, läs om det och förstå det och åtgärda det på din webbplats. Undvik dåliga förfrågningar, dvs. se till att det inte finns några bilder eller filer som är felaktigt länkade.

Vissa kan vara ganska svåra att göra unless du vet verkligen vad du gör. Ladda skript från tredje part som Facebook, Twitter, AdSense och Google Analytics asynkront. Det finns många ganska enkla optimeringar som du kan göra.

PS. Det kan finnas rekommendationer som du inte kan följa för innehåll som ligger utanför din kontroll. Till exempel AdSense, Facebook och andra skript har alla några optimeringar de kan göra. Du har inte mycket kontroll över dessa. Det bra är att din CDN också kan ha optimeringar för innehåll från tredje part. Om inte, oroa dig inte för mycket för dem.

Om du fortsätter att itera med optimeringar, bör du så småningom komma fram till en punkt där din webbplats blir blixtsnabb.

Låt oss hjälpa dig att hantera din Joomla bättre

joomla

Gratis e-knapp för Joomla-tips

Slutsats: Varför behöver du göra din webbplats snabbare?

Verkligen och riktigt, om du använder din webbplats för att förbättra ditt företag genom försäljning eller på annat sätt, bränner en långsam webbplats bokstavligen ett hål i fickan.

Användare är ganska otåliga och kommer att överge din webbplats om den inte är tillräckligt snygg. Du kommer naturligtvis också att skicka en mycket negativ omedveten signal till dina besökare. Här är alla negativa effekter

  • Kundnöjdheten minskar med 16% om det blir en sekund fördröjning av sidansvaret
  • 47% av användarna förväntar sig att en webbplats laddas inom två sekunder och kommer att överge webbplatsen om det tar längre tid än 2 sekunder att ladda
  • 50% av användarna är inte lojala mot webbplatser som laddas långsamt

Har du uppnått bra resultat med ovanstående rekommendationer? Dela din erfarenhet med oss ​​i kommentarerna nedan!

Hur du gör din webbplats snabbare - en sista tanke

Vi är värd för InMotion eftersom vi bryr oss om att vår webbplats är riktigt snabb, och vi rekommenderar dem eftersom vi verkligen tycker att alla också borde - det kommer att ge din webbplats en omedelbar boost.

Förutom att ladda snabbare är deras servrar säkrare och deras support är bättre (de måste mått för att bevisa dessa djärva påståenden). Varför tycker du inte om oss och prova InMotion

Du behöver inte oroa dig för att flytta din webbplats, de kommer att göra det åt dig gratis. Vi garanterar att du aldrig vill gå tillbaka till din gamla värd. Du har en 90-dagars pengarna-tillbaka-garanti, så du behöver inte ens betala dem en cent om du inte gillar det du ser;)

Try InMotion hosting (47% OFF until November 2023)

Om författaren
David Attard
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

 

vilka är vi?

CollectiveRay drivs av David Attard - arbetar i och runt webbdesignnischen i mer än 12 år, vi ger användbara tips för människor som arbetar med och på webbplatser. Vi driver också DronesBuy.net - en webbplats för drönare.

David attard

 

 

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...