12 toimivaa tapaa parantaa sivun nopeutta

Nopea sivun nopeus on ehdottoman tärkeää parantaaksesi verkkosivustosi sijoitusta hakukoneissa, tulosprosentteja ja yleistä käyttökokemusta.

Jos verkkosivustosi ei toimi parhaalla mahdollisella tavalla, tämä hitaus voi maksaa sinulle paljon alhaisemmista sijoituksista ja vähemmän orgaanista liikennettä. Sivun nopeudella on suuri vaikutus verkkosivustosi käyttäjien käyttäytymiseen ja tuloksiin.

Yleensä käyttäjät odottavat vain kolme sekuntia ennen kuin he jättävät aluksen. Noin 44 % Internetin käyttäjistä ilmoittaa myös olevansa huolissaan tapahtumasta, kun sivusto latautuu hitaammin.

Kun selaat sivustosi eri tuotteita, on erittäin turhauttavaa, kun käyttäjien on odotettava vielä 10 sekuntia navigoidakseen. Jopa kahden sekunnin viive latausajassa voi aiheuttaa 87 %:n hylkäysasteen tapahtumista. Vain yksi sekunti viive voi aiheuttaa 7 %:n menetyksen myös asiakkaiden konversioissa. Tämä voi vaikuttaa negatiivisesti tuloihisi, varsinkin kun pahentuneet kävijät kääntyvät lähimpien kilpailijoiden puoleen.

”Kaksi kolmasosaa (67 %) Yhdistyneen kuningaskunnan ostajista ja yli puolet (51 %) yhdysvaltalaisista sanoi, että sivuston hitaus on suurin syy, miksi he hylkäävät ostoksen.”

Kuvitellaan, että verkkosivustollasi on miljoona kävijää kuukausittain, tuotteen keskihinta on 10 dollaria ja välitön poistumisprosentti 50 %, kuuden sekunnin tuotesivun latausaika aiheuttaisi 42 prosentin tuloshäviön! Tämä vastaa 250 000 käyttäjää, joka poistuu verkkosivustoltasi eivätkä tee ostoksia hitaiden latausaikojen vuoksi. Kuukausittain tämä maksaisi sinulle 2,1 miljoonan dollarin menetetyt tulot. Lisäksi tapaustutkimus osoittaa, että hidas sivun nopeus maksaa vähittäismyyjille 1,73 miljardia puntaa myynnin menetyksestä vuosittain.

Nyt on selvää, että verkkosivustosi hitaampi nopeus voi olla haitallista tuloksellesi, mutta se voi myös vahingoittaa sijoituksiasi hakukoneissasi. Google rakastaa sivustoja, jotka tarjoavat hyviä käyttökokemuksia ja usein tarkistaa tämän pogo sticking ja viipymäajan avulla. Aikaa, jonka käyttäjät viipyvät verkkosivustollasi ennen hakukonetuloksiin palaamista, käytetään kuvaamaan, kuinka informatiivinen ja hyödyllinen sivustosi on. Vaikka verkkosivuston keskimääräinen kesto, palaavien vierailijoiden määrä vs. yksittäiset vierailijat, poistumisprosentit ja poistumisprosentit eivät ole hakusijoitustekijöitä, niillä on olennainen rooli käyttökokemuksessa, joka on Googlen perimmäinen haun sijoitustekijä.

Kuten olemme jo keskustelleet, alhainen sivun nopeus vaikuttaa huonosti käyttäjäkokemuksiin ja johtaa laskeviin hakukonesijoituksiin, jotka eivät saa sinua huomaamaan. Siksi on erittäin tärkeää nopeuttaa verkkosivustoasi estääksesi ei-toivotut menetykset kaikesta kovasta työstäsi. Suosittelen tarkistamaan sivustosi nopeuden Google PageSpeed ​​-työkalun avulla. Jos et ole 100:ssa, älä huoli, sillä edes Google.com-sivustolla ei ole 100/100. Tässä ovat maailman 10 parhaan verkkosivuston sivunopeudet:

