Kuinka sain Joomla-verkkosivustoni ladata 1.29 sekunnissa

Olemme kuulleet jonkin aikaa, että hakukoneoptimointi ja Joomla SEO Sivusi latautumiseen kuluva aika voi vaikuttaa - joten äskettäin olemme aloittaneet intensiivisen harjoittelun saadaksemme verkkosivustomme latautumaan mahdollisimman lyhyessä ajassa.

Uskomme, että GTMetrixin nykyinen kuormitusnopeus ja luokitus ovat suhteellisen hyvät 85% Pagespeed, ja 95% YSlow Gradelle ja latausaika 1.29 sekuntia, joten ajattelimme jakavan miten teimme tämän. Jotkut näistä ovat Joomla-spesifisiä, kun taas toiset ovat yleisiä, mutta yleiset käsitteet koskevat KAIKKIA sisällönhallintajärjestelmiä ja kaikkia verkkosivustoja.

lataa joomla-verkkosivusto nopeasti

Ennen kuin aloitat: Suorita verkkosivustoasi GTMetrixin tai Pingdom-työkalujen avulla. Ota huomioon nykyinen arvosanasi ja katso sen sitten parantuvan. Hyvä asia on, että GTMetrix seuraa myös historiaasi, jotta voit nähdä kaavion parannuksistasi.

VAIHE 0: TOTEUTA TAKAISIA VARMUUSKOPIOITA - Jotkut seuraavista suosituksista saattavat rikkoa sivustoasi. Ota usein täydet varmuuskopiot ennen muutosten tekemistä.

1. Pienennä palvelimen vasteaikaa

 

Pienennä palvelimen vasteaikaaJos olet käyttänyt verkkosivustoasi GTMetrixin tai PageInsightsin kautta, alkuperäisessä vastauksessa on pitkä viive - jaettu palvelinpalvelin kärsii.

Suurin ero, jonka voit tehdä verkkosivustosi nopeaan lataamiseen, on suositellun Joomla-isännän käyttö ja palvelimen vasteajan parantaminen. Suosittelemme isännöintipalvelua Liikkeessä, jota käytämme tällä verkkosivustolla.

Käytämme tätä sivustoa InMotion VPS-3000HA-S -suunnitelmassa, jossa on LiteSpeed-palvelin, yritystason verkkopalvelin, joka on osoittautunut nopeammaksi kuin Apache tai NGINX. Tällaisen asennuksen ansiosta palvelimemme vasteaika on tyypillisesti less yli 0.1 sekuntia.

Katso alla oleva kuvakaappaus, näet 100 ms: n alkuperäisen vasteajan.

collectiveray palvelimen vasteaika

Kuten voitte kuvitella, tämä on erittäin viritetty asetus, jossa on useita välimuistitasoja, mukaan lukien PHP OpCode -välimuisti (mikä tekee PHP: stä nopeamman), joten tämä ei ole tyypillinen jaetun isännöinnin määritys.

Mutta jos olet tosissasi nopeuden suhteen, VPS on ehdottomasti ensimmäinen käyntisatama.

Jos haluat VPS: n edulliseen hintaan, olemme yhteistyössä InMotion-isännöinnin kanssa antaneet sinulle jopa 70% alennusta VPS-hinnoittelusta, tutustu alla olevaan tarjoukseen.

Napsauta tätä saadaksesi parhaan tarjouksen VPS-isännöinnistä syyskuu 2021 vain

2. Aseta itsellesi kunnianhimoinen tavoite ja kiinnitä siihen, kunnes saat sen

Tämä on ehdoton pakko.

Jos sinulla ei ole kohdetta, et todennäköisesti jatka työntämistä. 

Sinun on asetettava itsellesi kunnianhimoinen tavoite ja pyrittävä saavuttamaan se ENNEN kuin aloitat optimoinnin. Meille tavoite oli lyhentää etusivun latausaikaa less alle 1.5 sekuntia JA saat vähintään 85% molemmista Sivunopeus ja YSlow-pisteet GTMetrixissä. 

Lopputuloksemme. Latausaika on hieman yli 0.5 sekuntia.

pingdom-työkalujen latausaika

 

Ei huono :)

suorituskykypisteet gtmetrix

3. Ota Joomla-välimuisti käyttöön

Tämä on melko yksinkertaista, mutta se on erittäin tehokasta.

Lähinnä tämä johtuu siitä, että välimuisti tallentaa saman kyselyn uudestaan ​​ja uudestaan ​​tietokantaan, ja kopioi sivusi ja palvelee sitä väliaikaisesta tiedostosta, joka on tallennettu levylle.

