Vaikka tulot vaikuttavat epäilemättä useimpiin tekijöihin, useimmat asiantuntijat sanovat, että 5 sekunnin kuluessa latautuvat liiketoiminta-alueet ansaitsevat lähes kaksinkertaisen kuin 19: ssä, keskimääräinen latausaika.
Tutkimuksessa on myös todettu, että 5 sekunnin sisällä latautuvilla sivustoilla on:
- 25% korkeampi mainoksen näkyvyys,
- 35% pienempi palautumisnopeus, ja
- 70% pidempiä käyttäjäistuntoja.
Juuri siksi meidän on keskityttävä mobiilisovelluksiin, jotta yrityksemme voivat menestyä. Loppujen lopuksi mobiilin nopeus ei ole koskaan ollut tärkeämpää.
$config[code] not foundHidas lastausnopeus voi todella olla ongelma
Googlen mukaan
- 1/2 henkilöä odottaa, että sivu latautuu alle 2 sekunnissa.
- 53% vierailuista hylätään todennäköisemmin, jos sivu kestää yli 3 sekuntia ladataksesi mobiililaitteeseen.
- 46% ihmisistä on osoittanut tyytymättömyyttä odottaa, että sivut latautuvat selaamalla verkkoa mobiililaitteessa.
Kolme tärkeintä tekijää, jotka hidastavat mobiilin internetin sivustoja, ovat palvelinpyyntöjen lukumäärä, tiedostokoko ja sivun latausosien peräkkäinen järjestys. Joten nyt olemme korostaneet syitä; päästään ratkaisuun.
Mobiilipaikan nopeuden lisääminen
Mittaa ja minimoi palvelimen vasteaika
Matkapuhelimesi nopeus ei riipu vain koodista, vaan se riippuu myös tärkeästä teknisestä työkalusta, jota kutsutaan palvelimeksi.
Mitä kauemmin palvelin odottaa vastaavansa selainpyyntöön, sitä hitaammin sivu latautuu laitteeseen. Useimmat Googlen asiantuntijat suosittelevat, että palvelimesi alkaa lähettää 1st resurssien kahden tavan kuluessa siitä, kun pyyntö saada optimaalinen tulos.
Palvelimen vasteajan nostamiseen liittyy tavallisesti kolme suurta menetelmää:
- Web-palvelimen kokoonpanon tai ohjelmiston parantaminen.
- Parannetaan isännöintipalvelun laajuutta ja laatua erityisesti varmistamalla, että sinulla on riittävästi muistia ja suorittimen resursseja.
- Web-sivuillasi tarvittavien resurssien määrän vähentäminen.
Lataa kuvat valitsemalla CSS
Jos haluat piilottaa sisällön kuvat mobiilikäyttäjille, lataa ne taustakuvina CSS: n kautta ja piilota ne ehdottomasti media-kyselyillä.
Amazon käyttää tätä tekniikkaa vaihtelevasti laitekohtaisia kuvia ladattaessa.
Minimoi uudelleenohjausten lukumäärä mobiilisivun nopeuden lisäämiseksi
Uudelleenohjaukset eivät ole muuta kuin ohjeita, joiden avulla verkkosivuston kävijät otetaan automaattisesti sivulta toiselle.
Kukin uudelleenohjaus voi syödä arvokasta millisekuntia, jolloin sivu latautuu hitaammin. Tämä on erityisen ongelmallista mobiililaitteille, koska ne ovat usein riippuvaisia epäluotettavista verkoista kuin pöytätietokoneen käyttäjät.
Ensimmäinen askel tämän ongelman ratkaisemiseksi on tutkia sivustossasi olevien uudelleenohjausten määrää käyttämällä työkaluja, kuten uudelleenohjauksen kartoitusta. Jos numero on liian suuri, minimoi se tai ideaalisesti se nollaa parhaan tuloksen saavuttamiseksi.
Vähennä JS- ja CSS-tiedostoja
Lisää tietoja tarkoittaa ylimääräistä sivun painoa. Näin sivut latautuvat kauemmin mobiililaitteeseen.
Siksi useimmat web-kehittäjät, joiden arvo on heidän mielestään, tietävät tarvetta optimoida ja minimoida omaisuuserät sivun latausnopeuden lisäämiseksi.
”Minification” poistaa redundanssin vaikuttamatta sivun näyttämiseen. Laaja valikoima Google-työkaluja voi auttaa poistamaan tällaiset irtisanomiset, kuten:
- CSSNano (CSS: lle)
- UglifyJS (JS: lle)
Käytä kuvia CSS3: n sijasta
Pudota varjoja, pyöristettyjä kulmia ja kaltevuus täyttää - kaikki nämä ominaisuudet voidaan tehdä CSS: n avulla kuvien sijasta.
Tämä voi suuresti auttaa vähentämään HTTP-pyyntöjen määrää, mikä nopeuttaa latausaikaa samaan aikaan.
Käytä Inline SVG: itä JPEG-tiedostojen sijaan
Tiedon URI: iden tavoin SVG: t (skaalautuva vektorigrafiikka) voidaan upottaa sivulle HTTP-pyyntöjen määrän vähentämiseksi.
Nämä tiedostot voidaan luoda vektorigrafiikkatiedostossa kuten Inkscape, Adobe Illustrator jne. Kun se on luotu, voit avata sen tekstieditorissa ja pudottaa sen koodiin.
Huomautus: Jos haluat upottaa SVG: n tyylisivullesi, sinun on ensin muutettava se datan URI: ksi ja siirry seuraavaan vaiheeseen.
Niin että enemmän tai vähemmän summataan asioita. Toivottavasti sinulla oli hyvä ja valaiseva lukeminen.
Kuva Shutterstockin kautta
1
