Miten nopeuttaa verkkosivustoa 9 yksinkertaisella askeleella

miltä sinusta tuntuu, kun tilaamasi ruoka tarjoillaan pitkän odotuksen jälkeen? Tai kun Marketin kassan takana on iso jono?

sitä yksinkertaisesti vihataan.

arvaa mitä, katsojasi eivät pidä siitä yhtään sen enempää, kun sivustosi latautuu hitaasti.

pahimmillaan he osoittavat tyytymättömyytensä antamalla sivustollesi vähemmän käyntejä ja myyntiä.

joka toinen ylimääräinen, jonka sivustosi ottaa lataamiseen, johtaa:

  • 11% sivunäkymien häviäminen
  • 7% vähemmän muuntaminen
  • 87% ostoskorin hylkääminen
  • 43% ostajista menee suoraan kilpailijoille

hidas sivusto vaikuttaa suuresti kykyysi houkutella asiakkaita ja tuottaa.

siksi me Hosting Tribunalissa menemme pitkälle arvioidaksemme nopeutta, joka on paras webhotellin tarjoaja, oli se sitten WordPress hosting, Magento tai jotain muuta.

jos olet verkossa, latausnopeus on ratkaiseva.

miten verkkosivua sitten nopeutetaan? Hyvä, että kysyit.

seuraa vain tässä viestissä käsiteltyjä nopeusratkaisuja. Yksinkertaista.

näet, toisin kuin monet uskovat, nopean ja sulavalinjaisen Sivuston luominen ei ole keskivertoihmisen yläpuolella.

vaikka et osaisi mitään koodausta, voit parantaa sivustosi suorituskykyä helposti.

näytän, miten homma hoidetaan.

mutta ennen kuin keskustelen mistään sivuston nopeuden optimointi vaiheet, ensimmäinen Let ’ s saada täysin selväksi yksi asia: hidas nopeus, jos ei korjata nopeasti ja tehokkaasti, on asia, joka voi työntää online-liiketoiminnan kohti aikaisin hautaan.

nopeuden optimoinnin merkitys

miten verkkosivun nopeus vaikuttaa muunnoksiin? Tekeekö se vaikeammaksi vakuuttaa kävijöitä tekemään ostoksia sivustossasi?

veikkaa!

ostoskorisi hylkäysprosentti nousee 87%: iin vain 2 sekunnin lastausviiveellä tapahtuman aikana.

hidas nopeus = alhaiset muuntokurssit

mutta se pahenee…

viivästynyt sivunlataus muuttaa ensiasunnon ostajat tuntemattomiksi.

tutkimuksen mukaan 64% nettishoppailijoista, jotka eivät pidä sivustosi suorituskyvystä, ei tule takaisin.

ja jos se ei riitä, 43 prosenttia tyytymättömistä asiakkaista tekee ostoksensa kilpailijan työmaalla seuraavan kerran.

tämä tarkoittaa, että häviösi on kilpailijoiden voitto.

se on viimeinen asia mitä haluat. Tiedän.

mutta asian ei tarvitse olla näin. Voit myös muuntaa enemmän katsojia maksullisiksi asiakkaiksi, pitää heidät uskollisina brändillesi ja marssia ylpeänä kohti online-menestystä, jos saat vakavia, todella vakavia, tietoja sivuston nopeuden optimoinnista heti tästä hetkestä.

mikä on hyvä latausaika?

jos sivustosi latautuu 3 sekunnissa tai vähemmän, se on hyväksyttävää. Kaikki yli 3 sekuntia saa pomppunopeuden nousemaan jyrkästi ylös.

pomppunopeuden todennäköisyys kasvaa 32%: iin, kun kuormitusajat kasvavat 1 sekunnista 3 sekuntiin. Kuitenkin tämä määrä sivuja, joiden latausajat ovat 5 sekuntia on jopa 90%.

toinen tutkimus paljastaa, että 75% käyttäjistä ei palaa sivulle, jonka lataaminen kestää yli 4 sekuntia.

joten kirjoitus seinällä on kovaa ja selkeää.

jos sivun latausajat ylittävät 3 sekuntia, web-suorituskyvyn parantaminen on prioriteettisi numero yksi.

mutta ennen kuin työstät nopeutta, on vielä yksi asia tehtävänä …

selvitä sivustosi nykyinen keskimääräinen latausaika.

miten latausaika mitataan?

aika ensimmäiseen tavuun (TTFB) ja sivun kuormitusaika ovat kaksi eri tapaa mitata sivun nopeutta.

TTFB mittaa aikaa, jonka käyttäjän selain saa ensimmäisen tavun palvelimeltasi HTTP-pyynnön lähettämisen jälkeen.