Tämä helpottaa palvelimesi kuormitusta ja parantaa palvelimen yleistä latausaikaa. Tietokantakyselyjen, etenkin jaettujen isännöintipalvelujen, toteuttaminen voi kestää melko kauan, varsinkin kun tietokannan kohteet kasvavat. Jos liikenteesi myös kasvaa, se tarkoittaa, että palvelimesi ja tietokantasi ovat jatkuvasti raskaan kuormituksen alla.

Välimuisti korjaa tämän poistamalla suurimman osan kuormasta. Verkkosivustosi tarvitsemat tiedot luodaan säännöllisesti ja tallennetaan välimuistiin (eli tallennetaan palvelimen tiedostoon). Sivun / datan noutaminen levyltä sen sijaan, että kyselyt suoritettaisiin tietokannasta, nopeuttaa latausaikaa.

Ota välimuisti käyttöön seuraavasti:

Järjestelmä> Yleinen määritys> Järjestelmä

Kytke progressiivinen välimuisti päälle ja aseta välimuistin päättymisaika 60 minuuttiin (tai enemmän), varsinkin jos sisältösi ei muutu liian usein. Et tarvitse alustakohtaista välimuistia. Tämä loisi erilaisia ​​versioita välimuistista mobiili- tai pöytäkoneiden käyttäjille, unless sinulla on merkittäviä mobiili- ja pöytäkoneiden käyttäjiä.

joomla-välimuistin asetukset

Voit asettaa sen pidemmälle, jos sisältösi muuttuu harvoin, voit nähdä tämän 240 minuutiksi tai jopa enemmän, varsinkin jos saat paljon kävijöitä samoille sivuille.

4. Ota GZIP-pakkaus käyttöön

Tämä vaihe varmistaa, että luomasi sisältö pakataan ennen lähettämistä. Logiikka on hyvin yksinkertainen, se vaatii paljon less aikaa pakata ja purkaa sisältö sen sijaan, että siirrettäisiin suuria sisältökappaleita. Tämä voidaan tehdä helposti myös Joomla 3: ssa seuraavilla tavoilla:

Järjestelmä> Yleinen määritys> Palvelin 

Vaihda GZIP-pakkaus YES-tilaan.

gzip-sivun pakkausasetukset

(Jos etsit täydellistä asiakirjaa siitä, miten GZip-pakkaus otetaan käyttöön WordPressissä, tutustu tähän artikkeliin CollectiveRay)

5. Ota käyttöön System - Cache -laajennus

Tämä laajennus tallentaa välimuistin jokaiselle sivustosi sivulle ja (valinnaisesti) suosittelee selaimeesi, ja tämän sivun tulisi olla välimuistissa jonkin aikaa (tämä tunnetaan nimellä selaimen välimuisti).

Tämän vaiheen ensimmäinen osa varmistaa, että KAIKKI sivut tallennetaan välimuistiin palvelimella. Tämä on varsin tärkeää, koska muuten, vaikka yleisiä juttuja, kuten valikoita, tarjotaan välimuistista, jokainen sivu on silti näytettävä dynaamisesti.

Siksi otamme tämän laajennuksen käyttöön, jotta välimuisti voidaan ottaa käyttöön sivutasolla.

Selaimen välimuisti on erittäin järkevä erityisesti siksi, että sinun ei tarvitse ladata tiettyjä kuvia ja tiedostoja uudelleen ja uudelleen. Selain käyttää paikallista kopiota ja siten less tiedonsiirto on pakollista, joten sivut latautuvat nopeammin.

Tämä on erityisen tehokas esimerkiksi CSS: n ja tyylitaulukon kuvien kohdalla. Tämä on myös Joomla-vakiotoiminto, joka otetaan käyttöön seuraavien kautta:

Laajennukset> Plugin Manager, etsiä Kätkö ja ota käyttöön Järjestelmä - välimuistilaajennus. Voit myös sulkea pois tietyt välimuistissa olevat valikkokohteet tai siirtyä laajennuksen Lisäasetukset-kohtaan ja sulkea pois tietyt URL-osoitteet, jotka haluat säilyttää välimuistissa.

järjestelmäsivun välimuisti

 

6. Hyödynnä selaimen välimuistia palvelintasolla

Tämä on hyvin samanlainen kuin vaihe 5, kun kyse on selaimen välimuistiosasta. Tämä erityinen vaihe liittyy tiukasti selaimen välimuistiin.

