Google staat op het punt mobiel browsen tot 85% sneller te maken

Advertentie

Soms kan surfen op het web op een smartphone langzamer zijn dan een slak die op een bijzonder luie schildpad rijdt. Niet zo lang geleden, op 24 februari, zette Google de eerste stap om de surfervaring op mobiele apparaten te versnellen, en dit nieuwe initiatief heet Accelerated Mobile Pages (AMP).

Maar wat betekent dat dan? Hoe werkt het? Zal het echt voor u resulteren in 85% sneller surfen op het web? Of is het niets meer dan overhyped en overdreven marketingonzin? We zullen het voor u opsplitsen en u zelfs laten zien hoe u het zelf kunt testen.

Wat is AMP in een notendop?

Voor het eerst aangekondigd in oktober 2015, Google AMP Wat is Google AMP? Hoe het werkt en waarom het nuttig is voor mobiele sitesOntdek hoe Google AMP de zaken kan versnellen als de mobiele versie van uw website traag of zwaar is. Lees verder is een open-source HTML-framework ontwikkeld door Google - samen met een paar andere bedrijven - dat bedoeld is om ontwikkelaars te helpen lichtgewicht pagina's te maken die snel op mobiele apparaten worden uitgevoerd. Het is gewone HTML, maar met een paar beperkingen en een paar extra functies.

Volgens tests van Google kunnen AMP-pagina's tot 85 procent sneller laden dan niet-AMP-pagina's op een 3G mobiele verbinding EDGE, 3G, H +, Etc: wat zijn al deze mobiele netwerken?Zit je op het snelste mobiele netwerk? Zo niet, waar val je dan in het spectrum? Deze symbolen voor mobiele netwerken kunnen verwarrend zijn, maar maak je geen zorgen, want we zullen het voor je opruimen. Lees verder . Hier is de amusante en informatieve introductie van Google over het hele concept:

Wat heb je aan AMP?

Zoals de video van Google laat zien, frustreert een trage website zowel lezers als uitgevers. Wanneer u een site opent en deze wordt niet geladen, wordt u langer geïrriteerd als u langer moet wachten. Als je te lang wacht, geef je het waarschijnlijk op en ga je verder.

In het ergste geval verspil je een deel van je dag aan het wachten op inhoud waar je niet eens van kon genieten. Ondertussen kregen uitgevers uw ogen niet open voor hun inhoud of voor de bijbehorende advertenties die helpen betalen voor de gratis inhoud die ze probeerden te bieden. Het is een win-win situatie voor alle betrokkenen.

Uitgevers die wanhopig willen houden #mobiel advertenties zonder woedende gebruikers hebben aangepast #HTML. Zie #AMPHTML: https://t.co/VbtMUJGO9G? #JavaScript!

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

Als u de advertenties zou blokkeren Het gaat over ethiek in het stelen van games Journalistiek: waarom AdBlock moet stervenEen eenvoudige, gratis browser plug-in heeft Joystiq gedood - en verpest het internet. Lees verder om het laden van de website te versnellen, en dan jij macht de inhoud ophalen, maar de uitgever wordt er niet voor betaald. Uitgevers hebben op hun beurt minder geld om inhoud te maken, dus zelfs als u houdt van wat ze schrijven en produceren, kunnen ze het zich niet veroorloven meer te maken. Ook een no-win situatie.

Het doel van Google met AMP is om van die niet-win-situaties een win-win-situatie te maken. In het ideale geval zullen advertenties en flitsende interactieve functies uw surfervaring op het web niet vertragen, wat ze smakelijker zou moeten maken. En als u meer advertenties ziet, kunnen meer uitgevers het zich veroorloven om gratis inhoud te blijven maken waar u van kunt genieten.

Hoe werkt AMP?

Een manier waarop AMP mobiel browsen versnelt, is in de manier waarop Google pagina's in het cachegeheugen opslaat. AMP resulteert niet alleen in snellere webpagina's, maar uitgevers kunnen er ook voor kiezen om Google hun inhoud op de servers van Google te laten cachen. Dit is anders dan bij normaal Google Zoeken, waarbij je op een link klikt om direct naar een andere website te gaan.