TTFB antaa jonkin käsityksen palvelimen vasteajasta, mutta ei merkitse käyttäjille paljoakaan.

kävijää huolestuttaa enemmän se, milloin hänen selaimensa lataa koko sivun, kuin se, milloin jälkimmäinen saa palvelimen vastauksen ensimmäisen erän.

tästä huolimatta erittäin korkea ttfb-arvo verkkosivustosi nopeustestissä voi kertoa huonoista uutisista. Jos palvelimeltasi kestää kauan lähettää vain ensimmäinen tavu, koko web-sivun lataaminen voi kestää ikuisuuden.

joten mikä on hyvä ttfb-tulos?

alle 200 millisekunnin TTFB-arvo on täysin hyväksyttävä, kun taas yli 500 millisekunnin hitaus alkaa hidastaa kokonaissuoritusta.

sivun latausaika sen sijaan mittaa aikaa, joka kuluu käyttäjän selaimella koko web-sivun lataamiseen ja palvelemiseen. Tämä mittari, kuten arvata saattaa, on tärkeämpää käyttökokemukselle.

kannattaa yrittää pitää se mahdollisimman alhaalla, koska kaikki yli 3 sekuntia on liian korkea.

on olemassa useita vapaita ohjelmistosovelluksia, jotka paitsi mittaavat sivujen latausaikaa, myös tunnistavat piileviä suorituskyvyn pullonkauloja ja tarjoavat oivaltavia vastauksia tärkeään, kuinka nopeuttaa verkkosivustoa koskevaa kysymystä.

tässä 5 parasta ilmaista työkalua verkkosivun nopeuden seuraamiseen. Koska nämä työkalut testaavat sivuston nopeutta hieman eri tavalla, ehdotan, että käytät niitä kaikkia saadaksesi tarkimman kuvan.

kuormituksen vaikutusta lukuun ottamatta ne kaikki toistavat loppukäyttäjäkokemusta. Edellinen taas keskittyy siihen, miten palvelin vastaa lisääntyneeseen kuormitukseen.

GTMetrix

tehokas ja helppokäyttöinen GTMetrix.com antaa sinulle viiltävän raportin kaikesta, mikä liittyy sivun nopeuteen.

voit valita selaintyypin (Firefox tai Chrome), testata 7 eri paikasta ja tarkistaa sivuston toimivuuden eri yhteystyypeillä (laajakaista, kaapeli tai mobiili).

GTMetrix antaa sivustollesi arvosanan F: stä A: han ja luettelee tärkeimmät sivun tiedot.

käy läpi raportin eri merkinnät yksitellen oppiaksesi, miten sivustosi toimii jokaisessa yksittäisessä asiassa, joka vaikuttaa sen latausaikaan.

sinun täytyy sijoittaa jonkin aikaa selataksesi kaikki resurssit. Kuitenkin, jos haluat monia toimia miten nopeuttaa sivuston suosituksia, aika investointi on ehdottomasti sen arvoista.

verkkosivun testi

verkkosivun testi on yhtä yksityiskohtainen kuin GTMetrix, mutta tarjoaa enemmän vaihtoehtoja (40+ palvelinsijaintia ja 25+ selaintyyppiä, mukaan lukien mobiili).

sen käyttäminen on rankkaa. Liitä sivustosi URL, Valitse palvelimen sijainti ja selain ja paina Käynnistä Testi-painiketta.

tämä ilmainen, avoin työkalu tallentaa useita hyödyllisiä mittareita ja luetteloita ja näyttää ne eri taulukoissa ja kaavioissa auttaakseen sinua havaitsemaan suoritusviiveet ja lisäämään sivuston nopeutta.

Pingdom

Pingdom on nykyään yksi suosituimmista verkkosivujen seurantapalveluista.

aivan kuten WebPage Test ja GTMetrix, se antaa käyttäjille mahdollisuuden valita paikan, josta he haluavat suorittaa testin. Pingdom ei kuitenkaan anna sinun suorittaa nopeustestiä eri selaimilla.

Pingdom kattaa kaikki sivun nopeuden pääkohdat ja näyttää tiedot siistillä, kompaktilla tavalla. Verrattuna kahteen ensimmäiseen työkaluun, se on vähemmän kattava.

Google PageSpeed Insights

Haluatko tietää, miten verkkosivua voi nopeuttaa heti alkuun?

käytä tätä ilmaista työkalua saadaksesi tietää sivustosi nykyisen suorituskyvyn, ja mikä tärkeintä, saat edistyneitä vinkkejä, jotka perustuvat alan uusimpiin parhaisiin käytäntöihin sivuston suorituskyvyn parantamiseksi.