Erona on, että tämä vaihe tehdään nyt palvelintasolla. Pohjimmiltaan sinun on suositeltava selaimelle tiettyjen tiedostotyyppien välimuistiin pitämistä tietyn ajan. Google PageSpeed ​​ehdottaa vähintään yhtä kuukautta.

Tätä varten sinun on muokattava .htaccess-tiedosto seuraavaksi. Suurin ikäarvo on 1 kuukausi sekunteina.


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

Muita arvoja, jotka kannattaa harkita:

1 VUOSI:

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

1 VIIKKO:

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

Voit myös valita välimuistin less tai useampia tiedostotyyppejä, mutta yllä olevat ovat yleisimpiä staattisia tiedostoja, jotka voidaan ja pitäisi tallentaa välimuistiin.

Niille teistä, jotka työskentelevät WordPressin kanssa, olemme luoneet tämän oppaan kattavan oppaan selaimen välimuistin hyödyntämisestä laajennuksen kanssa tai ilman. CollectiveRay.

7. Asenna JCH_Optimizer

JCH -optimoija sisältää valtavan määrän PageSpeedin suosittelemia juttuja ja johtaa valtavaan lisäykseen PageSpeed-luokassasi.

Saatat kohdata ongelman, että tämä voi rikkoa joitain verkkosivustosi toimintoja. Käy huolella käyttämiesi vaihtoehtojen kanssa.

Sivustollemme onnistuimme ottamaan käyttöön melkein kaikki optimoinnit hyvin harvoilla poissulkemisilla - mutta sivustollesi saatat joutua pelaamaan jonkin aikaa löytääksesi optimaaliset asetukset. Kuvaava JCH -optimoija on hieman tämän artikkelin laajuuden ulkopuolella, mutta ota sanamme, asenna ja ota laajennus käyttöön. Et tule katumaan sitä. 

Seuraava on osa virallista kuvausta:

Tämä laajennus yhdistää ulkoiset JavaScript- ja CSS-tiedostosi yhdeksi minimoida kalliit http-pyynnöt. Nämä tiedostot voidaan minimoida ja pakata pakattuna kaistanleveyden vähentämiseksi ja latausaikojen optimoimiseksi.

8. Vähennä sivustosi sisältöä

Tämä on hyvin tärkeää. Tee ja pidä sivustosi ehdottoman laiha. Tähän pitäisi viettää eniten aikaa. Vietimme viikkoja tähän vaiheeseen yksin.

Tätä varten sinun on otettava kirves mahdollisimman monelle komponentille, laajennukselle ja moduulille. Tappaa heidät. Tapa heidät tulella.

Jokainen lisätoiminto lisää palvelimen suoritusaikaa ja lisää sivuston kokonaispainoa.

Huom: Kulje tällöin varovasti. Ota täydelliset varmuuskopiot, ennen kuin poistat Joomla! komponentit, moduulit ja laajennukset

Tee tämä, kunnes uupuu itsesi. Todella, tee tämä. Poista KAIKKI tavarat, joita et käytä.

Jopa tavaroita, jotka tulevat oletusarvoisesti, mutta joita et tarvitse, kuten

  • oletusmalli, jota et enää koskaan käytä,
  • verkkolinkkikomponentit, joita et todennäköisesti käytä,
  • uutissyötteiden komponentit, jos et käytä niitä,
  • ja KAIKKI laajennukset, joita et koskaan käytä.

Poista ne, älä vain poista niitä käytöstä.

Keskity pakkomielteisesti tavaroihin, joita et tarvitse, poista kaikki ylimääräiset komponentit ja yhdistä moduulit ja laajennukset, jos mahdollista. Esimerkiksi sosiaalisissa painikkeissa käytä 1 laajennusta kaikkeen. Jos sinulla on mukautettu HTML, aseta niin paljon siitä yhteen moduuliin kuin mahdollista.

  • Poista ylimääräisiä foorumikategorioita ja vähennä valikoiden kohteiden määrää ehdottomasti.
  • Poista vanhat käyttäjät ja vanha sisältö.
  • Yhdistä ja yhdistä osiot, luokat, valikot ja kaikki muut tarpeen mukaan.

Sinun tulisi keskittyä saamaan asiat minimiin, joka tarvitaan sivustosi olemassaoloon. Tee tämä pakkomielteisesti useita viikkoja. Jatka poistoa, pilkkoa ja poista, poista käytöstä ja poista asennus.

Keskity tekemään sivustostasi mahdollisimman laiha niin inhimillisesti kuin mahdollista rikkomatta mitään.

