Hva er Google AMP? Slik fungerer det og hvorfor det er nyttig for mobilnettsteder

AMP eller Accelerated Mobile Pages, er et åpen kildekode-prosjekt laget av Google, med sikte på å lette en jevnere surfingopplevelse for mobile enheter.

Prosjektet lover høyere ytelse, økt engasjement og mindre databruk som fordeler både brukere og utgivere.

Hvordan virker AMP?

Page Speed ​​ble en rangeringsfaktor for mobile sider i juli i år (2018), og AMP er her for å tilfredsstille nettstedets behov for fart. Faktisk lover AMP å gjøre mobil surfing opptil 85% raskere.

Gjennom en kombinasjon av optimaliseringer og begrensninger for HTML, JavaScript og CSS; AMP sider lastes nesten umiddelbart. I stedet for forfatterskrevet JavaScript sikrer AMP-spesifikke elementer hastighet og kompatibilitet.

Sidens hastighet forbedres også med overordnet prioritering, spesifikke AMP-caches og prerendering. I tillegg tilfører bruk av små filer og medier, og få ressursforespørsler fra serveren ytterligere hastighetsforbedringer.

Optimeringene i AMP vil også sørge for at layoutet på sidene dine alltid lastes riktig, selv før bilder og iframes (for annonser) er lastet inn.

Dette gjøres ved å spesifisere størrelsen på bilder og iframes i HTML-dokumentet (kalles “statisk utforming”). Og stopper i utgangspunktet innholdet som beveger seg rundt for å passe på ressursene som de laster.

Hva er AMP Caching?

Hvis du publiserer et gyldig AMP-nettsted, blir sidene dine automatisk lagret som en del av AMP-økosystemet. Cachen lagrer dine AMP-dokumenter, skrifter og bilder.

Det er to AMP-cachere i bruk i dag, Googles AMP Cache og Cloudflare AMP Cache. Cloudflare servere alene dekker 102 steder i 50 forskjellige land.

Cachen oppdateres hver gang noen får tilgang til innhold, og det oppdaterte innholdet vises automatisk til neste bruker. Dette sikrer at den nyeste versjonen serveres raskt til så mange som mulig.

I tillegg til å cache innholdet, vil hurtigbufferserveren også gi noen optimaliseringer og modifikasjoner som:

• Validerer AMP-formatet.
• Begrensende bildedimensjoner for å forhindre problemer med nettleserminne og dårlig respons.
• Fjerning av bildedata som er usynlig eller vanskelig å se, for eksempel visse metadata.
• Konvertere bilder til mindre og mer mobilvennlige bildformater, for eksempel konvertering av GIF, PNG og JPEG-formatbilder til WebP (hva er WebP? Innføring av Googles webP, et raskere alternativ til JPEG Introduksjon til Googles webP, et raskere alternativ til JPEG Google har tatt det med seg selv for å gjøre nettet raskere. Les mer) i nettlesere som støtter WebP.
• Omformere bilder til lavere kvalitet hvis forespørselen inkluderer lagringsdatahodet.
• Legger til støtte for bilder med responsivt størrelse.
• Betjener over en sikker kanal (HTTPS) og bruker de nyeste webprotokollene (SPDY, HTTP / 2).
• Sanitiserer AMP-dokumenter for å forhindre XSS-angrep basert på feil lukkede HTML-koder, kommentarer og mer.

I tillegg til disse optimaliseringene, vil hurtigbufferen også fullføre mange HTML sanitiseringsprosesser for å normalisere parsing.

En fullstendig liste over AMP-cache-optimaliseringer er tilgjengelig på Google Developers-sidene.

Hva er de virkelige fordelene med AMP?

Hastighet er hovedattraksjonen til AMP. Og det er derfor mange utgivere som Google, Facebook, Baidu, Pinterest og Twitter allerede har vedtatt teknologien. Den forbedrede hastigheten gir økt engasjement og reduserer studsene nesten over hele linja.