toisin kuin eräät muut työkalut, Google PageSpeed tarjoaa raportteja sekä työpöytä-että mobiiliversioille verkkosivustollesi.

työkalu pisteyttää sivustosi asteikolla 1-100. Mitä korkeampi pistemäärä, sen parempi.

kaikki yli 85-vuotiaat ovat aika hyviä. Jos pistetaulukossasi lukee 85+, voit taputtaa itseäsi selkään hyvän esityksen laittamisesta.

K6.io (aiemmin Load Impact)

pilvipohjainen työkalu, K6 suorittaa verkkosivun nopeustestin käyttämällä virtuaalikäyttäjiä, jopa 50 ilmaisversiossa, tallentaakseen palvelimen suorituskyvyn, kun se joutuu rasitukseen.

voit luoda testiskenaarioita, joilla voit tutkia palvelimen ja sivuston kaikkia nurkkia. Se on hyvin tukena yksityiskohtainen ohje-osio, josta löydät laajat tiedot jokaisesta työkalun osasta. Muista työkalu on melko haastavaa perustaa, varsinkin kun se on uudelleenbrändätty ja sai ton uusia ominaisuuksia. Kuitenkin, testaus vaihtoehtoja ja oivalluksia voit saada ovat fantastisia.

tästä kuitenkin puuttuu cross-browser-ominaisuus. K6 on suunniteltu ensisijaisesti tarkistamaan pullonkaulat koodissa ja näkemään, mitkä osat optimoidaan liikenteen piikkien välttämiseksi-sen ei ole tarkoitus antaa tarkkaa kuvaa siitä, miten sivusto näyttää kävijöille. Jos haluat suorittaa testejä eri selaimilla, sinun on kuitenkin kokeiltava toista työkalua.

9 tapaa parantaa sivuston nopeutta

ensimmäinen asia, jonka huomaat nopeustestejä tehdessäsi, on se, että nämä työkalut kertovat joistakin yleisistä ongelmista.

tämä johtuu siitä, että vaikka työmaan nopeuteen vaikuttavat monet asiat, useat parannustekniikat toimivat kaikissa tilanteissa.

muista myös, että siististi koodattu sivusto, WordPress tai mikä tahansa muu, päihittää huonosti koodatun, milloin tahansa, minä tahansa päivänä.

WordPress-käyttäjien ei tarvitse huolehtia huonoista koodausongelmista, kunhan he käyttävät premium-teemoja ja testattuja laajennuksia.

toisaalta, jos sinulla on räätälöity koodattu verkkosivusto, varmista, että käytät kirjoitettua koodia, joka noudattaa parhaita käytäntöjä, ja puhdista rutiininomaisesti teksti-ja kuvatiedostosi.

tässä on yhdeksän parasta tapaa nopeuttaa sivuston hakkerointia, joka voi antaa sivustosi suorituskyvylle piristysruiskeen.

GZIP-Pakkaus

lataamattomat tekstitiedostot voivat säikäyttää nettiselaimen. Loppujen lopuksi 100KB HTML-tiedoston lataaminen ei voi olla hauskaa.

selaimen elämää voi helpottaa pyytämällä palvelinta pakkaamaan tiedostoja ennen niiden välittämistä eteenpäin.

Zipped-tiedostot tarkoittavat vähemmän työtä selaimelle. Ja niin se lataa sivuston nopeasti.

kysymys kuuluu kuitenkin: mitä puristustekniikkaa käytetään?

www-palvelimesi ei voi trimmata tiedostoja millään tavalla. Se johtaa harakiriin.

jos käyttäjän selain ei saa pakattujen tiedostojen päätä tai häntää työnnettyä kurkustaan alas, mikään ei lataudu näytölle.

katsoja puuskahtaa, vannoo, ettei tuhlaa enää sekuntiakaan sivustoosi koskaan ja painaa pelättyä takanappia.

siksi käytä aina pakkaustekniikkaa, jota suositut selaimet osaavat lukea helposti.

varmista samalla, että tiedostot pakataan oleellisesti sivun nopeuden optimoinnin helpottamiseksi.

GZIP pystyy siihen helposti.

useimmat isännät ja verkkoselaimet tukevat tätä pakkaustekniikkaa. Myös, se voi merkittävästi pienentää tekstitiedostoja, kuten HTML-ja CSS-tiedostoja.

tekstitiedostot sisältävät paljon samanlaista koodia. Gzip korvaa hetkellisesti HTML-ja CSS-tiedostojen toistokoodin ja valkoisen tilan merkkijonot, mikä tekee niistä hetkessä kevyempiä.

