Kuinka optimoida verkkosivustosi suorituskyky

Sisällysluettelo:

Anonim

Katsokaa Internetiä ja löydät runsaasti tilastoja siitä, kuinka vähän aikaa ihmiset ovat valmiita odottamaan minkä tahansa verkkosivuston latautumista ennen kiinnostuksen menettämistä (tässä tapauksessa älä aina syötä verkkopalvelujen tarjoajaa).

Kiinteän laajakaistayhteyden omaavat ihmiset odottavat verkkosivuston ilmestyvän melkein välittömästi, eikä edes mobiilikäyttäjillä ole ääretöntä kärsivällisyyttä.

Lue lisää: Offcloud

Tutkimuksen mukaan sivun optimaalinen latausaika on kolme sekuntia, vaikka suurin osa sivustoista on lähempänä kaksinkertaista - tai enemmän. Ja jos ylität paljon yli 10 sekuntia, suurin osa ihmisistä todennäköisesti hylkää sivun ja menee muualle.

Kuinka kauan verkkosivun ilmestyminen selaimessa kestää, riippuu tekijöistä, jotka on jaettu sekä palvelimen että toisessa päässä olevan asiakaslaitteen välillä.

Vaikka kaikkia käyttäjiä ei ole mahdollista nopeuttaa web-suunnittelijan hallitsemattomien asioiden takia, on käytännöllistä tehdä sivustosta mahdollisimman tehokas ja parantaa suorituskykyä suurimmalle osalle kävijöistä.

Parannettu nopeus voidaan saavuttaa useilla eri tavoilla, mutta sivuston suorituskyvyn parantamiseksi on kolme keskeistä pilaria. Nämä ovat parannettu hosting, sivuston optimointi ja myös joitain alustakohtaisia ​​näkökohtia.

  • Olemme valinneet parhaat web-hosting-palvelut täällä
  • Nämä ovat parhaita ilmaisia ​​web-hosting-yrityksiä
  • Ja nämä ovat tällä hetkellä parhaita verkkosivustojen rakentajia

Isännöinnin merkitys

Kuinka paljon sivusto viettää web-hosting-palveluja, on yleensä verrannollinen tiettyyn päivään odotettavissa olevien kävijöiden lukumäärään, huomioiden kuinka kauan kukin pysyy ja kuinka monta sivua he selaavat.

Tämä on ensisijainen syy yhdessä turvallisuusongelmien kanssa, miksi suhteellisen harvat yritykset ylläpitävät sivustoja sisäisesti.

Tyypillisesti web-hosting on "virtuaalinen", koska tiettyä laitteistoa ei ole varattu verkkosivustolle - se jaetaan pikemminkin muiden sivustojen kanssa virtualisoinnin avulla.

Tämän ratkaisun kauneus on, että sivustolle voidaan helposti kohdistaa enemmän resursseja suuren kysynnän aikoina, jos isännöintisopimus sallii tämän joustavuuden.

Tärkeää on päättää ennustetusta liikenteestä, jonka odotat vastaanottavan, ja lisätä palvelua asianmukaisesti.

Jos sinulla on nopeasti kasvava sivusto, mutta isännöintitason vuoksi se alkaa olla reagoimaton, kun kävijätulva ilmestyy, se voi heikentää koko projektiasi. Siksi aiot aloittaa pienestä ja sitten laajentaa, kun sivusto saavuttaa kypsyyden.

Sivuston optimointi

Minkä tahansa verkkosivuston suorituskyky riippuu suuresti siitä, miten se on rakennettu ja mitä ohjelmistotekniikkaa se käyttää.

Kun sinulla on prototyyppisivusto, yksi ensimmäisistä toimenpiteistä, jotka sinun on suoritettava, on pisteyttää jokaiselle sivulle latausaika. Sivun suorituskyvyn mittaamiseen on tarjolla lukuisia työkaluja, ja jotkut niistä erottelevat ajoituksen tunnistamaan tarkalleen mikä aiheutti eniten viivytyksiä tietyllä sivulla.

Tätä testausta ei pitäisi suorittaa vain kerran yhdellä tietokoneella, koska kävijät tulevat monista eri paikoista, vaihtelevilla laajakaistayhteyksillä ja he käyttävät erityyppisiä laitteita.

On erityisen tärkeää, että mobiilialustoja testataan sekä Wi-Fi- että matkapuhelinyhteyksissä. Ja ihanteellisessa maailmassa tulosten saaminen etäisistä maantieteellisistä sijainneista on myös arvokasta tietoa.

Kun olet kerännyt nämä suorituskykytiedot, on aika palata sivustolle ja nähdä, mitä muutoksia voit tehdä käyttökokemuksen parantamiseksi.

Tässä on luettelo seitsemästä tärkeimmästä ongelmasta, jotka hidastavat sivustoa, joka voidaan helposti ratkaista.

1. Usean lähteen sivut

Jos sivu koostuu muualta tulevista elementeistä, mukaan lukien mainokset, se voi vaikuttaa dramaattisesti nopeuteen. Sivu riippuu siitä, kuinka nopeasti kyseisiä sivuston ulkopuolisia elementtejä tarjotaan, mikä lisää suorituskykyongelmia.

