Annons

Ibland kan det vara långsammare att surfa på webben på en smartphone än en snigel som rider på en särskilt lat sköldpadda. För inte så länge sedan, den 24 februari, tog Google sitt första steg mot att påskynda webbläsarupplevelsen på mobila enheter, och det här nya initiativet kallas Accelerated Mobile Pages (AMP).

Men vad betyder det? Hur fungerar det? Kommer det verkligen att resultera i 85% snabbare webbsökning för dig? Eller är det inget annat än överhypad och överblåst marknadsföringsnonsens? Vi kommer att dela upp det åt dig och till och med visa hur du kan testa det själv.

I ett nötskal, vad är AMP?

Tillkännagavs först i oktober 2015, Google AMP Vad är Google AMP? Hur det fungerar och varför det är användbart för mobila webbplatserTa reda på hur Google AMP kan påskynda saker om mobilversionen av din webbplats är långsam eller resurstung. Läs mer är en öppen källkods HTML-ram som utvecklats av Google - tillsammans med några andra företag - som är tänkt att hjälpa utvecklare att skapa lätta sidor som körs snabbt på mobila enheter. Det är vanligt HTML men med några begränsningar och några extra funktioner.

instagram viewer

Enligt Googles test kan AMP-sidor ladda upp till 85 procent snabbare än sidor som inte är AMP på en 3G-mobilanslutning EDGE, 3G, H +, Etc: Vad är alla dessa mobilnät?Är du på det snabbaste mobilnätverket? Om inte, var faller du på spektrumet? Dessa mobila nätverkssymboler kan vara förvirrande, men oroa dig inte eftersom vi rensar upp det för dig. Läs mer . Här är Googles underhållande och informativa introduktion till hela konceptet:

Vad är bra för AMP för dig?

Som Googles video visar, frustrerar en långsam webbplats både läsare och utgivare. När du öppnar en webbplats och den inte laddas, ju längre du måste vänta, desto mer irriterad blir du. Om du väntar för länge, kommer du sannolikt att ge upp och gå vidare.

Värsta fallet slösar du på en bit av din dag och väntar på innehåll som du inte ens fick njuta av. Samtidigt fick inte förläggarna dina ögonbollar på sitt innehåll eller på de medföljande annonserna som hjälper till att betala för det gratis innehållet de försökte tjäna dig. Det är en situation utan vinst för alla inblandade.

Förläggare är desperata efter att behålla #mobil annonser utan att ilska användare har ändrats #HTML. Skåda #AMPHTML: https://t.co/VbtMUJGO9G? #JavaScript!

—? Patrick T. Lafferty? (@Proflafferty) 7 oktober 2015

Om du skulle blockera annonserna Det handlar om etik i att stjäla speljournalistik: Varför AdBlock behöver döEn enkel, gratis webbläsarplugin dödade Joystiq - och förstör Internet. Läs mer för att påskynda webbplatsens laddning, sedan du makt få innehållet, men utgivaren får inte betalt för det. I sin tur har förläggare mindre pengar för att skapa innehåll - så även om du gillar det de skriver och producerar så har de inte råd att tjäna mer. Också en no-win situation.

Googles mål med AMP är att förvandla dessa no-win-situationer till win-win-situationer. Idealt kommer inte annonser och flashiga interaktiva funktioner att bromsa din webbläsarupplevelse, vilket skulle göra dem mer smakliga. Och om ju fler annonser du ser, desto fler förlag har råd att fortsätta skapa gratis innehåll för dig att njuta av.

Hur fungerar AMP?

Ett sätt AMP påskyndar mobila surfning är hur Google cachar sidor. AMP resulterar inte bara i snabbare webbsidor, utan publicister kan också välja att Google ska cache sitt innehåll på Googles servrar. Detta skiljer sig från vanlig Google-sökning, där du klickar på en länk för att gå direkt till en annan webbplats.

Om du öppnar en AMP-länk från Google Search på en mobil enhet kommer du inte att ledas till utgivarens webbplats. Du kommer att stanna på Google. Detta är snabbare för dig eftersom Google är ess vid värd och servering av innehåll, medan de flesta webbplatser är värda på långsamma servrar. Dessutom kan webbplatser gå ner av alla typer av skäl medan Google sällan gör det.

Kort sagt är Google en pålitlig värd som har ett distribuerat nätverk med mer än 1,8 miljoner servrar, fördelat på minst 12 datacentra över Nordamerika, Europa och Asien. För alla artiklar du klickar på kan Google förmodligen ge dig en cache-kopia av den snabbare än vad utgivaren kan.

https://plus.google.com/+JamesPearn/posts/VaQu9sNxJuY

Ett annat sätt vi kan förvänta oss att sidor på mobilen är snabbare är tack vare de begränsningar AMP-platserna på HTML har. För Accelerated Mobile Pages är HTML optimerat för att begränsa webbplatsutvecklare från att använda funktioner som bromsar webbplatser. Så vad kan inte AMP-utvecklare använda?

AMP HTML tillåter inte formulär, och det tillåter inte JavaScript förutom ett speciellt Google-tillhandahållet JavaScript-bibliotek som fungerar med AMP. Det förbjuder också vissa CSS-stilar 5 Babysteg för att lära sig CSS och bli en kick-ass CSS trollkarlCSS är de enskilt viktigaste förändringswebbsidor som har sett under det senaste decenniet, och det banade vägen för separationen av stil och innehåll. På det moderna sättet definierar XHTML den semantiska strukturen ... Läs mer relaterade till animationer, vilket kan påtagligt bromsa prestandan på mobila enheter.

Utöver det kan webbplatser fortfarande vara helt utformade med alla andra CSS-stilar, vilket gör att webbplatser kan visa upp rika medier, till exempel foton och videor, som de alltid har gjort fram till denna punkt.