Valitettavasti emme seuranneet poistamiamme juttuja.

9. Vähennä pyyntöjen kokonaismäärää

Poista tarpeettomat ylimääräiset kuvat.

Lataa ja isännöi myös versio kaikista ulkoisilta verkkosivustoilta toimitetuista kuvista sivustosi kopiosta (tämä vähentää asiakkaan selaimen suorittamien DNS-hakujen määrää, koska niillä on vakava vaikutus sivun nopeuteen. sinun sivusi).

Analysoi yksityiskohtaisesti pyynnöt GTMetrix- tai Pingdom-suoritustyökaluilla. Katso sitten, ovatko nämä pyynnöt todella tarpeellisia. Jos he eivät poista niitä.

Esimerkiksi se kolmannen osapuolen komentosarja, jonka asennit pari vuotta sitten? Tarvitsetko vielä sitä? Ja se Google AdSense -skripti, onko se todella välttämätöntä? Käytätkö edelleen Facebook-pikseliä vai voitko poistaa sen?

Meillä on taipumus villistyä kolmansien osapuolten komentosarjojen kanssa, saamme kiiltävien esineiden oireyhtymän ja lisäämme sivustoomme huomaamatta, että olemme paisuneet sivustomme koon.

Joten tee sama kuin edellinen vaihe. Tutki kutakin sivustosi lähettämää pyyntöä, katso onko se välttämätöntä ja jos ei, tappaa se.

GTMetrixissä on myös hieno ominaisuus, joka optimoi kaikkien kuviesi koon. Tallenna optimoidut versiot ja käytä optimoituja versioita verkkosivustollasi.

10. Näytä sisältö a CDN

Sisältötoimitusverkot ovat palvelimia, jotka tallentavat välimuistiin kopion sivustosi staattisista osista ja voivat palvella sitä optimaalisesti ja paljon nopeammin kuin palvelimesi koskaan kävijöillesi. Tämä antaa sinulle uuden valtavan lisäyksen sivusi nopeuteen.

Jos sinä ei ole varaa CDN: ään, sivustot, kuten StackPath CDN sinulla on erittäin halpa suunnitelma, joka palvelee useimpien pienten verkkosivustojen tarpeita. 

StackPath alkaa 20 dollaria / kuukausi.

stackpath cdn

Vaikka tämä saattaa näyttää paljon rahaa, varsinkin verrattuna sellaisiin juttuihin kuin verkkosivustosi hosting, jos sivustosi on nopeampi, UX on parempi ja sinun on pakko saada enemmän orgaanista liikennettä ja lisätä verkkosivustosi liiketoimintaa yleisesti.

11. Seuraa kutakin PageSpeed-, YSlow-suositusta

Sekä PageSpeedillä että YSlowilla on useita yksityiskohtaisia ​​suosituksia, kuten määrittely

  • oletusmerkkijoukko
  • Varmista, että sinulla on määritetyt kuvamitat (määritä jokaisen verkkosivustosi kuvan leveys ja korkeus).

Seuraa mitä tahansa sivustollasi isännöityä sisältöä kirjaimella.

Jos sinulla ei ole aavistustakaan siitä, mitä sinun on tehtävä, Google on ystäväsi, lue siitä ja ymmärrä se ja toimi verkkosivustollasi. Vältä virheellisiä pyyntöjä, ts. Varmista, että kuvia tai tiedostoja ei ole linkitetty oikein.

Joidenkin tekeminen voi olla melko vaikeaaless tiedät todella mitä teet. Lataa kolmannen osapuolen skriptejä, kuten Facebook, Twitter, AdSense ja Google Analytics, asynkronisesti. Voit tehdä monia melko helppoja optimointeja.

PS. Saattaa olla suosituksia, joita et voi noudattaa sellaisen sisällön suhteen, jota isännöi sinun hallinnassasi. Esimerkiksi AdSensella, Facebookilla ja muilla skripteillä on joitain optimointeja, joita ne voivat tehdä. Sinulla ei ole paljon valtaa näihin. Hyvä asia on, että CDN: lläsi voi olla myös optimointeja kolmannen osapuolen sisältöön. Jos ei, älä huoli liikaa niistä.

Jos jatkat optimoinnilla, sinun pitäisi lopulta päästä pisteeseen, jossa sivustosi muuttuu salamannopeaksi.

Autetaan sinua hallitsemaan Joomlaasi paremmin

joomla

Ilmainen Joomla-vihjeiden e-kirja-painike