1. Google – 92/100 (työpöytä) ja 78/100 (mobiili)
2. Facebook – 89/100 (pöytäkone) ja 71/100 (mobiili)
3. YouTube – 74/100 (pöytäkone) ja 75/100 (mobiili)
4. Baidu – 98/100 (pöytäkone) ja 100/100 (mobiili)
5. Yahoo- 81/100 (pöytäkone) ja 66/100 (mobiili)
6. Wikipedia – 85/100 (työpöytä) ja 66/100 (mobiili)
7. Amazon – 87/100 (pöytäkone) ja 46/100 (mobiili)
8. Twitter – 81/100 (pöytäkone) ja 45/100 (mobiili)
9. Taobao – 80/100 (pöytäkone) ja 59/100 (mobiili)
10. QQ- 58/100 (pöytäkone) ja 41/100 (mobiili)

Google suosittelee, että sivustot pyrkivät saavuttamaan ihanteellisen sivunopeuden, joka on 85 tai enemmän sekä pöytäkone- että mobiiliversioilleen. Varmista, että sinulla on verkkosivusto, joka on yhteensopiva minkä tahansa mobiililaitteen kanssa, sillä Google julkaisee mobiiliystävällisen päivityksen 21. huhtikuuta. Vältä mobiilihakukoneoptimoinnin yleisiä virheitä varmistaaksesi, että tämä päivitys ei vahingoita sivustoasi.

On yllättävää huomata, että vain 14 % 100 suosituimmasta verkkosivustosta avautuu alle kolmessa sekunnissa ja että lähes kymmenesosa toimisi kunnolla 10 sekunnissa tai kauemmin. Tämä ei kuitenkaan todennäköisesti ole hyväksi yrityksellesi. Keskity siis rakentamaan salamannopeaa verkkosivustoa, joka on kätevä käyttäjillesi ja tuottoisampi lompakossasi. Alla on 12 parasta vinkkiäni, joiden avulla voit helposti aloittaa sivun nopeuden lisäämisen.

1 Optimoi kuvat

Ensinnäkin sinun on optimoitava kaikki verkkosivullasi näkyvät kuvat, jotta sinulla on mahdollisuus nopeuttaa verkkosivustoasi. Poista ylimääräiset kommentit, tarpeeton tila ja turhat värit kuvien lähteestä. Tallenna kuvat JPEG-muodossa, koska se käyttää vähiten kapasiteettia säilyttäen silti täydellisen kuvanlaadun. Photoshopissa voit käyttää näppäinyhdistelmää CTRL+SHIFT+ALT+S optimoidaksesi ja tallentaaksesi kuvat automaattisesti mahdollisimman pienissä koossa.

Suosittelen WordPress-verkkosivustollesi käyttämään smush.it -laajennusta verkkosivustosi kuvien optimoimiseksi automaattisesti ja nopeuden lisäämiseksi. Jos sinulla on kuvia, jotka on tallennettu PNG-muodossa, voit myös käyttää tinypngiä kuvan optimointiin ja kuvanlaadun parantamiseen.

2 Ota GZip-pakkaus käyttöön

GZip-pakkaus saattaa kuulostaa monimutkaiselta, mutta se on yksinkertaisesti suuri termi, jota käytetään HTTP-vastauksen koon pienentämiseen vasteajan pidentämiseksi. Koska tämä sallii sivustosi lähettää selaimeen GZip-tiedoston HTML-tiedoston sijaan, lyhennät sivun odotus- ja latausaikaa. Voit ottaa sen käyttöön Apache-palvelimessa lisäämällä seuraavan koodin .htaccess-tiedostoosi:

mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

Varmista kuitenkin, että tarkistat työsi GZip-pakkaustarkistuksella. Jos koodi ei salli pakkausta, poista vanha ja käytä alla olevaa koodia:

# compress text, html, javascript, css, xml:
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Or, compress certain file types by extension:

SetOutputFilter DEFLATE

Tai käytä seuraavaa PHP-koodia HTML/PHP-tiedoston yläosassa:

3 Hyödynnä selausvälimuistia

Selausvälimuistia käytetään tiettyjen verkkosivustojen tiedostojen tallentamiseen selaimen sisällä, mutta tukkeutunut selausvälimuisti voi lyhentää latausaikaa merkittävästi. Onneksi voit hyödyntää selausvälimuistia ottamalla käyttöön expires-otsikot .htaccess-tiedostossa. Ota tämä toiminto käyttöön käyttämällä seuraavaa koodia:

## EXPIRES CACHING ##

ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"

## EXPIRES CACHING ##

Expires-otsikon käytössä on ongelma, jota sinun tulee kuitenkin varoa. Kun olet asettanut tiedostolle kuukauden vanhenemisajan, kyseiseen tiedostoon tehdyt muutokset eivät vaikuta käyttäjään, joka on jo käynyt sivulla viimeisen kuukauden aikana. Vanhenemisajan asettaminen vuodeksi on yleensä yleistä, koska muutoksia ei todennäköisesti tapahdu tuona aikana. Voit käyttää joko viimeksi muokattua otsikkoa tai etag-otsikkoa välimuistiin tallennettaville resursseille.

4 Ota Keep-Alive käyttöön

Keep-Alive-otsikko on tärkeä lyhentää myöhempien selaimen ja palvelimen välisten pyyntöjen viivettä. Kun painat Enter-painiketta sivuston avaamiseksi, selaimet pyytävät palvelinta lähettämään tietyn verkkosivun html-tiedoston. Sitten selain lukee. Jos Java-skripti tai CSS on olemassa, se pyytää jälleen palvelinta lähettämään vastaavat tiedostot. Kuten voit kuvitella, nämä viestit pidentävät sivusi latausaikaa.

Käytä Keep-Alive-otsikkoa pitääksesi yhteyden päällä, kun kaikki tiedostot on siirretty selaimeen katseltavaksi. Alla on koodi, jota käytetään .htaccess-tiedostossa sen käyttöön ottamiseksi.

 Header set Connection keep-alive 

5 Käytä CDN:ää

Content Delivery Network (CDN) on kokoelma web-palvelimia, jotka on jaettu useisiin paikkoihin ja joiden tarkoituksena on toimittaa pyydettyä sisältöä vierailijoille tehokkaammin. Voit käyttää Amazon -pilvirintamaa tai MaxCDN :ää CDN:n käyttöönottoon verkkosivustollasi.

6 Pienennä CSS

CSS:n (Cascading Style Sheets) pienentäminen tarkoittaa yksinkertaisesti CSS:n koon pienentämistä poistamalla ylimääräinen tyhjä väli. Varo myös tarpeettomia koodeja, jotka hidastavat nopeuttasi. Pienennä CSS ja käytä uutta koodia sivustosi lataamiseen paljon nopeammin. Riippumatta siitä, käytätkö CSS-syötettäsi, yhdistettynä tai ulkoisten tiedostojen kanssa, pienempi on aina parempi.

7 Pienennä HTML ja Javascript

Samoin sinun tulee minimoida HTML ja Javascript, jotta sivusi latautuvat huomattavasti nopeammin. Tämä tarjoaa myös paremman käyttökokemuksen.

8 Vältä uudelleenohjauksia

Uudelleenohjaus on ylivoimainen ärsytys verkkosivuston vierailijoille. Se on samanlaista kuin menisit ystävän luokse ja sitten saisivat tietää, että ystäväsi on muuttanut toiseen taloon kolmen korttelin päässä. Muille web-sivuille ohjaaminen vie ylimääräistä aikaa, hidastaa latausnopeutta ja saa käyttäjät huokaisemaan turhautuneista. Suosittelen siis aina välttämään uudelleenohjauksia millä tahansa verkkosivustosi sivulla, ellei sinulla ole muuta vaihtoehtoa.