Vissa HTML-element ändras dock som HTML-bildtaggen som ändras från till . Detta är viktigt eftersom AMP-bilder laddas efter allt annat, vilket innebär att tittarna inte behöver vänta på att ladda bilder innan de kan börja läsa huvudinnehållet.

Är AMP värt Hype?

Vissa människor är oroliga för att AMP kommer att bli mycket arbete som resulterar i liten eller ingen vinst. Andra skyller på webbplatsägare för långsamma webbplatser och långa laddningstider snarare än själva HTML-koden.

Visst är det beundransvärt att göra sidor snabbare, men HTML är i sig inte långsamt: människor som missbrukar det är. AMP verkar vara ett slöseri med tid.

- Phillip Caudell (@phillipcaudell) 16 februari 2016

Kanske denna kritik är legitim, men jag försökte följande AMP-demo och fann att den gör det ladda blixtar snabbt, så jag är benägen att tänka att det kommer att vara värt för vissa utgivare i själva verket minst. Men ta inte mitt ord för det. Du kan prova demomen själv! Allt du behöver är en mobil enhet.

AMP-demonstrationsinstruktioner

Gå till http://g.co/ampdemo på en mobil enhet och leta efter allt du gillar (men för att verkligen känna effekterna, prova att söka efter populära media eller något i nyheterna). Jag försökte personligen det med en sökning efter “Game of Thrones”.

ampdemo-1

Rulla tills du hittar en länk (antagligen i en karusellmodul ovanför de vanliga blå länkarna) märkta med ”AMP” och en blixtbultikon. Klicka på det. Då kan du också svepa åt vänster för att omedelbart komma åt fler AMP-artiklar från sökresultaten som Google cache-lagrade.

amp-html-google-cache

Det du ser i GIF ovan är AMP HTML-artiklar, som är grundläggande och inte för pråliga. Titta också på webbadressen: det är www.google.ca för varje artikel. Eftersom jag valde en AMP HTML-länk från Googles sökning är dessa cachade kopior värd på Googles servrar.

Har AMP några brister?

En av de största nackdelarna med AMP är att det begränsar JavaScript-användningen. Webbplatser behöver JavaScript för alla typer av saker, till exempel spåra läsare 4 Till synes oskyldiga aktiviteter på nätet som spårar ditt beteende Läs mer och leverera interaktiva upplevelser, som de inte kommer att kunna göra så enkelt inom AMP HTML-ramverket.

Om du är en person som är berörd av sekretess och föredrar webbplatserna spåra inte ditt beteende Känner du som att någon tittar på dig? 5 verktyg för att upptäcka och blockera spårningMänniskor spårar vilka webbplatser du besöker, om du öppnar deras e-post och mer - men du kan stoppa dem. Här är hur. Läs mer medan du bläddrar, kan du till och med se AMP: s begränsning av JavaScript som en välkommen funktion.

Men om du är en webbutvecklare eller designer och du värderar informationen du får från saker som analytics tracking, så kommer AMP HTML att göra ditt jobb svårare.

Det kommer också att ta tid för team som arbetar med AMP att integrera funktioner som bildkaruseller, kartor, sociala plug-ins, datavisualiseringar och videor. Det kan ta en stund innan webbplatser som använder sig av dessa funktioner kommer att kunna dra fördel av AMP, vilket kommer att bromsa AMP-antagningsgraden.

Varför AMP verkligen är frågor

AMP HTML är på väg att göra webben snabbare på din telefon! Detta är bra eftersom vi alla vet att långsam Internet kan vara lite mer frustrerande än inget Internet alls.

Att påskynda mobila webbplatser tar också bort ett ofta citerat skäl för användare att blockera annonser, vilket är bra för innehållsskapare. Googles sökrankningar tar också hänsyn till sidhastighetshastigheter, så webbplatser som använder AMP kan se ett ökat resultat i sökmotorerna.

Om du är lära sig HTML och CSS Lär dig HTML och CSS med dessa steg för steg-tutorialsÄr du nyfiken på HTML, CSS och JavaScript? Om du tror att du har en skicklighet för att lära dig att skapa webbplatser från grunden - här är några bra steg-för-steg-tutorials som är värda att prova. Läs mer för webbutveckling redan kan du lära sig AMP på AMP-projektet hemsida. Om du vill påskynda din webbplats men inte är redo att konvertera till AMP, eller bara vill att den ska vara snabbare i allmänhet, kolla in dessa onlineverktyg för att göra din webbplats snabbare 10 gratis onlineverktyg för att testa din webbplats Laddar hastigheter och skapa snabbare webbsidorAtt skapa snabbare webbsidor är ett av buden för bra webbdesign. Det första steget du kan ta för att optimera din webbplats är att sätta den genom ett hastighetstest. Dessa tio verktyg är få ... Läs mer .

Över 30 förlag - inklusive webbplatser som Facebook, New York Times, Buzzfeed, BBC och Huffington Post - har redan integrerat AMP HTML och fler förväntas följa under månaderna till komma. Har du märkt några skillnader? Överväg att byta till snabbaste mobilwebbläsaren Vad är den snabbaste Android-webbläsaren? 7 bästa appar rankadeMed så många Android-webbläsare tillgängliga, vilka är de snabbaste? Här är de bästa webbläsarapparna på Android. Läs mer för ännu snabbare hastigheter.

Har du märkt att mobila webbplatser laddas snabbare än vanligt nyligen? Finns det några utgivare som du fortfarande är notoriskt långsamma som kan använda en förändring?

Vancouver-baserad ambitiös kommunikationsproffs, som ger en streck teknik och design till allt jag gör. BA från Simon Fraser University.