Om du tittar på de senaste åren av analytikertrafik för webbplatser kommer du troligen att finna att de alla delar en gemensam sak gemensamt - en ökning av antalet besökare som de får från användare på mobila enheter.
Globalt finns det nu mer webtrafik från mobila enheter än vad vi skulle betrakta "traditionella enheter", vilket i grunden betyder skrivbords- eller bärbara datorer. Det råder ingen tvekan om att mobila datorer har förändrat hur människor konsumerar innehåll på nätet, vilket innebär att det har förändrats sättet att vi måste bygga webbplatser för de mer mobila centrerade publiken.
Bygga för en mobil målgrupp
Att skapa "mobilvänliga webbplatser" har varit en prioritet för webbprofessorer under många år. Övningar som lyhörd webbdesign syftar till att skapa webbplatser som fungerade bra för alla enheter, och fokus på webbsidans prestanda och snabba nedladdningstider gynnar alla användare, mobil eller på annat sätt. Ett annat tillvägagångssätt för mobila vänliga webbplatser är känd som AMP webbutveckling, vilket står för accelererade mobilsidor.
Detta projekt, som stöds av Google, skapades som en öppen standard som innebar att webbplatsutgivare skulle kunna skapa webbplatser som laddar snabbare på mobila enheter. Om du funderar på att det låter mycket som lyhörd webbdesign, är du inte fel. De två koncepten delar mycket gemensamt, nämligen att de båda är inriktade på att leverera innehåll till användare på mobila enheter. Det finns dock ett antal skillnader mellan dessa två tillvägagångssätt.
Viktiga skillnader mellan AMP och Responsive Web Design
En av styrkorna i den lyhörda webbdesignen har alltid varit den flexibilitet som den lägger till på en webbplats. Du kan skapa en sida som automatiskt svarar på en besökares skärmstorlek. Detta ger din sida räckvidd och möjligheten att tjäna en bra upplevelse till ett brett utbud av enheter och skärmstorlekar, från mobiltelefoner till surfplattor till bärbara datorer, stationära datorer och därutöver. Responsiv webbdesign är inriktad på Allt enheter och användarupplevelser, inte bara mobila. Det är både bra på vissa sätt och dåligt hos andra.
Flexibiliteten på en webbplats är bra, men om du verkligen vill fokusera på mobil skapar du en webbplats som fokuserar på alla skärmar, istället för enbart på mobila enheter, som kan vara flexibelt för handel med rent optimerade mobila prestanda. Det är teorin bakom AMP.
AMP är rent fokuserad på hastighet - nämligen mobil hastighet. Enligt Malte Ubl, Google Tech Lead för detta projekt, syftar AMP till att "skynda till webinnehåll." Några av sätten att göra detta är:
- Lazy loading
- Använda förkoppling
- Förhämtning av resurser
- Async Javascript
- Inline stilark
- Inga nedladdningsbara teckensnitt
- Resursprioritering
Det här är bara några av de chefer som gör AMP-laddning så snabbt. Det finns emellertid också några saker i den listan som kan göra att yrkesverksamma på nätet krossar. Inline stilark, till exempel. Många av oss har fått höra i år att alla stilar borde finnas i externa stilark. Att kunna ställa massor av sidorsidor allt från ett externt ark är en av styrkorna i CSS-en styrka som negativt om sidor använder inline-stilar istället. Ja, du förhindrar att du behöver ladda ner den externa filen, men på bekostnad av att kunna hantera hela webbplatsen med det enda stilarket. Så vilket tillvägagångssätt är bättre? Verkligheten är att de båda har sina fördelar och nackdelar. Webben förändras ständigt och olika personer som besöker din webbplats har olika behov. Det är mycket svårt att fastställa regler som kommer att gälla i alla fall, eftersom olika tillvägagångssätt ger mening i olika situationer. Nyckeln är att väga fördelarna eller nackdelarna med varje metod för att bestämma vilket som är bäst i ditt specifika fall.
En annan viktig skillnad mellan AMP och RWD är att responsiv design sällan "läggs till" på en befintlig webbplats. Eftersom RWD verkligen är en grundlig omprövning av en webbplatss arkitektur och erfarenhet, kommer det generellt att kräva att webbplatsen omstruktureras och ombyggs för att tillgodose de responsiva stilerna. AMP kan dock läggas till en befintlig plats. Faktum är att det till och med kan läggas till på en befintlig mottaglig webbplats.
Javascript överväganden
Till skillnad från webbplatser med RWD spelar AMP-platser inte bra med Javascript. Detta inkluderar 3rd party skript och bibliotek som är mycket populära på webbplatser idag. Dessa bibliotek kan lägga till otroligt funktionalitet till en webbplats, men de påverkar också prestanda. Som sådan är det anledningen att ett tillvägagångssätt som är inriktat på sidhastighet skulle förhindra Javascript-filer. Det är av den anledningen att AMP ofta används bäst på statiska webbsidor i motsats till mycket dynamiska eller de som kräver specifika Javascript-effekter av en eller annan anledning. Till exempel kommer ett webbplatsgalleri som använder sig av en "lightbox" stilupplevelse inte att vara en bra kandidat för AMP. Å andra sidan, en vanlig webbplatsartikel eller pressmeddelande som inte kräver någon fancy funktionalitet skulle vara en bra sida att leverera med AMP. Den sidan kommer sannolikt att läsas av personer som använder mobila enheter som kanske har sett länken på sociala medier eller via en mobil Google-sökning. Att kunna direkt leverera det innehållet när de begär det, istället för att sakta ner hastigheten medan onödig Javascript och andra resurser laddas, ger en bra kundupplevelse.
Välja rätt lösning
Så vilket alternativ är rätt för dig - AMP eller RWD? Det beror naturligtvis på dina specifika behov, men du behöver inte välja den ena eller den andra. Om vi vill ha smartare (och mer framgångsrika) onlinestrategier betyder det att vi måste överväga alla verktyg till vårt förfogande och lära oss hur de ska arbeta tillsammans. Kanske betyder det att du levererar din webbplats responsivt, men använder AMP på valda avsnitt eller sidor som passar bäst för den utvecklingsstilen. Det kan också innebära att man tar aspekter av olika tillvägagångssätt och kombinerar dem för att skapa hybridlösningar som uppfyller mycket specifika behov och som ger det bästa av båda världarna till besökarnas besökare.