miten gzip otetaan käyttöön?

kaikki WordPress käyttäjien tarvitsee vain asentaa W3 Total Cache, ilmainen WordPress plugin, ja noudattaa näitä ohjeita.

  1. Siirry W3 Total Cache
  2. Click Browser Cache
  3. valitse ruutu ennen kuin otat HTTP (gzip) – pakkauksen

käyttöön.

vain kolmessa vaiheessa voit ottaa GZIPIN käyttöön ja lisätä sivuston nopeutta. Raportin mukaan tämä puristustekniikka vähentää kuormitusaikaa lähes 70%.

jos sivustosi on HTML-staattinen, voit ottaa gzip-pakkaus käyttöön lisäämällä pätkän koodia .htaccess-tiedosto. Isäntäsi voi kertoa tarkan koodin, joten suosittelen ottamaan yhteyttä sen tukitiimiin.

Pakkaa kuvat

GZIP on hyvä, erittäin hyvä—mutta se ei voi harventaa kuvia.

tämä johtuu siitä, että niitä ei ole pakattu samalla tavalla kuin tekstitiedostoja.

mutta pakkaa kuvat, jotka sinun täytyy, sillä ne vaikuttavat sivustosi nopeuteen melko paljon.

kuvatiedostot ovat yleensä suuria ja voivat sellaisenaan hidastaa vakavasti latausnopeutta. Ilman leikkaus niitä, voit aina taistelu saavuttaa paljon sivun nopeuden optimointi.

niiden poistaminen ei kuitenkaan tule kuuloonkaan, varsinkaan jos pyörittää verkkokauppasivustoa.

raportissa 66 prosenttia nettishoppailijoista kertoi haluavansa nähdä vähintään kolme tuotekuvaa ennen ostamista.

kauniisti klikatut tuotekuvat voivat auttaa sinua parantamaan muuntamista—kunhan ne latautuvat nopeasti.

juuri näin eräässä tutkimuksessa todettiin. Siinä 39 prosenttia nettishoppailijoista kertoi lähtevänsä sivustolta, jos sen kuvien lataaminen kestää kauan tai ne eivät lataudu lainkaan.

Pingdomin tai minkä tahansa muun sivuston nopeustestityökalun avulla voi saada tarkan kuvan siitä, millaisia törmäyskuvia tietyllä verkkosivulla on.

tässä on seuraavat vaiheet:

  1. Kopioi testattavan sivun URL-osoite
  2. mene Pingdomin viralliselle sivustolle, liitä tämä osoite URL-ruutuun, Valitse palvelimen sijainti ja napsauta lopuksi Aloita testi-painiketta
  3. odota pari sekuntia testin loppuun ja selaa sitten pyyntöihin sisältötyypeittäin saadaksesi haluamasi tiedot

Verkkokauppa ja muu kuva-raskaat sivustot hyötyvät valtavasti kuvan pakkaamisesta, mutta se voi muuttaa kaiken visuaalisen sisällön kokonaissivukuormitusaikaa huomattavasti.

miten Pakkaa kuvat?

jos olet WordPress-käyttäjä, suosittelen käyttämään WP Smushia. Se on kevyt, helppo asentaa ja toimii kuin unelma. Muutamassa sekunnissa se voi muokata kaikkia uusia kuvia. Se on yksi erittäin hyödyllinen vastaus, Miten nopeuttaa minun verkkosivuilla kysymys.

kun olet ladannut työkalun, valitse vain automaattisesti smush my images upload-vaihtoehto.

WP Smush mahdollistaa myös maksimileveyden ja korkeuden määrittämisen. Jos lataat minkä tahansa määritettyjä rajoja suuremman kuvan, työkalu pakkaa sen automaattisesti.

jos sivustosi ei toimi WordPressissä, tarvitset jotain Compressor.io, verkkotyökalu valokuvien ja kuvien pakkaamiseen.

Siirry tälle sivustolle, lataa tai vedä ja pudota kuva ja valitse haluamasi Pakkaus, häviöllinen tai häviötön. Työkalu valitsee oletusarvoisesti häviöllisen.

kun valitsee häviöllisen pakkauksen, häviää pieni osa datasta. Paljaalla silmällä eroa ei kuitenkaan oikein huomaa.

sen sijaan häviöttömässä pakkauksessa tietoja ei häviä.

luonnostaan tarpeeksi häviölliset pakatut kuvat ovat pienempiä.

