Kyselyt kertovat meille, että suurin osa internetin käyttäjistä sanoo, että he eivät todennäköisesti vieraile verkkosivustolla, jos se ei lataudu nopeasti.

Pelkästään tämä kertoo meille, että kyllä, sivun nopeudella on todella väliä – ja siksi on tärkeää, että yritykselläsi on verkkosivusto, joka latautuu riittävän nopeasti vastaamaan käyttäjien odotuksia.

1.1 Onko sivun nopeudella todella väliä?

Vaikuttava sivunopeus auttaa pitämään käyttäjän kiinnostuneena, rohkaisee heitä tutustumaan sivustoon ja olemaan vuorovaikutuksessa sisältösi kanssa. Ilman sitä vaarana on suurempi sivupudotus ja pienempi tulosprosentti.

Käyttäjien kokemuksia ja käyttäytymistä koskevat tutkimukset

Sivujen latausnopeudesta on tehty lukuisia tutkimuksia ja ne kaikki osoittavat selvästi, että hidas verkkosivusto voi vaikuttaa merkittävästi ja negatiivisesti käyttökokemukseen, mikä voi osoittautua liiketoiminnan kannalta kalliiksi.

Esimerkiksi Akamai.comin ja Gomez.comin tekemät tutkimukset osoittavat, että 47 % kuluttajista odottaa enintään kahta sekuntia verkkosivun latautumista, ja jos verkkosivusto ei lataudu kolmen sekunnin kuluessa, he poistuvat sivustolta kokonaan.

Vastaavasti AOL:n esittämien tietojen mukaan sivun latausnopeus vaikuttaa sivun katseluihin käyntiä kohti jopa huikeat 50 %. Toisessa tutkimuksessa havaittiin, että 79 % verkko-ostajista, jotka ovat kokeneet suorituskykyongelmia verkkosivustolla, sanoo, että he eivät todennäköisesti palaa kyseiselle sivustolle uudelleen, ja 44 % sanoi, että he kertoisivat ystävälle huonosta käyttökokemuksestaan.

Tätä silmällä pitäen tarkastelimme, kuinka verkkosivustosi nopeus voi vaikuttaa verkkokauppasi myyntiin.

Verkkokauppasivusto Shopzilla saavutti vaikuttavan 25 %:n lisäyksen sivujen katseluissa ja tuotti 7–12 % enemmän tuloja pidentämällä verkkosivustonsa latausaikaa noin 7 sekunnista noin 2 sekuntiin. Nämä luvut ovat hyvin samansuuntaisia Gomez.comin ja Akamai.comin tutkimusten kanssa, joiden mukaan verkkokaupassa, joka tienaa 100 000 dollaria päivässä, vain yhden sekunnin sivun viive voi mahdollisesti maksaa 2,5 miljoonaa dollaria menetettyä myyntiä joka vuosi. Sama yhden sekunnin viive sivun vastauksessa voi vähentää tuloksia jopa 7 %.

Sivun nopeus hakukoneen sijoitustekijänä

Mitä tulee hakukoneoptimoimiseen, ajattelemme heti avainsanojen käyttöä verkkosisällössämme tai käänteisten linkkien luomista verkkosivustollemme, mutta yksi asia, jonka jätämme usein huomiotta, on sivun nopeuden merkitys SEO-sijoituksissa. Googlen sanoin:

"Verkkosivustojen nopeuttaminen on tärkeää – ei vain sivustojen omistajille, vaan kaikille Internetin käyttäjille. Nopeammat sivustot luovat onnellisia käyttäjiä, ja olemme nähneet sisäisissä tutkimuksissamme, että kun sivusto reagoi hitaasti, vierailijat viettävät siellä vähemmän aikaa."

Tämän lausunnon tueksi Google on sittemmin päivittänyt Google Analyticsia sisältämään lisätilastotyökaluja, kuten sivun latausaika, haku ja sivukoko, jotta verkkovastaava voi analysoida täysin verkkosivustonsa tehokkuutta ja alkaa kehittää strategioita ja toimia parantaakseen. sivujen latausajat.

Tietenkään kaikki verkkosivustot, jotka saavuttavat optimaalisen sivun latausnopeuden, eivät ole ykkössijalla hakukoneiden tuloksissa. monia muita vaikuttavia tekijöitä on otettava huomioon – tämä on pohjimmiltaan vain yksi pala palapelistä. Voimme todeta luottavaisin mielin, että nopeasti latautuvalla verkkosivustolla on selkeitä etuja kilpailijoihin verrattuna, jotka eivät vielä ole ajan tasalla.