AMP er spesielt nyttig i områder med lav mobil internett dekning, eller på overbelastede og tregte offentlige nettverk som flyplasser og kaffebarer. Hvordan Spot False "Evil Twin" Offentlige Wi-Fi-nettverk Kjøre av Hackers Hvordan Spot Falske "Evil Twin" Public Wi -Fi-nettverk kjøres av hackere Ikke alle Wi-Fi-nettverk du har tilgang til, er trygge. Noen av dem kan til og med være falske. Les videre for å lære om Rogue APs og Evil Twins. Les mer . Og det er derfor innholdet laster i sine apper så fort når vanlig nettlesing er treg.

Forskning gjort i en Forrester Consulting Total Economic Impact studie (bestilt av Google) i fjor, fant at:

“AMP fører til en 10% økning i nettstedstrafikk med en 2x økning i tid brukt på siden. For e-handel nettsteder som bruker AMP, fant studien også en 20% økning i salgskonverteringene sammenlignet med ikke-AMP-sider.”

Googles toppstories Carousel on mobile vil bare bruke Googles AMP Cache for å vise artikler, så for mange utgivere, som bruker AMP, bør det være et automatisk valg.

New York Times, eBay og AliExpress er gode eksempler for å sjekke ut som har benyttet AMP. Hvis du klikker innhold fra disse nettstedene (merket med et forsterkerikon) i Google-søk på mobilen din, laster du AMP-versjonen av sidene sine.

AMP-historier

Et tillegg til AMP-økosystemet tidligere i år var AMP-historien. Ligner på Snapchat-historier Slik bruker du Snapchat: En komplett nybegynnersveiledning Slik bruker du Snapchat: En komplett nybegynnersveiledning Snapchat er populær, men et overraskende antall mennesker vet ikke hvordan du skal bruke det riktig. Denne artikkelen vil hjelpe deg med å forvandle deg fra en nybegynner til en ekspert. Les mer, disse er allerede i bruk av mange utgivere. Gode ​​eksempler er CNNs historie om oppdrag som fortsatt utforsker vårt Solsystem, og Mashables essensielle guide til Black Panther.

AMP Story Ads, et tillegg til historier-funksjonen, ble nylig gjort tilgjengelig for alle nettsteder som bruker Google Annonsebehandler. Disse er fullskjermsannonser som vises i AMP-historier, og er en av de mange forbedringene som har gjort AMP mye mer nyttig enn for et år siden.

Hva er ulemper til AMP?

Hvis du bruker Google, Twitter, Pinterest, Messenger, etc., vil du legge merke til at eksterne koblinger vil åpne innenfor domenet selv, i stedet for domenet det er knyttet til.

Selv om AMP-visningsprogrammet forbedrer nettleseropplevelsen for brukere, kan det være et negativt for webområdeeiere. Det tar vekk fra din makt til å kontrollere besøkende navigasjon gjennom nettstedet ditt.

Dette kan rane nettstedet ditt for sidevisninger og kunne forstyrre annonsenes inntekter. Det er enda noen analyser og sporingsproblemer som kan være vanskelig å løse, med mindre du bruker Google Analytics for AMP.

Når det er sagt, kan noen lesere foretrekke sporingsproblemene. Hvis så, her er hva du kan gjøre for å finne ut hvem som sporer deg på nettet. 5 måter å sjekke hvem som sporer deg på nettet 5 måter å sjekke hvem som sporer deg på nettet Vil du se hvem som sporer deg online? Disse nettstedene og nettleserutvidelsene vil vise deg hvor mye Google, Facebook og andre annonsenettverk sporer aktiviteten din. Les mer

Googles Top Stories Carousel på mobile enheter vil bare ha AMP-klar innhold. Dette er et viktig faktum, siden de fleste trafikk til alt AMP-innhold kommer fra folk som søker på Google.com.

Denne AMP-favorittismen stopper ikke bare på nyhetscarusellen. Google vil også ha AMP-aktiverte nettsteder høyere enn noen andre koblinger, inkludert standard mobilvennlige nettsteder. Alt som er sagt, AMP selv er ikke teknisk en Page Rank-faktor (ennå), men hastighetsforbedringene er.

Selv om du lager AMP-sidene dine, vil de ikke alltid bli brukt avhengig av OS, apper eller enhet som brukes. Hvis du bruker Cloudflare, kan du aktivere akselererte mobilkoblinger til å identifisere og vise AMP-innhold fra nettstedet ditt på mobil, uansett kilde.

