Bekymret for, at den mobile version af dit websted er langsomt eller ressourcetungt?  Find ud af, hvordan Google AMP kan fremskynde tingene.

Hvad er Google AMP? Sådan fungerer det, og hvorfor det er nyttigt til mobilwebsteder

Reklame AMP, eller Accelerated Mobile Pages, er et open source-projekt oprettet af Google med det formål at lette en jævnere browseroplevelse til mobile enheder. Projektet lover højere ydelse, øget engagement og mindre dataforbrug, der er til gavn for både brugere og udgivere. Hvordan fungerer AMP? Sid

Reklame

AMP, eller Accelerated Mobile Pages, er et open source-projekt oprettet af Google med det formål at lette en jævnere browseroplevelse til mobile enheder.

Projektet lover højere ydelse, øget engagement og mindre dataforbrug, der er til gavn for både brugere og udgivere.

Hvordan fungerer AMP?

Sidehastighed blev en rangeringsfaktor for mobile sider i juli i år (2018), og AMP er her for at tilfredsstille dit websteds behov for hastighed. Faktisk lover AMP at gøre mobile browsing op til 85% hurtigere.

Gennem en kombination af optimeringer og begrænsninger for HTML, JavaScript og CSS; AMP-sider indlæses næsten øjeblikkeligt. I stedet for forfatterskrevet JavaScript sikrer AMP-specifikke elementer hastighed og kompatibilitet.

Sidehastighed forbedres også med prioritering over skillelinjen, specifikke AMP-cacher og forhåndsvisning. Derudover tilføjer brug af små filer og medier og få ressourceanmodninger fra serveren yderligere hastighedsforbedringer.

Optimeringerne i AMP sikrer også, at layoutet på dine sider altid indlæses korrekt, også før billeder og iframes (for annoncer) indlæses.

Dette gøres ved at specificere størrelsen på billeder og iframes i HTML-dokumentet (kaldet “statisk layout”). Og grundlæggende stopper indholdet med at bevæge sig rundt for at passe til ressourcerne, når de indlæses.

Hvad er AMP-cache?

Hvis du udgiver et gyldigt AMP-websted, cacheres dine sider automatisk som en del af AMP-økosystemet. Cachen gemmer dine AMP-dokumenter, skrifttyper og billeder.

Der er to AMP-cacher, der bruges i dag, Googles AMP-cache og Cloudflares AMP-cache. Cloudflares servere alene dækker 102 placeringer i 50 forskellige lande.

Cachen opdateres, hver gang nogen får adgang til indhold, og det opdaterede indhold serveres automatisk til den næste bruger. Dette sikrer, at den seneste version hurtigt serveres til så mange mennesker som muligt.

Ud over at cache indholdet vil cache-serveren også give nogle optimeringer og ændringer, såsom:

  • Validering af AMP-format.
  • Begrænsning af billeddimensioner for at forhindre browserhukommelsesproblemer og dårlig lydhørhed.
  • Fjernelse af billeddata, der er usynlige eller vanskelige at se, f.eks. Visse metadata.
  • Konvertering af billeder til mindre og mere mobilvenlige billedformater, såsom konvertering af GIF-, PNG- og JPEG-format til WebP (hvad er WebP? Introduktion af Googles WebP, et hurtigere webalternativ til JPEG Introduktion af Googles WebP, et hurtigere webalternativ til JPEG Google har påtaget sig at gøre internettet hurtigere. Læs mere) i browsere, der understøtter WebP.
  • Transformering af billeder til lavere kvalitet, hvis anmodningen indeholder Gem-datahovedet.
  • Tilføjer support til billeder med responsstørrelse.
  • Serveres via en sikker kanal (HTTPS) og bruger de nyeste webprotokoller (SPDY, HTTP / 2).
  • Sanitiserer AMP-dokumenter for at forhindre XSS-angreb baseret på forkert lukkede HTML-tags, kommentarer og mere.

Ud over disse optimeringer afslutter cachen også mange HTML-saneringsprocesser for at normalisere parsing.

En komplet liste over AMP-cacheoptimeringer er tilgængelig på Google Developers-sider.

Hvad er de faktiske fordele ved AMP?

Hastighed er AMPs største attraktion. Og det er derfor, mange udgivere som Google, Facebook, Baidu, Pinterest og Twitter allerede har brugt teknologien. Den forbedrede hastighed tilføjer engagement og sænker afvisningsrater næsten overalt.