1.2 Testaa sivun nopeus

Sivun nopeuden testaaminen on hyvä idea, ja näytämme sinulle kuinka. Suosittelemme Pingdomin laajalti käytetyn verkkotyökalun käyttöä.

Siirryin osoitteeseen tools.pingdom.com, syötät verkkosivustosi osoitteen, valitset sijaintisi pudotusvalikosta ja painat "Aloita testi". Pingdom hoitaa loput.

Kun he ovat analysoineet verkkosivustosi, Pingdom antaa sinulle sivunopeuspisteet sekä hyödyllisiä tietoja. Katso esimerkkiä alla:

Saat myös kattavan raportin, joka sisältää rivikohtaiset ohjeet kunkin verkkosivustosi toimintaa hidastavien elementtien korjaamiseen. Korjausehdotusten monimutkaisuudesta riippuen saatat haluta ottaa yhteyttä verkkosivustosi kehittäjään auttaaksesi sinua toteuttamaan tarvittavat muutokset.

1.3 Paras käytäntö sivun latausnopeuden parantamiseksi

Tiedämme, että hyvä sivun latausnopeus on ratkaisevan tärkeää asiakkaiden pysyvyyden ja tulosprosentin kannalta, ja nyt olet määrittänyt sivusi latausnopeuden, ei ole parempaa aikaa ryhtyä toimiin ja parantaa sitä. Tässä on joitain vaiheita, joita suosittelemme ottamaan verkkosivustosi nopeuden parantamiseksi.

1 Käytä sisällönjakeluverkostoa (CDN)

CDN-palvelun käyttö on yksi suosituimmista tavoista lyhentää sivun latausaikoja. Se tekee tämän lähettämällä välimuistiversion verkkosivusi sisällöstä maantieteellisesti hajautettuun palvelinverkkoon, jota kutsutaan Points of Presence -pisteiksi tai lyhyesti POP:iksi.

Näin palvelinten välinen virtuaalinen etäisyys pienenee, mikä tarkoittaa, että sisältö toimitetaan ja ladataan sivulle nopeammin – ja koska verkkotiedostosi ovat hajallaan useille palvelimille, CDN vähentää yksittäisen palvelimen taakkaa.

Pohjimmiltaan CDN sijoittaa sisältösi eri paikkoihin samaan aikaan, mikä tarkoittaa, että verkkosivusi vierailija pääsee sisältöön paljon nopeammin kuin hän olisi voinut ilman CDN:ää. Tämä ei ainoastaan tarkoita, että sivusi vierailijat viipyvät todennäköisemmin verkkosivustollasi pidempään, vaan se tarkoittaa myös sitä, että säästät kaistanleveyttä pääisännöintipaketistasi.2zs

2 Käytä Expires-otsikoita hyödyntääksesi selaimen välimuistia

Expires headers on koodinpätkä, joka on määritetty .htaccess-tiedostossa. Se ohjaa selainta pyytämään tiettyä sivua palvelimelta tai nappaamaan sivun version selaimen välimuistista.

Expires-otsikoiden avulla käyttäjät voivat käyttää uudelleen selaimeen tallennettuja verkkosivujen välimuistitiedostoja ja lyhentää tiedostojen lataamiseen kuluvaa aikaa. Se myös vähentää verkkosivun latauspyyntöjen määrää, mikä lyhentää sivun latausaikaa.

Huomaa, että Expires-otsikot toimivat vain, jos kävijälläsi on jo versio verkkosivustasi tallennettuna selaimen välimuistiin. Tämän saavuttamiseksi käyttäjän on täytynyt käydä verkkosivustollasi vähintään kerran aiemmin.

3 Korjaa kaikki rikkinäiset linkit

Rikkinäiset linkit estävät käyttäjiä vierailemasta verkkosivustosi muilla sivuilla ja voivat tarkoittaa sitä, että käyttäjät päättävät poistua verkkosivustostasi kokonaan. Alhaisen käyttäjien säilyttämisen lisäksi tämä voi aiheuttaa muita ongelmia.