Cloudflare kan også hjelpe deg med å forbedre personvernet og ytelsen når du bruker mobilen din. Du kan nå bruke Cloudflare's 1.1.1.1 DNS på mobil Du kan nå bruke Cloudflare's 1.1.1.1 DNS på Mobile Cloudflare har lansert en mobilapp for sin 1.1.1.1 DNS-tjeneste. Dette er nå tilgjengelig for både Android og iOS. Les mer

Visualisering og design i AMP

Vi elsker oss noen fancy ser nettsteder. Imidlertid kan begrensninger av AMP få deg til å miste noen av nettstedene dine visuelle appell som du ellers kan beholde ved hjelp av Responsive websites og Mobile design.

Plugins i WordPress, for eksempel, vil tjene AMP ved å tilby en forenklet versjon av nettstedet ditt. Disse WordPress til AMP-omformere tilbyr svært liten visuell appell og er en av hovedgrunnene til at mange AMP-nettsteder ligner på samme måte.

Hvis du designer dine AMP-sider for hånd, i stedet for å bruke omformere, kan du få et design som ligner på tradisjonelt mobildesign, og mer visuelt tiltalende.

AMP har fortsatt en vei å gå, og mange utviklere er sterkt imot bruken da det tvinger dem til å gå inn i Google-økosystemet enda lenger. Dette forårsaker mange å søke etter Google-alternativer Farvel Google: De 15 beste alternativene til søk, nyheter, dokumenter og mer farvel Google: De 15 beste alternativene til søk, nyheter, dokumenter og mer Ønsker du å bytte bort fra Google for flink? Dette er de beste alternativene for alle de store Google-appene og tjenestene. Les mer .

Skal du opprette AMP-sider?

AMP gir mange fordeler for webområdeeiere, spesielt hvis du serverer høye mengder innhold daglig. Du kan imidlertid løse mange av problemene som reduserer et nettsted som overdreven bruk av JavaScript, sakte serverrespons og store filstørrelser uten å implementere AMP.

Å være smart med ditt mobile design, kan tjene ditt nettsted raskt. Jenny Gove på Google har skrevet en flott artikkel om hva som gjør et godt mobilnettsted, noe som er verdt å lese.

Det er WordPress AMP plugins og Drupal AMP plugins som kan hjelpe deg med å generere AMP innhold. Ellers er AmpProject Quickstart-dokumentene en verdifull ressurs å bruke til å håndkode AMP-sidene dine.

Hele AMPProject-nettstedet er faktisk opprettet og gjengitt i AMP, så det er et godt eksempel på hvordan disse sidene kan se i alle resolusjoner, ikke bare på mobilen.

Selv om folk har en sterk motvilje mot AMP av mange forskjellige grunner, har Stonetemple.com sett på 10 casestudier for å se forskjellen i brukerengasjement og konvertering. De konkluderer med at så lenge implementeringen av AMP er fullført, vil de fleste nettsteder, uavhengig av nisje, se fordeler.

Bunnlinjen er at du bør vurdere om kundene dine vil få fordeler fra AMP. Avhengig av tjenestene du tilbyr og innholdet du serverer, kan det ikke legges til forbedringer over mobilsider. Med riktig optimalisering kan mobilsider lastes ganske raskt også!

Slik deaktiverer du AMP

Caching er en sentral del av AMP-økosystemet, og publisering av et gyldig AMP-dokument velger automatisk det til cache-levering. Hvis du vil fjerne sidene dine, har Google skrevet en veiledning om hvordan du fjerner AMP-innhold fra Google Søk.

Hvis du vil slutte å laste AMP-sider som bruker, kan du deaktivere AMP-koblinger og laste opp de opprinnelige sidene i stedet. Slik deaktiverer du Google AMP i Google Søk på Android og iPhone. Slik deaktiverer du Google AMP i Google Søk på Android og iPhone. Google AMP har Noen fordeler, men hvis du vil deaktivere det, bør en av disse tre metodene fungere for deg. Les mer på mobilen din.

Utforsk mer om: Google AMP, mobilbrowsing, webdesign, webutvikling.