jos web-sivu sisältää paljon kuvia, kannattaa valita häviöllinen pakkaus, jotta saat mahdollisimman suuren hyödyn tästä yksinkertaisesta DIY – tuotteesta, miten nopeutat verkkosivustovinkkiäsi.

kun terävät yksityiskohdat ja selkeät linjat ovat ykkösprioriteetti, kannattaa mennä häviöttömällä puristuksella.

työkalu aloittaa kuvan pakkaamisen heti, kun lataat sen, ja työn suorittaminen kestää vain muutaman sekunnin.

lataa nyt vain pakattu kuvatiedosto työpöydällesi ja lataa se sitten sivustollesi.

Vaihtoehtoisesti voit käyttää Adobe Photoshopin kaltaista kuvankäsittelyohjelmaa ja tehdä sen manuaalisesti. Tällaisissa järjestelmissä on yleensä mahdollisuus pakata kuvia web-julkaisuun, kun olet tehnyt kaikki muokkaukset.

kuvien pakkaaminen nopeuttaa kuvien lataamista paljon, joten älä jätä tätä korjausta huomiotta.

Content Delivery Networks-nopeus ja turvallisuus

www-palvelimesi käyttää laskentatehoa jokaisen vastaanottamansa sivuston käyttöoikeuspyynnön käsittelyyn.

kun liikenne sujuu normaalisti, kaikki on hyvin. Se voi lähettää pyydetyn web-sivun selaimeen nopeasti, hikoilematta.

kuitenkin koko helvetti pääsee irti, kun liikenne vilkastuu.

sitten palvelija hörähtää ja puuskahtaa, ja työskentelee väsymättä kuin jalkasotilas, mutta vie silti enemmän aikaa jokaisen pyynnön täyttämiseen.

miten ei voi?

et ole vielä ottanut käyttöön aika-testattuja verkkosivuston optimointivinkkejä, ja palvelimella on rajalliset resurssit. Se ei voi tehdä paljoa yhdellä kellotapilla.

tämän seurauksena kaikkien käyttäjien kuormitusajat kasvavat vilkkaina aikoina.

se ei ole ollenkaan hyvä, koska käyttäjät vihaavat reagoimatonta sivustoa. Jos pyydetty web-sivu ei lataudu näytöilleen parissa sekunnissa tai niin, he kävelevät pois-vihaisesti.

ja tyytyväisten asiakkaiden sijaan sinulle jää tyytymättömiä kävijöitä, jotka eivät menetä tilaisuutta kertoa muille, että sivustosi on laiska kuin muuli.

tutkimus paljastaa, että 52 prosentille asiakkaista sivujen latausaika on tärkeä mahdollisten tulevien käyntien kannalta.

samaan aikaan 44% shoppailijoista kertoo jakavansa huonon verkkokokemuksensa muiden kanssa jonkin sosiaalisen verkostoitumisen kautta.

se on siis selvä. Sinun täytyy löytää tapa auttaa palvelinta käsittelemään tulva pyyntöjä se saa ruuhka-aikoina tehokkaammin.

muuten verkon suorituskyvyn parantaminen jää toiveuneksi.

CDN mitätöi matkan

suuren liikenteen lisäksi on toinenkin asia, joka voi aiheuttaa kuormitusaikojen nousemista ylös—suurempi fyysinen etäisyys.

vaikka palvelimesi käyttäisi saman ajan jokaisen pyynnön käsittelyyn, sen vastaus vie enemmän aikaa kauempana olevien katsojien tavoittamiseen, koska tiedon on kuljettava kauempaa.

koska kaikki muut tekijät ovat samat, latausajat näille katsojille ovat aina korkeammat kuin niille katsojille, jotka ovat fyysisesti lähempänä palvelintasi.

www-palvelimesi ei voi tehdä täällä mitään. Fysiikan lait jarruttavat sen hyviä aikeita.

mutta jotain voi tehdä. Itse asiassa paljon enemmän kuin vain jotain.

voit antaa palvelimelle auttavan käden ja lisätä sivuston nopeutta varmistamalla, että sivustoliikenteen käsittelystä vastaa useampi kuin yksi hartiapari.

Oletko kuullut CDN: stä (content delivery network)?

se on hajautettujen palvelimien järjestelmä, joka voi nopeuttaa sisällön toimittamista ruuhka-aikoina ja käyttäjille, jotka ovat hyvin kaukana palvelimestasi.

periaatteessa, kun käytät CDN: ää, tallennat staattisen sisältösi eri palvelimille ympäri maailmaa.

nyt kun käyttäjä pyytää nähdä sisältöäsi, lähimpänä oleva palvelin käsittelee pyynnön fyysisesti.

