Kuinka suorittaa verkkosivuston nopeustesti oikein

Jokaisen verkkokaupan omistajan tavoitteena on saada liikennettä heidän sivustolleen se johtaa lopulta tuloksiin.

Mutta jokainen sivustollesi tuleva käyttäjä ei muutu asiakkaaksi. Itse asiassa kaikki käyttäjät eivät edes käsittele sivustosi sisältöä.

Sivustokäyttäjien suurin turhautumisen syy on sivusto, jonka lataaminen kestää liian kauan. Verkkosivun keskimääräinen latausaika on 3,21 sekuntia . Vaikka se saattaa kuulostaa sinulle nopeasti, se ei ehkä ole tarpeeksi nopea.

Lähetä sisältö

Miksi nopeus on tärkeää
Kuinka testata verkkosivuston nopeutta
Kuinka tarkistaa sivun latausaika: 17 verkkosivuston nopeustestaustyökalua
Kuinka nopeuttaa verkkosivustoasi
Haluatko oppia lisää?

Älä odota, että joku muu tekee sen. Palkkaa itsesi ja aloita soittamista.

OPTAD-3
Aloita ilmaiseksi

Miksi nopeus on tärkeää

Nopea sivuston nopeus on hyvä käyttökokemukselle ja SEO .

paras sosiaalinen media yrityksille 2017

keskimääräisen ihmisen huomio on vain 8 sekuntia - vähemmän kuin 12 sekunnissa vuonna 2000. Jos verkkosivustosi lataaminen kestää liian kauan, saatat menettää huomion, jonka käskit saada tarpeeksi saadaksesi heidät käymään sivustollasi. Pitkä sivun latausaika voi lisätä välitöntä poistumisprosenttia, nopeutta, jolla käyttäjät poistuvat sivustoltasi ennen siirtymistä toiselle sivustosi sivulle.

Puhumattakaan siitä, että Google ottaa sivunopeusanalyysin huomioon yhtenä sijoitustekijöistään. Mitä nopeammin sivusto on, sitä suuremmat mahdollisuudet sinulla on laskeutua halutulle ensimmäiselle sivulle. Lisäksi käyttökokemus on itsessään sijoitustekijä - vähemmän palautuksia johtaa suotuisampiin vaikutelmiin hakukoneissa.

Sivunopeuden lisääminen vaikuttaa myös tulosprosenttiin. Yksi tapaustutkimus havaitsi, että vain sekunnilla nopeampi latausaika tuotti 27 prosenttia enemmän tuloksia.

Kuinka testata verkkosivuston nopeutta

Päästä alkuun

Ennen kuin suoritat verkkosivuston latausnopeustestejä tai diagnooseja, tarkista, onko sivustollasi seuraavat kokoonpanot:

Välimuisti
Sisältötoimitusverkko (CDN)

Aloitetaan välimuistista. Kun käyttäjä vierailee verkkosivustollasi, hänen laite on kytketty verkkoon, joka on yhteydessä sivustopalvelimeen. Se kertoo palvelimelle, mitä tietoja laite pyytää, ja palvelin näyttää pyydetyt tiedot (sivu verkkosivustollasi). Tämä tarkoittaa, että palvelimesi on lähetettävä kaikki siihen liittyvät tiedot, mukaan lukien kuvatiedostot, koodi, komentosarjat ja paljon muuta.

paras twitter-sovellus Android 2015: lle

Se on paljon tietoa kerättäväksi, pakattavaksi ja lähetettäväksi.

Kun välimuisti on käytössä, palvelimesi voi tunnistaa samanlaisia pyyntöjä eri käyttäjiltä. Oletetaan, että joku muu lähettää samanlaisen pyynnön pian yllä olevan pyynnön jälkeen. Palvelimesi tunnistaa niiden olevan samanlaisia ja lähettää saman tietopaketin, jonka se lähetti edelliselle käyttäjälle. Tämä lyhentää latausaikaa, koska palvelimen ei tarvitse käydä läpi koko prosessin joka kerta, kun se vastaanottaa pyynnön.

Puhutaan nyt CDN: stä. Se on kuin sisältövarasto, jota ulkoiset palvelimet voivat käyttää pääsemään verkkosivustoosi. Palvelimet sijaitsevat kaikkialla maailmassa - ja kun palvelet kansainvälistä asiakaskuntaa, haluat varmistaa, että sivusto latautuu nopeasti kaikille riippumatta siitä, missä he ovat.

Täältä CDN tulee: CDN: n käyttö tarkoittaa, että kaikki verkkokaupan kuvasi tallennetaan välimuistiin palvelimille kaikkialla maailmassa, mikä lyhentää 'etäisyyden' palvelinten ja laitteiden tarvetta matkustaa globaalille käyttäjäkunnalle. Jokainen henkilö pääsee lähimpään versioon, mikä lyhentää latausaikaa.

Valitse testipaikkasi