AMP er især nyttigt i områder med lav mobil internetdækning eller på overbelastede og langsomme offentlige netværk som lufthavne og kaffebarer Sådan finder du falske "onde tvilling" offentlige Wi-Fi-netværk kørt af hackere Sådan finder du falske "onde tvilling" offentlige Wi -FI-netværk kørt af hackere Ikke hvert Wi-Fi-netværk, du får adgang til, er sikkert. Nogle af dem er måske endda falske. Læs videre for at lære om Rogue APs og Evil Twins. Læs mere . Og det er derfor, indhold indlæses så hurtigt i deres apps, når regelmæssig browsing er langsom.

Forskning udført i en Forrester Consulting Total Economic Impact-undersøgelse (bestilt af Google) sidste år fandt, at:

”AMP fører til en 10% stigning i webstedstrafik med en 2x stigning i tidsforbrug på siden. For e-handelswebsteder, der bruger AMP, fandt undersøgelsen også en 20% stigning i salgskonverteringer sammenlignet med sider, der ikke var AMP. ”

Googles Top Stories Carousel på mobil bruger kun Googles AMP-cache til at vise artikler, så for mange udgivere bør brug af AMP være et automatisk valg.

New York Times, eBay og AliExpress er gode eksempler til at tjekke, der har draget fordel af AMP. Hvis du klikker på indhold fra disse sider (markeret med et forstærkerikon) i Google-søgning på din mobil, indlæser du AMP-versionen af ​​deres sider.

AMP-historier

En tilføjelse til AMP-økosystemet tidligere på året var AMP-historien. Tilsvarende Snapchat-historier Sådan bruges Snapchat: En komplet begyndervejledning Sådan bruges Snapchat: En komplet begynderguide Snapchat er populær, men et overraskende antal mennesker ved ikke, hvordan man bruger det korrekt. Denne artikel hjælper dig med at omdanne dig fra en novice til en ekspert. Læs mere, disse er allerede i brug af mange udgivere. Gode ​​eksempler inkluderer CNNs historie om missioner, der stadig udforsker vores solsystem, og Mashables vigtige guide til Black Panther.

AMP Story Ads, en tilføjelse til historiefunktionen, blev for nylig gjort tilgængelig for alle websteder, der bruger Google Ad Manager. Dette er fuldskærmsannoncer, der vises i AMP-historier, og er en af ​​de mange forbedringer, der har gjort AMP meget mere nyttig end endda for et år siden.

Hvad er ulemperne ved AMP?

Google mobil søgning
Billedkredit: DepositPhotos

Hvis du bruger Google, Twitter, Pinterest, Messenger osv., Vil du bemærke, at eksterne links åbnes inden for selve domænet i stedet for det domæne, det er knyttet til.

Selvom AMP-fremviseren forbedrer browservirksomheden for brugere, kan det være negativt for webstedsejere. Det tager væk fra din magt til at kontrollere besøgendes navigation gennem dit websted.

Dette kan berøve dit websted med sidevisninger og kan forstyrre din annonceindtægt. Der er endda nogle analyser og sporingsproblemer, der kan være vanskelige at løse, medmindre du bruger Google Analytics til AMP.

Når det er sagt, foretrækker nogle læsere muligvis sporingsvanskelighederne. I så fald er det her, du kan gøre for at finde ud af, hvem der sporer dig online. 5 måder at kontrollere, hvem der sporer dig online 5 måder at kontrollere, hvem der sporer dig online Vil du se, hvem der sporer dig online? Disse websteder og browserudvidelser viser dig, hvor meget Google, Facebook og andre annoncenetværk sporer din aktivitet. Læs mere

Googles karriere på tophistorier på mobilenheder indeholder kun AMP-indhold. Dette er en vigtig kendsgerning, da størstedelen af ​​trafikken til alt AMP-indhold kommer fra folk, der søger på Google.com.

Denne AMP-favoritisme stopper ikke bare ved nyhedskarusellen. Google vil også indeholde AMP-aktiverede websteder højere end nogen andre links, inklusive almindelige mobilvenlige websteder. Alt det sagt, AMP i sig selv er ikke teknisk en Page Rank-faktor (endnu), men hastighedsforbedringerne er.

Cloudflare kan forbedre dine accelererede mobile sider