Esimerkiksi kun käyttäjät viettävät vähemmän aikaa verkkosivustollasi, hakukoneen algoritmit olettavat, että verkkosivustollasi ei ole laadukasta sisältöä tai tietoa. Tämä puolestaan vähentää merkittävästi keskimääräistä vierailtujen sivujen määrää käyttäjää kohti ja vaikuttaa negatiivisesti hakukoneen sijoitukseen.

Korjaa tämä tunnistamalla ja korjaamalla rikkinäiset linkit. Suosittelemme käyttämään ilmaista työkalua, kuten Google Webmaster Toolsia tai Screaming Frog SEO Spideriä.

4 Määritä kuvien mitat ja merkistö HTTP-otsikoissa

Kun käyttäjä vierailee verkkosivulla, hänen selaimensa on valmisteltava sivun täydellinen asettelu, mikä voi aiheuttaa viiveitä sivun latautumiseen.

Määrittämällä verkkosivujesi kuvien mitat voit säästää selainaikaa – ja selainaikaa säästämällä säästät verkkosivullasi vierailevaa aikaa.

Samasta syystä sinun tulee myös määrittää merkistö HTTP-vastausotsikoissa, jotta selain käyttää verkkosivustosi merkistöä mahdollisimman vähän aikaa.

5 Kuvien optimointi

Ylisuurten kuvien lataaminen kestää aina kauemmin, joten on tärkeää, että pidät kuvat mahdollisimman pieninä.

Muista myös optimoida jokainen kuva ennen lataamista verkkosivustollesi. Jos käytät grafiikkaohjelmistoa kuvien optimointiin, sinun tulee käyttää Tallenna verkkoon -vaihtoehtoa. Tämä pienentää kuvien kokoa ja pidentää sivusi latausaikaa. Muista, että sinun tulee käyttää joko JPEG- tai PNG-kuvalaajennuksia – älä käytä BMP- tai TIFF-tiedostoja.

WordPress-käyttäjät voivat asentaa WP Smush.it -laajennuksen pakatakseen kuvat automaattisesti. WP Smush.it toimii taustalla joka kerta, kun lataat kuvan mediakirjastoosi ja pienentää kuvien kokoa huonontamatta laatua.

6 Vähennä 301-uudelleenohjauksia

Rikkoutuneiden linkkien (404-virheet) korjaamiseksi suositellaan 301-uudelleenohjauksia. Kuitenkin, jos verkkosivustollasi on liian monta 301-uudelleenohjausta, selaimella voi kestää kauemmin päästäkseen oikeaan kohteeseen.

301-uudelleenohjaukset luovat ylimääräisiä HTTP-pyyntöjä, mikä lisää sivun latausaikaa entisestään, joten pidä 301-uudelleenohjaukset mahdollisimman vähäisinä. Suosittelemme löytämään 301-uudelleenohjaukset Screaming Frog SEO Spider -työkalulla.

7 Käytä GZIP-pakkausta

GZIP-pakkaus ja tyhjennys pienentävät tiedostokokoa heikentämättä kuvien ja videoiden visuaalista laatua, mikä voi todella auttaa parantamaan sivun latausaikaa.

Kysy web-palveluntarjoajaltasi, ovatko he ottaneet käyttöön GZIP-pakkauksen ja -tyhjennyksen verkkopalvelimillaan. Jos käytät VPS-isännöintiä, voit ottaa sen käyttöön itse.

8 Ota selaimen välimuisti käyttöön

Kun käyttäjät vierailevat verkkosivustollasi ensimmäistä kertaa, heidän on ladattava HTML-sisältöä, tyylisivuja, JavaScript-tiedostoja ja kuvia, ennen kuin he voivat nähdä sivusi. Kun selaimen välimuisti on käytössä, joidenkin käyttäjien ei tarvitse ladata jokaista verkkosivun elementtiä myöhemmillä vierailuilla.

Sisällönhallintajärjestelmissä, kuten WordPress, Joomla ja Drupal, on erinomaiset välimuistilaajennukset sivun nopeuden parantamiseksi. Nämä laajennukset lyhentävät sivujen latausaikoja tallentamalla verkkosivustosi uusimman version välimuistiin, joten selaimesi ei tarvitse luoda dynaamisesti samaa sivua joka kerta.

9 Aseta CSS alkuun ja JS pohjaan

Selaimesi hahmontaa CSS-tiedoston ennen sivusi muiden osien hahmontamista, joten ajan säästämiseksi sinun tulee aina laittaa CSS sivun yläosaan.