Als u op een mobiel apparaat een AMP-link van Google Zoeken opent, wordt u niet doorverwezen naar de website van de uitgever. Je blijft op Google. Dit is sneller voor u omdat Google een groot succes is in het hosten en weergeven van inhoud, terwijl de meeste websites op trage servers worden gehost. Bovendien kunnen websites om allerlei redenen uitvallen, terwijl Google dat zelden doet.

Kortom, Google is een betrouwbare host met een gedistribueerd netwerk van meer dan 1,8 miljoen servers, verdeeld over minstens 12 datacenters in Noord-Amerika, Europa en Azië. Voor elk artikel waarop u klikt, kan Google u waarschijnlijk sneller een gecachte kopie ervan bezorgen dan de uitgever.

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

Een andere manier waarop we kunnen verwachten dat pagina's op mobiel sneller zijn, is dankzij de beperkingen die AMP op HTML plaatst. Voor versnelde mobiele pagina's is HTML geoptimaliseerd om te voorkomen dat website-ontwikkelaars functies gebruiken die websites vertragen. Dus wat kunnen AMP-ontwikkelaars niet gebruiken?

AMP HTML staat geen formulieren toe en JavaScript is niet toegestaan, behalve één speciale door Google geleverde JavaScript-bibliotheek die wel werkt met AMP. Het verbiedt ook bepaalde CSS-stijlen 5 Babystappen om CSS te leren en een Kick-Ass CSS Sorcerer te wordenCSS is de belangrijkste verandering die webpagina's in het afgelopen decennium hebben gezien en heeft de weg vrijgemaakt voor de scheiding van stijl en inhoud. Op de moderne manier definieert XHTML de semantische structuur ... Lees verder gerelateerd aan animaties, die de prestaties op mobiele apparaten ernstig kunnen vertragen.

Afgezien daarvan kunnen websites nog steeds volledig worden gestileerd met alle andere CSS-stijlen, waardoor sites rijke media, zoals foto's en video's, kunnen presenteren, zoals ze tot nu toe altijd hebben gedaan.

Sommige HTML-elementen zijn echter gewijzigd, zoals de HTML-afbeeldingstag die is gewijzigd naar . Dit is belangrijk omdat AMP-afbeeldingen na al het andere worden geladen, wat betekent dat kijkers niet hoeven te wachten op het laden van afbeeldingen voordat ze de hoofdinhoud kunnen lezen.

Is AMP de hype waard?

Sommige mensen zijn bezorgd dat AMP uiteindelijk veel werk zal zijn dat weinig tot geen winst oplevert. Anderen geven website-eigenaren de schuld van trage websites en lange laadtijden in plaats van de HTML zelf.

Natuurlijk is het bewonderenswaardig om pagina's sneller te maken, maar HTML is niet inherent traag: mensen die het misbruiken wel. AMP lijkt tijdverspilling.

- Phillip Caudell (@phillipcaudell) 16 februari 2016

Misschien zijn die kritiek legitiem, maar ik probeerde de volgende AMP-demo en ontdekte dat dit zo is razendsnel laden, dus ik ben geneigd te denken dat het voor sommige uitgevers helemaal de moeite waard is minst. Maar geloof me niet op mijn woord. Je kunt de demo zelf proberen! Het enige wat je nodig hebt is een mobiel apparaat.

AMP Demo-instructies

Ga naar http://g.co/ampdemo op een mobiel apparaat en zoek naar alles wat je leuk vindt (maar om de effecten echt te voelen, zoek je naar populaire media of zoiets in het nieuws). Ik heb het persoonlijk geprobeerd met een zoekopdracht naar "Game of Thrones".

Scroll totdat je een link vindt (waarschijnlijk in een carrouselmodule boven de gewone blauwe links) met de tag "AMP" en een bliksemschichtpictogram. Klik erop. Vervolgens kun je ook naar links vegen om direct toegang te krijgen tot meer AMP-artikelen uit de zoekresultaten die Google in de cache heeft opgeslagen.