9 Määritä merkistö

Verkkosivuston merkistöjen määrittäminen on toinen loistava tekniikka nopeuttaa selaimen hahmonnusta salamannopeita sivulatauksia varten. Se on myös helppo saavuttaa käyttämällä seuraavaa koodia otsikossa:

Lisäksi monet sisällönhallintajärjestelmät käyttävät PHP-skriptiä lisätäkseen merkistöä otsikkoon. Jos haluat tehdä niin, voit myös käyttää koodia komentosarjan sijaan. Joka tapauksessa onnistut vähentämään kutsutoimintopyyntöä.

10 Lyhennä palvelimen vasteaikaa

Palvelimen vasteaika on termi, jota käytetään kuvaamaan aikaa, joka kuluu selainpyynnön palvelimelle ja lopullisen sivun latauksen välillä. Palvelimesi vasteaika riippuu selaimesi pyyntöjen määrästä ja palvelimesi kokoonpanoista. Varmista, että palvelimesi vasteaika pysyy lyhyenä parhaan tuloksen saavuttamiseksi.

11 Vältä huonoja pyyntöjä

Kuvittele, että menet ravintolaan ja pyydät lempiruokaasi, mutta tarjoilija kertoo, että keittiössä ei ole välttämättömiä ainesosia. Näin turhauttavaa on, että verkkosivuston vierailijat saavat 404- tai 410-virheen halutun määränpäänsä sijaan. Näillä huonoilla pyynnöillä voi olla erittäin huono vaikutus sivun nopeuteen. Siksi on suositeltavaa, että yrität välttää niitä sivuillasi hinnalla millä hyvänsä. Check My Link voi auttaa sinua löytämään rikkinäisiä 404-linkkejä ja poistamaan ne nopeasti käyttökokemuksen parantamiseksi.

12 Unohda seurantakoodit, videon upotukset ja jakopainikkeet

Monet verkkovastaavat ajattelevat, että useiden seurantakoodien käyttäminen upotusten ja jakamispainikkeiden tarjoamiseen parantaa käyttökokemusta. Todellisuudessa he leikkivät niin paljon verkkosivustoillaan, että palvelimelle tulee liikaa pyyntöjä. Esimerkiksi iframe kutsuu kokonaan uuden sivun katselua varten olemassa olevalla sivulla, mikä vähentää automaattisesti verkkosivuston nopeutta. Näiden seurantakoodien, videon upotusten ja jakamispainikkeiden luopuminen parantaa varmasti verkkosivustosi sivun nopeutta ja vierailijasi viihtyvyyttä.

Johtopäätös

Kaiken kaikkiaan on tärkeää, että et anna sivusi latausajan liukua vain esteettisesti miellyttävämmän suunnittelun tai hienon uuden ominaisuuden vuoksi. Verkkosivuston vierailijat välittävät yleensä enemmän sivun nopeudesta kuin kaikista näistä ylimääräisistä kelloista ja pillistä. Hitaasti latautuva verkkosivusto on varma tapa tappaa tulos ja sijoituksesi hakukoneissa. Itse asiassa 47 % kuluttajista odottaa verkkosivujen latautuvan kahdessa sekunnissa tai vähemmän!

Älä siis pakota verkkosivustosi käyttäjiä odottamaan eeppisen sisällön lukemista. Varmista, että käytät näitä 12 helppoa vinkkiä luodaksesi verkkosivuston, joka avautuu helposti jokaiselle kävijälle. Kaikkien näiden strategisten taktiikoiden on osoitettu parantavan sivujen latausaikoja sekä Google-sijoituksia ja yleisiä käyttökokemuksia oikein käytettynä.

Toivottavasti nautit tämän oppaan lukemisesta. Jos sinulla on lisäkysymyksiä, kysy ne alla kommenttiosiossa. Muista levittää sanaa ystäviesi kanssa myös sosiaalisessa mediassa!