Verkkokuormitustestaustyökalua käytettäessä on tärkeää pitää mahdollisimman monta muuttujaa mahdollisimman vakiona. Joten kun testaat verkkosivustosi nopeutta, haluat varmistaa, että testaat sitä aina samasta sijainnista.

Palvelimet sijaitsevat kaikkialla maailmassa, joten viiden sekunnin lataaminen yhteen paikkaan voi kestää kaksi toisessa, koska se on lähellä palvelinta.

Jos testit tehdään samasta sijainnista, tiedät, että vaihtelut eivät johdu fyysisestä sijainnista - sen sijaan sivuston nopeuden muutokset voidaan eristää toiseen muuttujaan.

Tärkeintä verkkosivustosi sivutestitestissä on olla johdonmukainen. Sillä ei ole merkitystä, mistä testaat. Jos et ole fyysisesti testipaikassasi, suorita testi virtuaalisen yksityisen verkon (VPN) avulla. Tämän avulla voit valita, missä laitteesi ja verkko luulet olevasi.

Suorita testi uudelleen

Ja uudelleen. Ja uudelleen.

On syytä kutsua tätä 'testiksi'. Saatat saada erilaisia tuloksia joka kerta, joten on tärkeää, että suoritat sen useammin kuin kerran, kunnes sinulla on yhtenäisyyttä. Vasta sitten voit vahvistaa, että jokin ongelma vaatii lisätutkimuksia.

Lisäksi, jos suoritat testin kerran, et tarkista nopeutta sivuston välimuistissa olevasta versiosta. Haluat varmistaa, että sekä välimuistiin tallennettu että tuore versio ladataan nopeasti.

Jotkin työkalut (kuten alla lueteltu web pageTest) suorittavat automaattisesti useita testejä puolestasi. Monet palkatut seurata jopa suorituskykyäsi ajan mittaan, jotta voit nähdä nopeuden nousun tai laskun ja tutkia syytä.

kuinka kirjoittaa blogikirjoitus

Haluat myös suorittaa testin useilla laitteilla ja eri selaimissa (muut ominaisuudet, joita tarjoavat monet sivun latausnopeustestit).

Kuinka tarkistaa sivun latausaika: 17 verkkosivuston nopeustestaustyökalua

Kun olet valmis suorittamaan verkkosivuston nopeustestin, voit käyttää monia työkaluja:

Pingdom : testaa sivuston nopeutta ja maksettuja suunnitelmia saadakseen tapahtumaseurannan ja vierailijoiden oivallukset - kaikki ilmaiseksi
Google PageSpeed Insights : tarjoaa erittelyt työpöydän ja mobiilisivun nopeustestiin
Google Mobile -sivuston nopeustestaustyökalu :analysoi sivustosi älypuhelinten, tablettien ja muiden mobiililaitteiden käyttäjien suhteen
Google Analytics -sivuston nopeus : toinen Googlen omistama sivuston nopeustesti, joka integroituu sinun Google Analytics
Chrome DevTools :joo, neljäs Google-sivun nopeuden tarkistaja - tämä on edistynyt kehittäjätyökalu
verkkosivuTesti : muuttaa sijaintiasi, selainta, yhteystyyppiä ja nopeutta ja paljon muuta - plus suorittaa useita testejä
GTmetrix :voit valita selaimen ja sijainnin sekä suosituksia parannettavaksi
KeyCDN-verkkosivuston nopeustesti : kertoo, mitkä omaisuudet vetävät sinut alas - ja ne ovat jaettavissa, jotta voit siirtää ne tiimillesi
DareBoost : verkkosivuston suorituskykytesti, joka tunnistaa ongelmat ja mahdollisuudet
YSlow :selainlaajennus, joka analysoi sivut, kun vierailet niillä
Kuorman vaikutus : tarjoaa jopa 50 testiä ilmaiseksi (tai voit maksaa enemmän), mukaan lukien vierailijoiden oivallukset
Sivuston nopeustesti, jonka suorittaa Cloudinary : tarkistaa sivuston nopeuden erityisillä oivalluksilla kuvistasi
Dotcom-Monitor : edistyksellinen maksullinen ratkaisu (30 päivän ilmaisella kokeiluversiolla) sivuston yleiseen suorituskykyyn, ilmoituksiin, koontinäyttöihin ja avoimeen sovellusliittymään
Uusi pyhäinjäännös : toinen maksettu verkkosivun nopeustesti, joka myös analysoi mobiilisovelluksen suorituskykyä
Nousee ilmaista verkkosivuston nopeustestiä : säätää sijaintia, selainta, laitetta, pullonkaulan kuristusta ja jopa näytön kokoa
Sivuston latausnopeustesti : SEO-nopeustesti, joka tarjoaa myös kattavan SEO-analyysin
Sitechecker-verkkosivuston nopeustesti : seuraa sivuston suorituskykyä ajan myötä ja antaa käytännöllisiä neuvoja ongelmien ratkaisemiseksi