Selv hvis du gør dine AMP-sider tilgængelige, bruges de ikke altid afhængigt af det operativsystem, apps eller den anvendte enhed. Hvis du bruger Cloudflare, kan du aktivere Accelerated Mobile Links til at identificere og vise AMP-indhold fra dit websted på mobil, uanset kilden.

Cloudflare kan også hjælpe dig med at forbedre dit privatliv og ydeevne, når du bruger din mobil. Du kan nu bruge Cloudflares 1.1.1.1 DNS på mobil Du kan nu bruge Cloudflare's 1.1.1.1 DNS på mobil Cloudflare har lanceret en mobilapp til sin 1.1.1.1 DNS-service. Dette er nu tilgængeligt for både Android og iOS. Læs mere

Visualisering og design i AMP

Vi elsker os selv nogle smarte sider. Imidlertid kan begrænsninger af AMP få dig til at miste nogle af dine visuelle appel til dine websteder, som du ellers kan beholde ved hjælp af Responsive websteder og mobildesign.

Plugins i WordPress, for eksempel, tjener AMP ved at tilbyde en forenklet version af dit websted. Disse WordPress til AMP-konvertere tilbyder meget lidt visuel appel og er en af ​​de vigtigste grunde til, at mange AMP-websteder ser ens ud.

Hvis du designer dine AMP-sider i hånden i stedet for at bruge konvertere, kan du få et design, der ligner traditionelt mobildesign og mere visuelt tiltalende.

AMP har stadig en vej at gå, og mange udviklere er stærkt imod brugen, da det tvinger dem til at gå ind i Googles økosystem endnu længere. Dette får mange til at søge efter Google-alternativer Farvel Google: De 15 bedste alternativer til søgning, nyheder, dokumenter og mere farvel til Google: De 15 bedste alternativer til søgning, nyheder, dokumenter og mere Ønsker du at skifte væk fra Google for godt? Dette er de bedste alternativer til alle de store Google-apps og -tjenester. Læs mere .

Bør du oprette AMP-sider?

AMP bringer mange fordele for webstedsejere, især hvis du dagligt serverer store mængder indhold. Du kan dog løse mange af de problemer, der bremser et websted som overdreven brug af JavaScript, langsom serverrespons og store filstørrelser uden at implementere AMP.

At være smart med dit mobildesign kan tjene dit websted hurtigt. Jenny Gove hos Google har skrevet en god artikel om What Makes a Good Mobile Site, som er værd at læse.

Der er WordPress AMP-plugins og Drupal AMP-plugins, der kan hjælpe dig med at generere AMP-indhold. Ellers er AmpProject-hurtigstartdokumenter en værdifuld ressource, der skal bruges til at håndkode dine AMP-sider.

Hele AMPProject-webstedet er faktisk oprettet og gengivet i AMP, så det er et godt eksempel på, hvordan disse sider kan se ud i alle opløsninger, ikke kun på mobil.

Selvom folk af mange forskellige grunde ikke kan lide AMP, har Stonetemple.com kigget på 10 casestudier for at se forskellen i brugerengagement og konvertering. De konkluderer, at så længe AMP-implementeringen udføres fuldstændigt, vil de fleste websteder, uanset deres niche, se fordele.

Hovedpunkterne er, at du skal overveje, om dine kunder får fordele fra AMP. Afhængigt af de tjenester, du tilbyder, og det indhold, du leverer, tilføjer det muligvis ikke forbedringer i forhold til mobilsider. Med korrekt optimering kan mobile sider også indlæses ret hurtigt!

Sådan deaktiveres AMP

Cache er en kerne del af AMP-økosystemet, og publicering af et gyldigt AMP-dokument åbner det automatisk til cache-levering. Hvis du vil fjerne dine sider, har Google skrevet en guide til, hvordan du fjerner AMP-indhold fra Google Søgning.

Hvis du vil stoppe med at indlæse AMP-sider som bruger, kan du deaktivere AMP-links og indlæse de originale sider i stedet Sådan deaktiveres Google AMP i Google Søgning på Android og iPhone Sådan deaktiveres Google AMP i Google Søgning på Android og iPhone. Google AMP har nogle fordele, men hvis du vil deaktivere det, bør en af ​​disse tre metoder fungere for dig. Læs mere på din mobil.

Udforsk mere om: Google AMP, Mobil browsing, Web Design, Webudvikling.