Annonse

Noen ganger kan det være tregere å surfe på nettet på en smarttelefon enn en snegl som kjører på en spesielt lat skilpadde. For ikke lenge siden, 24. februar, tok Google sitt første skritt mot å få fart på nettleseropplevelsen på mobile enheter, og dette nye initiativet kalles AMP (Accelerated Mobile Pages).

Men hva betyr det? Hvordan virker det? Vil det virkelig resultere i 85% raskere nettlesing for deg? Eller er det ikke noe mer enn overhypet og overdreven markedsføringsnøanse? Vi vil dele det ned for deg og til og med vise deg hvordan du kan teste det ut selv.

Hva er AMP i et nøtteskall?

Først kunngjort tilbake i oktober 2015, Google AMP Hva er Google AMP? Hvordan det fungerer og hvorfor det er nyttig for mobile nettstederFinn ut hvordan Google AMP kan få fart på ting hvis mobilversjonen av nettstedet ditt er tregt eller ressurstungt. Les mer er et open source HTML-rammeverk utviklet av Google - sammen med noen få andre selskaper - som er ment å hjelpe utviklere med å lage lette sider som kjører raskt på mobile enheter. Det er vanlig HTML, men med noen få begrensninger og noen få ekstra funksjoner.

I følge Googles tester kan AMP-sider laste opptil 85 prosent raskere enn sider som ikke er AMP på en 3G-mobilforbindelse EDGE, 3G, H +, Etc: Hva er alle disse mobilnettverk?Er du på det raskeste mobilnettet? Hvis ikke, hvor faller du på spekteret? Disse mobilnettverkssymbolene kan være forvirrende, men ikke bekymre deg fordi vi rydder opp for deg. Les mer . Her er Googles morsomme og informative introduksjon til hele konseptet:

Hva bra er AMP for deg?

Som Googles video viser, frustrerer et tregt nettsted både lesere og utgivere. Når du åpner et nettsted og det ikke lastes, jo lenger du må vente, jo mer irritert blir du. Hvis du venter for lenge, vil du sannsynligvis gi opp og gå videre.

I verste fall kaster du bort en del av dagen din og venter på innhold du ikke engang fikk glede av. I mellomtiden fikk ikke utgiverne øynene på innholdet sitt eller på de medfølgende annonsene som hjelper til med å betale for gratis innholdet de prøvde å tjene deg. Det er en no-win situasjon for alle involverte.

Forlagene er desperate etter å beholde #mobil annonser uten brukerne har blitt endret #HTML. Se #AMPHTML: https://t.co/VbtMUJGO9G? #JavaScript!

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

Hvis du skulle sperre annonsene Det handler om etikk i å stjele spilljournalistikk: Hvorfor AdBlock trenger å døEn enkel, gratis nettleserplugin drepte Joystiq - og ødelegger Internett. Les mer for å øke hastigheten på nettstedets lasting, så du kanskje få innholdet, men utgiveren vil ikke få betalt for det. Forlagene har på sin side mindre penger på å lage innhold - så selv om du liker det de skriver og produserer, har de ikke råd til å tjene mer. Også en no-win situasjon.

Googles mål med AMP er å gjøre disse no-win situasjonene til win-win situasjoner. Ideelt sett vil ikke annonser og prangende interaktive funksjoner bremse nettleseropplevelsen din, noe som bør gjøre dem mer smaklige. Og hvis jo flere annonser du ser, desto flere har utgivere råd til å fortsette å lage gratis innhold for deg å glede deg over.

Hvordan fungerer AMP?

En måte AMP vil øke hastigheten på mobilen er i hvordan Google lagrer sider. AMP resulterer ikke bare i raskere nettsider, men utgivere kan også velge å la Google buffer innholdet sitt på Googles servere. Dette er forskjellig fra vanlig Google-søk, der du klikker på en lenke for å gå direkte til et annet nettsted.

Hvis du åpner en AMP-kobling fra Google Søk på en mobilenhet, blir du ikke sendt til utgiverens nettsted. Du blir værende på Google. Dette er raskere for deg fordi Google er ess på hosting og servering av innhold, mens de fleste nettsteder er vert på langsomme servere. I tillegg kan nettsteder gå ned av alle slags grunner mens Google sjelden gjør det.

Kort sagt, Google er en pålitelig vert som har et distribuert nettverk på mer enn 1,8 millioner servere, fordelt på minst 12 datasentre over Nord-Amerika, Europa og Asia. For enhver artikkel du klikker på, kan Google sannsynligvis gi deg en hurtigbufret kopi av den raskere enn utgiveren kan.

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

En annen måte vi kan forvente at sider på mobil skal være raskere er takket være de begrensningene AMP plasserer på HTML. For akselererte mobilsider er HTML optimalisert for å begrense nettstedutviklere fra å bruke funksjoner som bremser nettsteder. Så hva kan ikke AMP-utviklere bruke?

AMP HTML tillater ikke skjemaer, og det tillater ikke JavaScript bortsett fra ett spesielt Google-levert JavaScript-bibliotek som fungerer med AMP. Det forbyr også visse CSS-stiler 5 Babytrinn for å lære CSS og bli en Kick-Ass CSS trollmannCSS er de viktigste endringssidene som har sett det siste tiåret, og det banet vei for atskillelse av stil og innhold. På den moderne måten definerer XHTML den semantiske strukturen ... Les mer relatert til animasjoner, som kan redusere ytelsen på mobile enheter alvorlig.

Annet enn det, kan nettsteder fremdeles være fullstendig utformet med alle andre CSS-stiler, som lar nettsteder vise frem rike medier, for eksempel bilder og videoer, slik de alltid har gjort frem til dette tidspunktet.