CDN: n palvelimet eli välimuistipalvelimet toimivat rinta rinnan pääpalvelimen kanssa ja auttavat parantamaan verkkosivuston nopeutta, aivan kuten tämä kuva osoittaa.

CloudFlare kuuluu CDNs: n kärkisijoille, mutta muitakin varteenotettavia vaihtoehtoja löytyy. Se on erittäin hyödyllinen ja helppokäyttöinen.

monet parhaista website hosting-palveluntarjoajista tekevät tiivistä yhteistyötä CloudFlaren kanssa ja integrointi on uskomattoman yksinkertaista.

CDN lisää tietoturvaa

toinen merkittävä hyöty CDN: n käytöstä on lisääntynyt turvallisuus, sillä CDN-palvelimet voivat lieventää DDoS-hyökkäyksiä.

heillä on sisäänrakennetut mekanismit tällaisia hyökkäyksiä vastaan. Myönnettäköön, että parhaat webhotellit käyttävät vahvaa DDoS-puolustusta, mutta hyvin organisoitu hyökkäys voi silti kaataa yhden palvelimen suhteellisen helposti.

CDN voi kompensoida liikennevirtaa, sillä jo pelkkä saapuvaa liikennettä hoitavan palvelinverkon läsnäolo lieventää liikennetulvia.

lisäksi, jos sivustosi menee huoltoon, CDN-palvelimet voivat edelleen näyttää välimuistissa olevia kopioita siitä loppukäyttäjille, mikä auttaa suuresti yleistä käytettävyyttä.

Poista turhat liitännäiset

Tiesitkö, että WordPressissä on yli 50 000 liitännäistä?

niiden kanssa on helppo olla huolimaton ja asentaa muutama liikaa.

vaikka monet WordPress-liitännäiset eivät maksa lanttiakaan, niillä on hintansa, koska ne lisäävät tietokannan kuormitusta.

aina kun käyttäjät pyytävät WordPress-sivua, se tarkistaa tietokannasta tietoja. Näiden tietokantakyselyjen käsittely vie aikaa ja resursseja.

useammat liitännäiset tekevät tietokantaprosessistasi suuremman määrän kyselyitä, eli se toimii turhaan kovemmin.

sen lisäksi, että lisäosat kuormittavat tietokantaa valtavasti, ne aiheuttavat tietokantojen paisumista. Tämä voi vaikuttaa niiden tehokkuuteen ja siten lisätä latausaikaa.

myös käyttämättöminä pysyvät liitännäiset usein laiminlyödään WordPress-päivityksessä. Vanhentunut plugins vakavasti vaarantaa turvallisuutta.

pitkän tarinan lyhentäminen, liian monen lisäosan ottaminen ei ole koskaan hyvä idea. Kun mietit, miten nopeuttaa sivuston suorituskykyä, poistamalla kaikki käyttämättömät plugins on aina hyvä paikka aloittaa.

Käytä hyvää isäntää

kaikki isännät eivät ole tasa-arvoisia. Jotkut ovat huomattavasti parempia kuin toiset. Siksi testaamme niitä niin huolellisesti.

oikean isännän valinta on ensiarvoisen tärkeää. Ilman kunnon isäntä, et saa monia etuja vinkkejä jaettu tässä viestissä.

palvelimen vasteaika voi vaihdella paljon palvelimesta toiseen.

itse asiassa erään raportin mukaan hyvien isäntien latausnopeus on 0,7-0.8 sekuntia, hitaat isännät voivat tuplata sen.

hidas palvelimen vasteaika voi estää sivustoasi pääsemästä himoitulle alle kolmen sekunnin kerholle riippumatta siitä, kuinka monta muuta sivuston optimointivinkkiä toteutat.

jos supernopea sivun latausnopeus on tärkein prioriteettisi, kannattaa harkita Hostingeria. Kuukausien testauksen jälkeen se on rankattu parhaiden joukkoon täällä Hosting Tribunalissa, koska se tarjoaa tähtien suorituskyvyn kaikilla tärkeillä parametreilla, mukaan lukien lastausnopeus, kuormausnopeus stressissä ja käytettävyysaika. Lisäksi tukitiimi on asiantunteva ja hyödyllinen ja voi auttaa nopeuden optimoinnissa melko paljon.

isännän valinnassa kannattaa tietysti aina tarkistaa lisää arvosteluja, jotta saa selkeämmän käsityksen siitä, sopiiko hosting-palveluntarjoaja sinulle vai ei.

miinoitus

tekstitiedostot, kuten HTML -, CSS-ja JavaScript-tiedostot, voivat olla melko suuria.