Jos sinulla on sivu, jonka lataaminen kestää toistuvasti liian kauan, tunnista mikä hidastaa sitä ja poista se.

2. Widgetit ja laajennukset

Liian monet näistä komponenteista aiheuttavat paljolti samat ongelmat kuin monilähteiset sivut, mutta ne vaikuttavat erityisesti WordPress-sivustoihin. Kiusaus ladata sivut valmiiksi kaikilla kalentereilla, animoiduilla painikkeilla, kelloilla ja niin edelleen on voimakas, mutta sinun on vastustettava.

Nämä ominaisuudet vaativat palvelinpuolen koodin ja asiakaspuolen koodin suorittamisen, ja usein keskeyttävät muiden sivuelementtien esityksen ennen lataamisen päättymistä.

3. Grafiikan skaalaus

Verkkosivugrafiikkaa ei tule skaalata, elleivät ne ole valokuvia, joita haluat napsauttaa täyslaatuista esitystä varten.

Niiden suurentaminen on myös huono, koska se tekee niistä tukkeutuvia tai paljastaa pakkausartefaktit.

Grafiikan tekeminen samankokoiseksi kuin niitä pitäisi tarkastella, poistaa työmäärän palvelimelta ja asiakasselaimelta ja välttää käyttäjän lataamasta suurempaa grafiikkaa kuin tarvitaan.

4. Yhteensopimattomat materiaalit

On olemassa joukko tiedostotyyppejä, jotka olivat aikoinaan suosittuja PC: llä, mutta ovat nyt käytännössä poissa käytöstä. Mobiilikäyttäjät eivät voi käyttää niitä, ja useimmilla työpöydän käyttäjillä on myös ongelmia, elleivät he vielä käytä laajennusta vanhalla selainversiolla.

Älä yleensä isännöi video-, kuva- tai musiikkimuotoja, jotka eivät oletusarvoisesti toimi Google Chromen tai Microsoft Edgen kanssa. Se ärsyttää käyttäjiä, kun verkkosivustolta puuttuu elementtejä, tai siinä on parittomia virheitä.

5. Taustakoodi

Kuinka monta kertaa olet nähnyt siistin ominaisuuden, joka voidaan lisätä verkkosivustoon "vain lyhyellä koodirivillä"? Näitä on monia, ja ne voivat olla hyödyllisiä. Ne aiheuttavat kuitenkin usein päänsärkyä paljon isommalle palvelimessa käynnissä olevalle koodikappaleelle, jotta koodinpätkä tekisi jotain hyödyllistä.

Käytä niitä liikaa - koska laitat koodin jokaiselle sivulle - ja palvelin tukkeutuu yrittäessään käsitellä näitä pyyntöjä sen sijaan, että palvelisi sivustosivuja.

Yleisimpiä syyllisiä näihin asioihin ovat ironisesti analytiikka ja lomakkeiden käsittely. Mutta koodilla, joka käsittelee muita tehtäviä, voi olla myös kielteinen vaikutus yleiseen suorituskykyyn.

6. Mobiilivirheet

Klassinen virhe, joka vaikuttaa mobiilikäyttäjiin, on, että uudelleenohjaus sivuston mobiiliversioon tapahtuu vasta sen jälkeen, kun suurin osa työpöydälle tarkoitetusta kotisivusta renderoidaan puhelimessa tai tabletissa.

Tulos on usein pitkä odotus, ennen kuin selain pyyhkäistään pois mobiilisivustolta, minkä jälkeen seuraa uusi viive ennen kuin se toimii.

Vaikka tilastollisesti mobiilialustat ovat edelleen hieman jäljessä tavanomaisista tietokoneista web-selailun suhteen, mobiilisurffaus kasvaa nopeasti ja on hyvin pian hallitseva tapa, jolla suurin osa käyttäjistä pääsee useimpiin sivustoihin.

Siksi huomion kiinnittäminen minkä tahansa sivuston mobiiliversioon on vähintään yhtä tärkeää, ellei enempää, kuin työpöydän vastine.

Koska matkaviestinkäyttäjät muodostavat usein yhteyden 3G- tai 4G-datapalveluilla ilman johdonmukaista siirtonopeutta, jonka langalliset laajakaistakäyttäjät voivat odottaa, nopean verkkosivun toimituksen merkitys on vielä suurempi.

7. Käytä pakkausta

On olemassa useita tapoja, joilla on mahdollista varmistaa, että sivuston muodostavat tiedostot ovat pienempiä ja siten nopeammin ladattavia kävijöille.

On olemassa globaalia palvelinpuolen tekniikkaa, kuten Gzip, joka voi murskata tiedostokoot jopa 70%, vaikka vain oikeiden tiedostotyyppien ja pakkaustasojen valitseminen JPG.webp-tiedostoille voi tuoda myös suorituskykyetuja.

Gzip vaatii palvelimen aktivoinnin, ja voit tarkistaa, onko se aktiivinen palvelimellasi, käyttämällä tätä sivustoa.

Ainoa varoitus pakkauksen käytöstä on, että sinun on tunnistettava ne tiedostot ja kansiot, joita et halua pakata järjestelmään. Koska jo pakattuja videotiedostoja ja pakattuja asemia (ZIP, RAR tai LZH) ei voida enää puristaa.