Kuinka nopeuttaa verkkosivustoasi

Hyvä paikka verkkosivuston latausaikaan on 2,4 sekuntia . Jos omasi kestää kauemmin, voit tehdä joitain sivunopeuden optimointeja sivustollesi:

Optimoi kuvat

Oletko koskaan huomannut, kuinka hitailla verkkosivustoilla kuvat ovat usein viimeinen asia ladata? Tämä johtuu siitä, että nämä grafiikat ovat suuria, vaikka ne ovatkin staattisia. Suuremmat kuvatiedostot, sitä yksityiskohtaisempia ne välittävät - ja kauemmin niiden lataaminen kestää.

Vaikka korkealaatuinen tuotekuvaus on tärkeää, tässä on asia: et tarve tonnia yksityiskohtia verkkoon. Tarvitset vain kaikki pienet pikselit tulostusprojekteihin. Sivustollasi voit uhrata vähän laatua, mutta sinulla on silti kuva, joka on nuuska verkkokaupoissa.

Tässä on joitain tapoja pienentää kuvatiedoston kokoa:

Käytä Photoshopin Tallenna verkkoon -vaihtoehtoa
Pidä kiinni .jpeg-tiedostosta (se sallii eniten pakkaamista)
Muuta kuvasi juuri tarvitsemasi mitoille - ei mitään suurempaa
Hanki kuvan pakkauslaajennus CMS: lle
Pakkaa tiedostot ilmaisella palvelulla, kuten TinyPNG
Vähennä CSS: ää, JavaScriptiä ja HTML: ää

Verkkosivustolla on paljon piilotettua koodia, jotta kaikki palaset toimisivat, ikään kuin kulissien takana oleva suunnitelma tai verkko. Tämä sisältää koodin, kuten HTML tai CSS, jotka hallitsevat verkkosivustosi ulkoasua, ja JavaScriptin, joka sallii dynaamiset verkkosivustotoiminnot.

paras aika lähettää instagramiin

Jokaisen näistä asioista on ladattava joka kerta, kun käyttäjä käyttää sivustoasi, jotta se voi toimia haluamallasi tavalla. Ja se vie paljon tilaa.

Voit vähentää näiden hitaasti latautuvien elementtien vaikutusta sivustosi nopeuteen pakkaamalla ne mahdollisimman pieneen. Tällainen työkalu gzip voi pakata sen sinulle lieventämään vaikutusta latausaikaan.

Sinun tulisi tehdä myös muita manuaalisia parannuksia. Poista välilyönnit, pilkut ja muut tarpeettomat merkit koodistasi. Tämä vähentää sitä, kuinka paljon sivustosi on 'luettava', jotta se latautuu oikein. On myös hyvä poistaa kaikki renderöivät estävät JavaScript-tiedostot. Googlella on lisätietoja tästä .

Vähennä uudelleenohjauksia

Aina kun sivustosi ohjaa käyttäjää, se lisää uuden vaiheen latausprosessiin. Toinen vaihe tarkoittaa, että käyttäjän vieminen sinne vie enemmän aikaa.

Google sanoo: 'Muut HTTP-uudelleenohjaukset voivat lisätä yhden tai kaksi ylimääräistä verkon edestakaista lentoa (kaksi, jos tarvitaan ylimääräinen DNS-haku), mikä aiheuttaa satoja millisekunteja ylimääräistä viivettä 4G-verkoissa. Tästä syystä kannustamme voimakkaasti verkkovastaavia minimoimaan lukumäärän ja ihannetapauksessa poistamaan uudelleenohjaukset kokonaan - tämä on erityisen tärkeää HTML-asiakirjan kohdalla (vältä m-pisteiden uudelleenohjauksia mahdollisuuksien mukaan.)

301- ja 302-uudelleenohjaukset ovat palvelinpuoleisia (eli sivuston järjestelmänvalvoja luo nämä uudelleenohjaukset) ja niitä käytetään, kun poistat sivun ja haluat välttää 404-virheen. Minimoi tämä muuttamalla kaikki sisäiset linkit kohde-URL-osoitteeseen.

'M-piste' -ohjaukset tapahtuvat HTTP-pyyntö-vastausjaksossa. Näin tapahtuu, kun sinulla on mobiili-URL, joka näyttää tältä: m.sivustosi.com .

Yhteenveto

Sivuston nopeus on tärkeä, koska se auttaa hakukoneoptimointia, parantaa käyttökokemusta ja lisää tuloksia.

Testaaksesi sivuston nopeuden, varmista, että sivustollasi on käytössä CDN ja välimuisti - ja muista suorittaa testi useita kertoja samasta sijainnista saadaksesi tarkat ja vertailevat tulokset.

Saatavilla on sekä maksuttomia että maksettuja sivunopeustestaustyökaluja, joiden avulla voit nähdä, kuinka nopeasti sivustosi latautuu, missä ongelmasi ovat, ja suosituksia parantamiseksi.