AMP: n edut ja miten se poikkeaa Responsive Web Designista
Jos tarkastelet verkkosivujen analytiikkaliikenteen viime vuosien aikana, todennäköisesti löydät, että niillä kaikilla on yksi tärkeä yhteinen asia - mobiililaitteiden käyttäjien käyttäjien määrän lisääntyminen.
Globaalisti nyt on enemmän web-liikennettä mobiililaitteista kuin mitä pidämme "perinteisiksi laitteiksi", mikä tarkoittaa periaatteessa työpöytää tai kannettavia tietokoneita. Ei ole epäilystäkään siitä, että mobiilitekniikka on muuttanut ihmisten kulutusta verkossa, mikä tarkoittaa sitä, että se on muuttanut tapaa, jolla meidän on rakennettava verkkosivustoja yhä liikkuvammille yleisöille.
Rakennus mobiiliväestölle
Luomalla "mobiilisivustoja" on ollut etusijalla web-ammattilaisille monien vuosien ajan. Käytäntöjä, kuten vastaava web-suunnittelu, pyrkivät luomaan sivustoja, jotka toimivat hyvin kaikille laitteille, ja keskittyminen verkkosivuston tehokkuuteen ja nopeisiin latausaikoihin hyödyttää kaikkia käyttäjiä, mobiililaitteita tai muutoin. Toinen lähestymistapa matkaviestinnän ystävällisiin sivustoihin kutsutaan AMP-verkkokehitykseksi, joka on Accelerated Mobile Pages -sivuille.
Tämä Googlen tukema projekti luotiin avoimeksi standardiksi, jonka avulla verkkosivustojen julkaisijat voivat luoda sivustoja, jotka latautuvat nopeammin mobiililaitteille. Jos ajattelet, että tämä kuulostaa paljon kuin reagoiva web-suunnittelu, et ole väärässä. Nämä kaksi konseptia ovat yhteisiä, eli molemmat keskittyvät sisällön toimittamiseen mobiililaitteiden käyttäjille. Näiden kahden lähestymistavan välillä on kuitenkin eroja.
AMP: n ja vastaavan webdesignin erot
Reagoivan web-suunnittelun vahvuus on aina ollut joustavuus, jota se lisää sivustoon. Voit luoda yhden sivun, joka vastaa automaattisesti kävijän näytön kokoon. Tämä antaa sivusi tavoitteen ja mahdollisuuden palvella hyvää kokemusta monenlaisille laitteille ja näytön kokoille, matkapuhelimista tabletteihin kannettaviin tietokoneisiin, pöytätietokoneisiin ja muualla. Responsive web design keskittyy kaikkiin laitteisiin ja käyttäjien kokemuksiin , ei vain mobiiliin. Tämä on hyvää joiltakin osin ja huono muissa.
Joustavuus sivustossa on loistava, mutta jos haluat todella keskittyä mobiililaitteisiin, sivuston luominen, joka keskittyy kaikkiin näyttöihin, ei pelkästään matkapuhelimien sijaan, voi olla kaupankäynnin joustavuus puhtaasti optimoidun mobiilitoiminnon kannalta. Tämä on AMP: n taustalla oleva teoria.
AMP on puhtaasti keskittynyt nopeuteen eli matkaviestinnopeuteen. Tämän projektin Google Tech Leadin Malte Ublin mukaan AMP pyrkii tuomaan "pikaviestinnän web-sisältöön". Joitakin tapoja tähän on:
- Laiska lastaus
- Käyttämällä esiliitintä
- Resurssien esiasettaminen
- Async Javascript
- Inline tyyliarkit
- Ei ladattavia fontteja
- Resurssien priorisointi
Nämä ovat vain joitain päämiehiä, jotka tekevät AMP: n kuormituksen niin nopeasti . On kuitenkin myös joitain listan kohteita, jotka saattavat tehdä kauan web-ammattilaisia. Esimerkiksi inline-tyyliarkit . Monille meistä on kerrottu vuosia, että kaikki tyylit tulisi sisällyttää ulkoisiin tyyliarkkeihin. Oman sivuston ulkoasun monipuolistaminen on yksi CSS: n vahvuuksista - vahvuus, joka estetään, jos sivut käyttävät inline-tyylejä. Kyllä, estät ulkoisen tiedoston lataamisen, mutta kustannukset siitä, että voit hallita koko sivuston yhdellä tyyliarkilla. Joten mikä lähestymistapa on parempi? Todellisuudessa molemmilla on etuja ja haittoja. Verkko muuttuu jatkuvasti, ja sivustosi vierailleet erilaiset ihmiset ovat erilaiset tarpeet. On erittäin vaikeaa luoda sääntöjä, joita sovelletaan kaikissa tapauksissa, koska erilaiset lähestymistavat ovat järkeviä eri tilanteissa. Avain on punnita jokaisen lähestymistavan edut tai haitat, jotta voidaan selvittää, mikä on paras tapaasi.
Eräs tärkeä ero AMP: n ja RWD: n välillä on se, että reagoiva muotoilu on harvoin lisätty olemassa olevalle sivustolle. Koska RWD on todella sivuston arkkitehtuurin ja kokemuksen perusteellinen uudelleenkohdentaminen, se yleensä edellyttää, että sivustoa uudistetaan ja kehitetään mukautuville tyyleille. AMP voidaan kuitenkin lisätä nykyiseen sivustoon. Itse asiassa se voidaan lisätä myös nykyiseen reagoivaan sivustoon.
Javascript-näkökohdat
Toisin kuin RWD-sivustot, AMP-sivustot eivät toimi oikein Javascriptin kanssa. Tämä sisältää 3. osapuolten skriptejä ja kirjastoja, jotka ovat tällä hetkellä erittäin suosittuja sivustoissa. Nämä kirjastot voivat lisätä uskomatonta toiminnallisuutta sivustoon, mutta ne vaikuttavat myös suorituskykyyn. Sellaisena se on järkevää, että sivunopeuteen kohdistuva lähestymistapa jättäisi Javascript-tiedostot pois. Tästä syystä AMP: ää käytetään usein staattisilla verkkosivuilla, toisin kuin erittäin dynaamisia tai niitä, jotka vaativat tiettyjä Javascript-tehosteita syystä tai toisesta. Esimerkiksi verkkosivujen galleria, jossa käytetään lightbox-tyyliä, ei tule olemaan erinomainen ehdokas AMP: hen. Toisaalta standardi verkkosivusto tai lehdistötiedote, joka ei vaadi hienoja toimintoja, olisi hyvä sivu toimittaa AMP: n kanssa. Sivua luetaan todennäköisesti käyttäjiä, jotka käyttävät mobiililaitteita, jotka ovat saattaneet nähdä linkin sosiaalisessa mediassa tai mobiili-Google-haun kautta. Voidakseen heti toimittaa sen sisällön, kun he pyytävät sitä, sen sijaan, että latausnopeus hidastuisi, kun taas tarpeettomat Javascriptit ja muut resurssit ladataan, tekee suuresta asiakaskokemuksesta.
Oikean ratkaisun valinta
Joten mikä vaihtoehto sopii sinulle - AMP tai RWD? Se riippuu tietysti erityisistä tarpeista, mutta sinun ei tarvitse valita yhtä tai toista. Jos haluamme olla älykkäämpiä (ja onnistuneempia) online-strategioita, se tarkoittaa, että meidän on tarkasteltava kaikkia käytettävissä olevia työkaluja ja opittava, miten he toimivat yhdessä. Ehkä tämä tarkoittaa, että sivustosi toimitetaan reagoivasti, mutta käyttämällä AMP: tä tietyissä osissa tai sivuissa, jotka sopivat parhaiten tähän kehitystyyliin. Se voi myös tarkoittaa erilaisten lähestymistapojen ottamista ja yhdistää niitä luomaan hybridi ratkaisuja, jotka täyttävät hyvin erityiset tarpeet ja jotka tarjoavat molempien maailmojen parhaat puolet kyseiselle sivuston kävijöille.