Samoin laita JavaScript sivusi alareunaan, koska JavaScriptin alapuolella olevat asiat estetään hahmontamasta ja lataamasta, kunnes JavaScript on ladattu.

10 Pienennä CSS- ja JS-tiedostosi

Termi minify tarkoittaa prosessia, jossa poistetaan tarpeettomat merkit, joita koodin suorittaminen ei vaadi. Yleisin tapa pienentää tiedostoja on yhdistää kaikki CSS- ja JS-tiedostot yhdeksi, joten sinun ei tarvitse kutsua useita tiedostoja jokaista yksittäistä pyyntöä kohti.

Toinen tapa pienentää on poistaa välilyöntejä, rivinvaihtomerkkejä, kommentteja ja estoerottimia JS- ja CSS-tiedostoista pienentääksesi näitä tiedostoja.

WordPress-käyttäjät voivat yksinkertaisesti asentaa laajennuksen nimeltä WP Minify pienentääkseen JS- ja CSS-tiedostoja.

11 Poista kuvien pikalinkitys käytöstä

Hotlinking tai kaistanleveyden varastaminen kuluttaa sinulle varattua kaistanleveyttä ja hidastaa verkkosivustoasi. Voit estää hotlinkingin lisäämällä alla olevan koodin .htaccess-tiedostoosi ja lataamalla tiedoston joko juurihakemistoosi tai tiettyyn alihakemistoosi, jotta tehoste voidaan lokalisoida vain yhteen sivustosi osaan.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www.)?yourdomain.com/.*$ [NC]
RewriteRule .(gif|jpg|js|css)$ - [F]

1.4 Miten Web Hosting vaikuttaa sivun nopeuteen

Jos olet noudattanut yllä olevaa vakiokäytäntöä parantaaksesi sivusi nopeutta ja huomaat silti hyvin vähän eroa, sinun tulee tarkistaa verkkopalveluntarjoajaltasi. Valitsemallasi verkkopalveluntarjoajalla ja tekniikalla voi olla merkittävä vaikutus sivusi latausaikoihin.

Kun lataat verkkosivuston, se suorittaa satoja koodirivejä, vastaa lukuisiin pyyntöihin ja suorittaa useita tietokantakyselyitä hahmontaakseen vain yhden sivun. Kaikki nämä suoritukset on suoritettava web-palvelimella, jossa verkkosivustosi sijaitsee. Jos verkkopalvelimesi on tehokas, se palvelee verkkosivuasi nopeammin.

Kuvittele esimerkiksi verkkosivustosi autona. Voit muokata sitä muokkaamalla sitä sisältä (koodin optimointi) ja ulkoa (grafiikka, suunnittelu ja etuosan asettelu), jotta se näyttää hyvältä. Mutta jos koneesi (isännöintiympäristö) ei ole tehokas, verkkosivustosi ei välttämättä saavuta täyttä potentiaaliaan.

Lyhyesti sanottuna verkkosivuston nopeus riippuu paljon valitsemastasi web-isännöintityypistä, web-hosting-yrityksestä ja isännöintipaketista, joten tarkista, mihin olet kirjautunut.

1.5 Missä määrin VPS-hosting parantaa sivun latausnopeutta?

Jos verkkosivustoasi isännöidään jaetulla hosting-tilillä, harkitse päivittämistä VPS-palvelimeen tai omaan palvelimeen. VPS:ssä on oma RAM-muisti, vCPU ja kaistanleveyden varaus, joten verkkosivustosi toimii omilla resursseillaan. Lisäksi VPS-käyttäjät voivat säätää VPS:ää hienosäätääkseen sivun latausnopeutta.

Suoritimme sivun latausnopeustestin selvittääksemme, kuinka paljon VPS-isännöinti parantaa sivun latausnopeutta. Testi suoritettiin suosituimmilla CMS-, Magento-, WordPress-, Drupal- ja Joomla-asennuksilla, joista toinen oli jaettuun hosting-pakettiin ja toinen SSD VPS -pakettiin. Löysimme seuraavat tulokset:

Tulokset korostavat huomattavaa viivettä sivujen latautumisessa jaetussa ympäristössä, ja huomattavia parannuksia päivitettäessä web hosting VPS:ksi. VPS-isännöintiratkaisut ovat aina parempia kuin jaettu isännöinti resurssiintensiivisille ja paljon liikennettä käyttäville verkkosivustoille.