Wat je in de GIF hierboven ziet, zijn AMP HTML-artikelen, die eenvoudig en niet te flitsend zijn. Bekijk ook de URL: het is www.google.ca voor elk artikel. Aangezien ik een AMP HTML-link heb geselecteerd uit de zoekopdracht van Google, zijn dit gecachte kopieën die worden gehost op de servers van Google.

Heeft AMP gebreken?

Een van de grootste nadelen van AMP is dat het JavaScript-gebruik beperkt. Websites hebben JavaScript nodig voor allerlei dingen, zoals lezers volgen 4 Ogenschijnlijk onschuldige online activiteiten die uw gedrag volgen Lees verder en het leveren van interactieve ervaringen, wat ze niet zo gemakkelijk kunnen doen binnen het AMP HTML-framework.

Als u een privacygerelateerde gebruiker bent en de voorkeur geeft aan die websites volg je gedrag niet Voel je alsof iemand naar je kijkt? 5 tools voor het detecteren en blokkeren van trackingMensen volgen welke websites u bezoekt, of u hun e-mail opent en meer, maar u kunt ze stoppen. Hier is hoe. Lees verder tijdens het browsen, ziet u mogelijk zelfs de beperking van JavaScript door AMP als een welkome functie.

Maar als u een webontwikkelaar of ontwerper bent en u waardeert de informatie die u krijgt van zaken als het bijhouden van analyses, dan zal AMP HTML uw werk moeilijker maken.

Het zal ook tijd kosten voor de teams die aan AMP werken om functies zoals beeldcarrousels, kaarten, sociale plug-ins, gegevensvisualisaties en video's te integreren. Het kan even duren voordat sites die veel gebruik maken van deze functies kunnen profiteren van AMP, wat de acceptatiegraad van AMP zal vertragen.

Waarom AMP echt belangrijk is

AMP HTML staat op het punt het internet sneller te maken op je telefoon! Dit is een goede zaak, omdat we allemaal weten dat langzaam internet een heel klein beetje frustrerender kan zijn dan helemaal geen internet.

Het versnellen van mobiele sites verwijdert ook een vaak genoemde reden voor gebruikers om advertenties te blokkeren, wat goed is voor makers van inhoud. De zoekrangschikkingen van Google houden ook rekening met de laadsnelheden van pagina's, dus websites die AMP gebruiken, kunnen een boost krijgen in hun rangschikking bij zoekmachines.

Als je HTML en CSS leren Leer HTML en CSS met deze stapsgewijze zelfstudiesBenieuwd naar HTML, CSS en JavaScript? Als je denkt dat je een talent hebt om te leren hoe je vanaf het begin websites kunt maken, volgen hier een paar geweldige stapsgewijze zelfstudies die het proberen waard zijn. Lees verder voor webontwikkeling al, dat kan leer AMP over het AMP-project website. Als je je website wilt versnellen, maar nog niet klaar bent om te converteren naar AMP, of als je wilt dat het in het algemeen sneller gaat, bekijk dan deze online tools om uw website sneller te maken 10 gratis online tools om uw website te laden Snelheden laden en snellere webpagina's makenSnellere webpagina's maken is een van de geboden van geweldig webdesign. De eerste stap die u kunt nemen om uw website te optimaliseren, is door middel van een snelheidstest. Deze tien tools zijn er weinig ... Lees verder .

Meer dan 30 uitgevers - waaronder sites als Facebook, de New York Times, Buzzfeed, de BBC en de Huffington Post - hebben al AMP HTML geïntegreerd en naar verwachting zullen er in de komende maanden nog meer volgen komen. Heeft u verschillen opgemerkt? Overweeg over te schakelen naar de snelste mobiele browser Wat is de snelste Android-browser? 7 Top Apps gerangschiktWelke zijn de snelste met zoveel beschikbare Android-browsers? Dit zijn de beste browser-apps op Android. Lees verder voor nog hogere snelheden.

Is het u opgevallen dat mobiele websites de laatste tijd sneller worden geladen dan normaal? Zijn er uitgevers die je nog steeds notoir traag vindt en die een verandering kunnen gebruiken?