Noen HTML-elementer endres, men som HTML-bildekoden som er endret fra til . Dette er viktig fordi AMP-bilder lastes etter alt annet, noe som betyr at seerne ikke trenger å vente på å laste bilder før de kan begynne å lese hovedinnholdet.

Er AMP verdt hypen?

Noen mennesker er opptatt av at AMP vil ende opp med å bli mye arbeid som resulterer i liten eller ingen gevinst. Andre klandrer eiere for tregt nettsted og lange lastetider i stedet for selve HTML.

Visst er det beundringsverdig å lage sider raskere, men HTML er ikke iboende treg: folk misbruker det. AMP virker som bortkastet tid.

- Phillip Caudell (@phillipcaudell) 16. februar 2016

Kanskje kritikken er legitim, men jeg prøvde følgende AMP-demo og fant ut at den gjør det laste lynet raskt, så jeg er tilbøyelig til å tro at det vil være verdt for noen utgivere i det hele tatt minst. Men ikke ta mitt ord for det. Du kan prøve demoen selv! Alt du trenger er en mobil enhet.

AMP-demonstrasjonsinstruksjoner

Gå til http://g.co/ampdemo på en mobil enhet og søk etter hva du vil (men for virkelig å føle effektene, kan du prøve å søke etter populære medier eller noe i nyhetene). Jeg personlig prøvde det med et søk etter “Game of Thrones”.

ampdemo-1

Bla til du finner en lenke (sannsynligvis i en karusellmodul over de vanlige blå lenker) merket med "AMP" og et lynikon. Klikk på den. Deretter vil du også kunne sveipe til venstre for å øyeblikkelig få tilgang til flere AMP-artikler fra søkeresultatene som Google lagret.

amp-html-google-cache

Det du ser i GIF ovenfor er AMP HTML-artikler, som er grunnleggende og ikke for prangende. Ta også en titt på nettadressen: det er www.google.ca for hver artikkel. Siden jeg valgte en AMP HTML-kobling fra Googles søk, er dette hurtigbufrede kopier som er vert på Googles servere.

Har AMP noen feil?

En av de største ulempene med AMP er at det begrenser JavaScript-bruken. Nettsteder trenger JavaScript for alle slags ting, for eksempel spore lesere 4 Tilsynelatende uskyldige aktiviteter på nettet som sporer din oppførsel Les mer og levere interaktive opplevelser, som de ikke vil kunne gjøre like enkelt innenfor AMP HTML-rammen.

Hvis du er en bruker som er bekymret for personvern og foretrekker nettsteder ikke spore oppførselen din Føler du at noen ser på deg? 5 Verktøy for å oppdage og blokkere sporingFolk sporer hvilke nettsteder du besøker, om du åpner e-posten deres og mer - men du kan stoppe dem. Dette er hvordan. Les mer mens du blar gjennom, kan du til og med se AMPs begrensning av JavaScript som en velkommen funksjon.

Men hvis du er en webutvikler eller designer og verdsetter informasjonen du får fra ting som analytics tracking, så vil AMP HTML gjøre jobben din vanskeligere.

Det vil også ta tid for teamene som jobber med AMP å integrere funksjoner som bildekaruseller, kart, sosiale plugins, datavisualiseringer og videoer. Det kan ta en stund før nettsteder som bruker mye av disse funksjonene, vil kunne dra nytte av AMP, noe som vil bremse AMP-adopsjonsraten.

Hvorfor AMP virkelig spørsmål

AMP HTML er i ferd med å gjøre nettet raskere på telefonen! Dette er en god ting fordi vi alle vet at tregt Internett kan være litt mer frustrerende enn ikke noe Internett i det hele tatt.

Å få fart på mobilnettsteder fjerner også en ofte nevnte grunn for brukere å blokkere annonser, noe som er bra for innholdsskapere. Googles søkerangeringer tar også hensyn til lastehastigheter for sider, slik at nettsteder som bruker AMP kunne se et løft i rangeringen på søkemotorer.

Hvis du er lære HTML og CSS Lær HTML og CSS med disse trinnvise tutorialsEr du nysgjerrig på HTML, CSS og JavaScript? Hvis du tror at du har en evne til å lære å lage nettsteder fra bunnen av - her er noen gode trinnvise tutorials som er verdt å prøve. Les mer for nettutvikling allerede, kan du lære AMP på AMP-prosjektet nettside. Hvis du vil øke hastigheten på nettstedet ditt, men ikke er klar til å konvertere til AMP, eller bare vil at det skal være raskere generelt, sjekk ut disse online verktøy for å gjøre nettstedet ditt raskere 10 gratis online verktøy for å teste nettstedet ditt Laster hastigheter og opprette raskere nettsiderÅ lage raskere nettsider er et av budene til flott webdesign. Det første trinnet du kan ta for å optimalisere nettstedet ditt, er å sette den gjennom en hastighetstest. Disse ti verktøyene er få ... Les mer .

Over 30 utgivere - inkludert nettsteder som Facebook, New York Times, Buzzfeed, BBC og the Huffington Post - har allerede integrert AMP HTML og flere forventes å følge i løpet av månedene til komme. Har du lagt merke til noen forskjeller? Vurder å bytte til raskeste mobilnettleser Hva er den raskeste Android-nettleseren? 7 Topp-apper rangertMed så mange Android-nettlesere tilgjengelig, hvilke er raskest? Her er de beste nettleserappene på Android. Les mer for enda raskere hastigheter.

Har du lagt merke til at mobilnettsteder lastes raskere enn vanlig i det siste? Er det noen utgivere du synes er notorisk treg som kan bruke en endring?

Vancouver-basert håpefull kommunikasjonsprofesjonell, og bringer en smule teknologi og design til alt jeg gjør. BA fra Simon Fraser University.