helppo tapa parantaa sivustosi suorituskykyä on pienentää näiden tiedostojen kokoa poistamalla ei-toivottu koodi, tila ja muotoilu.

tärkeä: Varmuuskopioi tiedostot ennen kuin yrität tätä ja muita kehittyneitä PHP optimointi korjauksia. Jos jokin menee pieleen, voit palauttaa tiedostot yhdellä napsautuksella. Voit käyttää ilmaista WordPress backup plugin kuten BackupBuddy varmuuskopioita tai cPanel backup wizard, joka sisältyy useimmissa jaetuissa hosting suunnitelmia.

miten tekstitiedostoja pienennetään?

jos sivustosi on tilauskoodattu, kehittäjien olisi pitänyt tehdä siitä mahdollisimman kevyt ja siisti. Yhtä kaikki, on olemassa online minification työkaluja, jotka voivat poistaa tarpeettomia merkkejä ja tyhjiä välilyöntejä instanssi.

WordPressillä asiat ovat vielä helpompia.

Lataa ja asenna WP Rocket tai muu vastaava liitännäinen.

jos käytät WP Rocketia, Napsauta staattiset tiedostot-välilehteä ja valitse Muokattavat tiedostotyypit (HTML, CSS ja JS).

jotkut hosting-palveluntarjoajat, kuten SiteGround, saattavat jopa tarjota omaa liitännäistä, joten edes tämä ei ole pakollinen.

välimuistin käyttö

jos minulta kysyttäisiin, miten verkkosivujasi voisi nopeuttaa ja minun pitäisi antaa sinulle yksi vastaus, välimuistin käyttö olisi todennäköisesti sitä. Jos haluat nopean, reagoivan sivuston, et voi mitenkään kieltäytyä välimuistiin tallentamisesta.

vaikka välimuistin tallentaminen on melko tekninen aihe, sen perusperiaate on melko yksinkertainen. Muuta sinun ei tarvitse ymmärtää välimuistin tärkeyttä.

mistä välimuistissa on kyse? Miten se auttaa parantamaan sivuston nopeutta?

yksinkertaisessa, pelkistetyssä englannin kielessä välimuistin tallentaminen mahdollistaa web-sivun lähettämisen selaimelle paljon nopeammin sen jälkeen, kun se on jo kerran toimitettu.

Tiedon nopea siirto palvelimelta käyttäjän selaimelle varmistaa, että verkkosivut latautuvat nopeasti.

nyt näet, miksi välimuistin ottaminen käyttöön on hyvä tapa nopeuttaa verkkosivujen lataamista.

mutta miten verkkopalvelin pystyy toimittamaan verkkosivun nopeammin toisella kerralla? Miksi se ei voi palvella sivun nopeasti ensimmäisellä kerralla?

oletetaan, että käyttäjä haluaa vierailla kotisivullasi ja kirjoittaa asiaankuuluvan osoitteen selaimeensa.

heti kun palvelin vastaanottaa pyynnön, se laskee sivun parametrit toimittaakseen tarvittavat tiedot. Voidakseen tehdä tämän pyynnön, palvelimen on suoritettava tiettyjä toimia, jotka kaikki vievät aikaa (millisekunnit, mutta silti) ja resursseja.

hetkeä myöhemmin toinen käyttäjä lähettää pyynnön kotisivulle.

koska uusi pyyntö on sama kuin edellinen, palvelin tietää nyt jo, mitä on tarjottavana; se on jo tallentanut ”vastauksen” eli koko sivun välimuistiinsa. Sen ei tarvitse tehdä monimutkaisia laskelmia uudelleen.

sen sijaan se yksinkertaisesti luovuttaa vastauksen selaimelle. Tämä, kuten arvata saattaa, auttaa parantamaan sivuston nopeutta.

vastaus, jonka palvelin antaa toiselle selaimelle, on itse asiassa staattinen HTML-tiedosto, joka on pohjimmiltaan tilannekuva etusivustasi.

molemmissa tapauksissa annettu sisältö on sama, mutta palvelin toimittaa sen toisella kerralla paljon nopeammin.

miten välimuistiin tallentaminen otetaan käyttöön?

jos sivustosi on tilauskoodattu, on parasta löytää palvelin, jossa on palvelinpuolen välimuistiin tallentaminen käytössä. On se lakka, hyvä nginX kokoonpano, tai jotain muuta, voit saada erinomaisia tuloksia.

on olemassa joukko ilmaisia WordPress-välimuistilaajennuksia, jotka eivät ehkä ole yhtään suositumpia kuin W3 Total Cache.

asenna se ja siirry Sivun välimuistiin (se on yleisten asetusten alla) ja valitse sen vieressä oleva ruutu.

