Sivusto avautuu toimiston läppärillä ja näyttää hyvältä. Sitten asiakas mainitsee, että sen lataaminen kesti puhelimella ikuisuuden, tai avaat sen itse mobiilidatalla parkkipaikalla ja katsot, kuinka logo seisoo yksin valkoisella näytöllä muun sisällön laahatessa perässä. Haet hakukoneesta miksi verkkosivuni on hidas, ajat ilmaisen nopeustestin ja saat sivullisen punaisia merkintöjä ja ammattislangia, joka ei kerro, mitä oikeasti pitäisi tehdä.
Tavalliset johtopäätökset ovat, että webhotelli pitää päivittää tai koko sivusto rakentaa uudelleen. Joskus toinen niistä pitää paikkansa. Useammin syitä on vain muutama, ne näkyvät selaimessa, joka sinulla jo on, ja halvat korjaukset tulevat ensin. Hidas sivusto ei ole pelkkä harmi: kävijä, joka on odottanut ärsyyntymiseen asti, täyttää harvoin lomaketta, ja tämä on yksi hiljaisimmista syistä siihen, että sivusto saa kävijöitä mutta ei yhteydenottoja.
Miksi verkkosivuni on hidas: tavalliset syyt
Kuvat ovat paljon suurempia kuin tila, jonka ne täyttävät. Valokuvat menevät suoraan kamerasta tai kuvapankista sivulle moninkertaisesti leveämpinä kuin laatikko, jossa ne ovat, ja selain lataa koko tiedoston ennen kuin pienentää sen. Merkki: sivun rakenne ilmestyy nopeasti, mutta kuvat täyttyvät yksi kerrallaan, ja sivusto on selvästi huonompi puhelimella kuin kiinteällä yhteydellä olevalla tietokoneella.
Liikaa lisäosia, vimpaimia ja skriptejä. Sisällönhallintajärjestelmän tai sivustonrakentajan päälle tehty sivusto kerää vuosien varrella lisäosia: kuvakarusellin, chat-ikkunan, useita analytiikkatageja, evästebannerin, varausmoduulin, jota kukaan ei enää käytä, automaattisesti käynnistyvän videon yläpalkkiin. Jokainen niistä lataa oman koodinsa ennen kuin sivu voi asettua. Merkki: sivu jatkaa työskentelyä pitkään sen jälkeen, kun teksti on näkyvissä, painikkeet eivät hetkeen reagoi, ja asettelu hyppii, kun osat saapuvat.
Palvelin vastaa hitaasti. Ennen kuin yksikään sivun osa näkyy, selain odottaa palvelinta. Halpa jaettu webhotelli, sisällönhallintajärjestelmä, joka kokoaa jokaisen sivun alusta jokaisella käynnillä, koska välimuisti ei ole päällä, tai vuosia kasvanut tietokanta näkyvät kaikki samalla tavalla: hetken tyhjä valkoinen näyttö ja sitten kaikki kerralla.
Kävijä on kaukana palvelimesta. Sivusto, jota ylläpidetään yhdessä maassa ja jolla vieraillaan toisesta, kuluttaa aikaa pelkkään etäisyyteen; se tuntuu nopealta kotimaassa ja hitaalta ulkomailla, eikä kukaan kotona huomaa sitä. Merkki: valitukset tulevat tietyltä alueelta.
Jokin sivulla estää kaiken muun. Fontti, joka on ladattava ennen kuin mitään tekstiä voidaan piirtää, kartta upotettuna jokaiselle sivulle, skripti, joka odottaa huonoa päivää viettävää ulkopuolista palvelua. Merkki: sivusto toimii toisina päivinä hyvin ja toisina ei, tai se pysyy tyhjänä, kunnes yksi tietty elementti ilmestyy.
Näin selvität, mikä niistä on sinun
Kaikki alla oleva tehdään puhelimella, läppärillä ja ilmaisilla työkaluilla, jotka ovat jo selaimessasi. Etene järjestyksessä; ensimmäinen tarkistus, joka epäonnistuu, on yleensä sinun syysi.
- Avaa sivusto puhelimella mobiilidatalla, ei wifillä. Ota aikaa suurin piirtein kellolla siitä, kun napautat linkkiä, siihen, kun voit lukea ja napauttaa, ja tee sitten sama läppärillä. Puhelin, joka on huomattavasti huonompi, viittaa kuviin ja raskaisiin skripteihin.
- Katso, mikä ilmestyy ensin. Lataa sivu uudelleen ja pane järjestys merkille. Tyhjä näyttö ja sitten kaikki kerralla viittaa palvelimeen; teksti ensin ja kuvat tihkuen perässä viittaa kuviin; hyppivä asettelu ja reagoimattomat painikkeet viittaavat skripteihin.
- Aja yksi ilmainen nopeustesti suuren hakukone- tai selaintoimittajan työkalulla ja jätä pisteet huomiotta. Lue vain lista suurimmista tiedostoista ja ehdotetuista parannuksista: ne nimeävät liian suuret kuvat, käyttämättömät skriptit ja hitaan palvelinvastauksen selvin sanoin. Testaa palvelusivu, älä pelkkää etusivua.
- Avaa selaimen kehittäjätyökalujen verkkovälilehti, lataa sivu uudelleen ja lajittele koon mukaan. Jos suurimmat rivit ovat kuvatiedostoja, jotka ovat paljon suurempia kuin näkyvä kuva, siinä on vastauksesi; jos listalla on kymmeniä skriptejä verkkotunnuksista, joita et tunnista, laske lisäosat.
- Listaa jokainen lisäosa, vimpain ja ulkopuolinen tagi sivustolla ja kirjoita jokaisen viereen, kuka käyttää sitä ja mihin. Kokemuksemme mukaan lista on pidempi kuin kukaan odotti, ja osa siitä on kuollutta.
- Tarkista webhotellipaketti ja välimuistiasetus. Kirjaudu hallintapaneeliin ja katso, mistä maksat ja onko sivuvälimuisti päällä. Jos et tiedä, sivuston rakentaja tietää, ja kysymys vie yhden sähköpostin.
- Testaa muilta markkinoiltasi. Pyydä ulkomailla olevaa kollegaa ottamaan aikaa samalta sivulta tai käytä ilmaista testiä, jossa voit valita testauspaikan.
Korjaus, järjestyksessä
Halvin ensin. Kokemuksemme mukaan useimmat sivustot saavat suurimman osan nopeudestaan takaisin kolmella ensimmäisellä askeleella ilman uudelleenrakennusta.
- Pienennä ja pakkaa kuvat. Vie valokuvat siinä koossa, jota asettelu oikeasti käyttää, nykyaikaisessa verkkoformaatissa, ja korvaa alkuperäiset; sisällönhallintajärjestelmässä kuvien optimointilisäosa käsittelee koko kirjaston yhdellä ajolla. Tämä on yleisin korjaus, ja se maksaa yhden iltapäivän.
- Poista se, mitä ei käytetä. Poista käytöstä ja poista jokainen lisäosa, vimpain ja tagi, jolle kukaan ei osannut nimetä käyttäjää, yhdistä päällekkäiset analytiikkatagit yhdeksi, korvaa elävä karttaupotus staattisella kuvalla, joka linkittää karttaan, ja laiskalataa kaikki ensimmäisen näytön alapuolella oleva.
- Kytke välimuisti päälle. Sivuvälimuisti tarkoittaa, että palvelin antaa valmiin kopion sen sijaan, että kokoaisi sivun jokaiselle kävijälle erikseen. Useimmat sisällönhallintajärjestelmät ja webhotellit tarjoavat sen asetuksena tai lisäosana.
- Korjaa estävät elementit. Lataa fontit niin, että teksti näkyy heti varafontilla ja vaihtuu myöhemmin, lykkää skriptejä, joita ei tarvita ensimmäisellä näytöllä, ja siirrä kaikki video pois yläpalkista. Yleensä kehittäjän tunti eikä projekti.
- Siirrä sivusto lähemmäs kävijää. Sisällönjakeluverkko eli CDN säilyttää kopioita staattisista tiedostoistasi monilla alueilla, joten toisessa maassa oleva kävijä lataa ne läheltä. Useimmat webhotellit ja verkkotunnuspalvelut tarjoavat sellaisen; jos myyt yli rajojen, tämä kuuluu listalle ennen mitään webhotellin päivitystä.
- Päivitä webhotelli vasta, kun palvelin on todistetusti hidas. Jos tyhjän näytön odotus jatkuu välimuistin kytkemisen jälkeen, paketti on pullonkaula. Siirry pakettiin, joka vastaa liikennettä, ei halvimpaan, joka teknisesti toimii.
- Rakenna uudelleen raskaimmat sivut, älä koko sivustoa. Jos sivupohja raahaa kymmeniä komponentteja jokaiselle sivulle, tärkeimpien laskeutumissivujen rakentaminen uudelleen kevyemmälle rakenteelle riittää usein. Meidän verkkosivujen kehitysprojekteissamme nopeus on julkaisukriteeri, ja tässä vaiheessa sivu suunnitellaan sen mukaan, mitä sen pitää tehdä, eikä sen mukaan, mitä teema tarjoaa.
Nopeus vaikuttaa myös siihen, miten sivusto löydetään: hakukoneet mittaavat samoja odotuksia, jotka kävijäsi tuntevat, joten yllä olevat muutokset ovat osa mitä tahansa rehellistä SEO-työtä. Ja jos sivusto on ollut hidas pitkään, osa yhteydenotoista on menetetty hiljaisuudessa; sen kirjaaminen, mistä jokainen yhteydenotto tulee, mistä meidän CRM- ja analytiikkaprojektimme alkavat, kertoo, muuttiko korjaus mitään.
Mitä mitata
- Aika käyttökelpoiseen sivuun puhelimella mobiilidatan kautta, otettuna käsin samalla tavalla joka kerta, kuukausittain.
- Sivun paino ja pyyntöjen määrä tärkeimmillä laskeutumissivuilla verkkovälilehdeltä, ennen jokaista muutosta ja sen jälkeen.
- Palvelimen vastausaika nopeustestissä, odotus ennen kuin mitään saapuu, jonka pitäisi laskea, kun välimuisti on päällä.
- Välitön poistuminen ja lomakkeiden täytöt muuttamillasi sivuilla analytiikassasi, muutama viikko muutoksen jälkeen verrattuna muutamaan viikkoon ennen sitä.
Missä me tulemme mukaan
Omistaja, jolla on yksi ilta, kehittäjän tunti ja webhotellin tunnukset, pystyy tekemään kaiken tämän. Me tuomme mukaan järjestyksen: kuvat ja kuollut paino ennen webhotellia, välimuisti ennen uudelleenrakennusta ja mittaus ennen ja jälkeen, jotta parannus on tosiasia eikä tuntuma. Jos mieluummin annat diagnoosin meille, lyhyt briiffi sivuston osoitteella ja tärkeimmillä sivuilla riittää aloittamiseen.