Johtopäätös: Miksi sinun täytyy tehdä verkkosivustostasi nopeampi?

Oikeasti, jos käytät verkkosivustoasi liiketoimintasi parantamiseen myynnin kautta tai muuten, hidas sivusto polttaa kirjaimellisesti reiän taskussa.

Käyttäjät ovat melko kärsimättömiä ja hylkäävät sivustosi, jos se ei ole tarpeeksi röyhkeä. Lähetät tietysti myös erittäin negatiivisen tajuttoman signaalin kävijöillesi. Tässä ovat kaikki kielteiset vaikutukset

  • Asiakastyytyväisyys pienenee 16%, jos sivuvastaus viivästyy sekunnin ajan
  • 47% käyttäjistä odottaa sivuston latautuvan 2 sekunnissa ja hylkää sivuston, jos lataaminen kestää yli 3 sekuntia
  • 50% käyttäjistä ei ole uskollisia hitaasti latautuville sivustoille

Oletko saavuttanut hyviä tuloksia yllä olevilla suosituksilla? Jaa kokemuksesi kanssamme alla olevissa kommenteissa!

Kuinka tehdä verkkosivustostasi nopeampi - viimeinen ajatus

Meitä isännöi InMotion, koska välitämme siitä, että verkkosivustomme on todella nopea, ja suosittelemme heitä, koska mielestämme myös kaikkien pitäisi - se antaa verkkosivustollesi välittömän vauhdin.

Nopeamman lataamisen lisäksi heidän palvelimensa ovat turvallisempia ja heidän tukensa on parempi (heidän on osoitettava nämä rohkeat väitteet todistamaan). Miksi et pidä meistä ja kokeile InMotionia

Sinun ei tarvitse huolehtia sivustosi siirtämisestä, he tekevät sen sinulle ilmaiseksi. Takaamme, ettet koskaan halua palata vanhan isännän luo. Sinulla on 90 päivän palautusoikeus, joten sinun ei tarvitse edes maksaa heille senttiäkään, jos et pidä siitä, mitä näet;)

Kokeile InMotion-isännöintiä (47%: n alennus vuoteen syyskuu 2021)

kirjailijasta
David Attard
Kirjoittaja: David AttardVerkkosivu: https://www.linkedin.com/in/dattard/
David on työskennellyt verkko- / digitaalialalla tai sen ympäristössä viimeiset 18 vuotta. Hänellä on laaja kokemus ohjelmisto- ja verkkosuunnitteluteollisuudesta WordPressin, Joomlan ja niitä ympäröivien markkinarakojen käytöstä. Digitaalisena konsulttina hän keskittyy auttamaan yrityksiä saamaan kilpailuetua käyttämällä verkkosivustonsa ja tänään saatavilla olevien digitaalisten alustojen yhdistelmää.

Yksi asia vielä... Tiesitkö, että ihmiset, jotka jakavat hyödyllisiä juttuja, kuten tämä viesti, näyttävät myös mahtavilta? ;-)
Ole hyvä Jätä hyödyllinen kommentoi ajatuksiasi ja jaa tämä sitten Facebook-ryhmissäsi (ryhmissä), jotka pitävät tätä hyödyllisenä, ja hyödynnetään yhdessä. Kiitos jakamisesta ja mukavuudesta!

Disclosure: Tämä sivu voi sisältää linkkejä ulkoisille sivustoille tuotteille, joita rakastamme ja kannatamme sydämestämme. Jos ostat suosittelemiamme tuotteita, saatamme ansaita viittausmaksun. Tällaiset maksut eivät vaikuta suosituksiimme, emmekä hyväksy maksuja positiivisista arvosteluista.
 

 

Paras luokiteltu välimuistilaajennus

Tee verkkosivustostasi nopeampi 

Vaihe vaiheelta-ilmainen sähköpostikurssi, jolla saat verkkosivustosi latautumaan less kuin 1 sekunti  

 

keitä me olemme?

CollectiveRay on David Attardin johtama - työskennellyt web -suunnittelualalla ja sen ympärillä yli 12 vuotta, tarjoamme toimivia vinkkejä ihmisille, jotka työskentelevät verkkosivustojen kanssa ja niillä. Meillä on myös DronesBuy.net - sivusto drone -harrastajille.

David Attard

 

 

Kirjoittaja (t) esillä:  Inc-lehden logo   Sitepoint-logo   CSS Tricks -logo    webdesignerdepot-logo   WPMU DEV -logo   ja paljon muuta ...