jos etsit pikavinkkiä siitä, miten voit lisätä WordPress-sivuston nopeutta, tämä on juuri se, mitä sinun tarvitsee tehdä.

saadaksesi lisätietoja WordPress-nopeuden optimoinnista, voit tutustua laajaan oppaaseen aiheesta.

asynkroninen lataus

selain voi ladata Skriptitiedostoja, kuten JavaScript-ja CSS-tiedostoja synkronisesti tai asynkronisesti.

kun valitset synkronisen latauksen, selain lataa yhden komentosarjatiedoston kerrallaan. Eli se ei lataa mitään muuta, kun se lataa CSS – tai JavaScript-tiedoston.

komentosarjatiedostot ovat kookkaampia kuin monet muut sivuelementit, ja selainten lataus kestää yleensä kauemmin.

synkronisella latauksella katsoja voi saada vaikutelman, että sivu latautuu hitaasti, kun tärkeämpi tavara latautuu myöhemmin.

sen sijaan asynkronisen latauksen valitseminen antaa selaimelle oikeuden ladata skriptitiedostojen ohella myös muita elementtejä.

jos mietit, miten lisätä verkkosivujen nopeutta PHP: ssä, asynkroninen lataus on oikea tapa edetä. Jotkut web-isännät kuten FastComet tarjoavat sen out-of-the-box, mutta se on usein niin, että sinun täytyy asentaa oikea plugin tai lisätä oikea koodaus tämän optimoinnin saavuttamiseksi.

lykkää JavaScript-tiedostoja

kun lykkäät tiedostoa, selain lataa sen muiden sivuelementtien jälkeen. Suurten tiedostojen, kuten JS-tiedostojen, lykkääminen on paljon järkevää, koska ne voivat viivästyttää muun sisällön lataamista.

tämä vaihe ei varsinaisesti nopeuta JavaScriptin latausaikaa. Se kuitenkin varmistaa, että selain antaa enemmän painoarvoa muulle sisällöllesi.

miten asynkroninen lataus otetaan käyttöön ja Javascript-tiedostoja lykätään?

jos haluat nopeuttaa JavaScriptin lataamista, käytä WordPress-laajennusta, kuten WP Rocketia tai jotain muuta.

jos käytät WP Rocketia, Napsauta staattiset tiedostot-välilehteä ja valitse nämä kolme vaihtoehtoa renderöinnin estävästä CSS/JS-osiosta:

  • Lataa CSS-tiedostoja synkronisesti
  • kuormitus JS-tiedostoja lykätty
  • Vikasietotila (suositeltava)

paras tapa viivyttää Javaa muokatulla sivustolla on ladata javascript juuri ennen HTML-dokumentin < / body> tagia. Toinen tapa on lisätä komentosarjaan defer-attribuutti.

asynkronista latausta varten lisää Async skripteihisi. Tämä varmistaa, että selain lataa Async-skriptin jälkeen tulevan HTML: n sen mukana.

Kannattaako Nopeuden Optimointi?

jos et saa niin paljon liikennettä kuin odotat tai jos kävijät eivät vietä tarpeeksi aikaa sivustollasi, on aika kysyä itseltäsi yksi tärkeä kysymys-miten parantaa sivuston latausnopeutta?

nopeus vaikuttaa kaikkiin liiketoiminnallesi tärkeisiin asioihin sivuliikenteestä pomppunopeuteen, asiakastyytyväisyyteen ja asiakasuskollisuuteen, konversioihin ja toistuviin ostonopeuksiin.

lyhyesti sanottuna, jos sivuutat verkkosivuston suorituskyvyn, pohjanoteerauksesi kärsii.

Big time.

useat tekijät vaikuttavat sivun nopeuteen, mutta kaikkia ei tarvitse korjata kerralla.

Suorita nopeustestejä käyttämällä ilmaisia vertailutyökaluja, joiden avulla voit tunnistaa sivustosi nopeutta haittaavat suorituskyvyn syvimmät porsaanreiät.

Aloita niistä, jotta saat mahdollisimman suuren hyödyn mahdollisimman lyhyessä ajassa. Monet hakata siitä, miten nopeuttaa verkkosivuilla edellä on itse asiassa erittäin helppo toteuttaa, jopa mukautetun koodattu sivustoja.

älä siis anna nopeuden pitää sinua poissa toteuttamasta unelmaasi menestyä nettiyrittäjänä tai bloggaajana.

internet on kokonaan sinun valloitettavaksesi. Tarvitset vain nopean sivuston.

Vastaa

Sähköpostiosoitettasi ei julkaista.