Snelheid in mobiele pagina’s

Geschreven door: op maandag 21 januari 2019

Leestijd: 2 minuten

Het AMP project (accelerated mobile pages) van Google is bedoeld om het mobiele web sneller te maken, zodat de gebruiker zich optimaal kan richten op de content van de pagina en niet verhinderd worden door onnodige laadtijden.

AMP is eigenlijk een kopie verwijzing van de originele versie naar een AMP versie van de pagina, deze verwijzing wordt in de code gekoppeld. Google zal de verwijzing dan opnemen tijdens het indexeren van de pagina, wanneer er vervolgens door een gebruiker via de mobiel zoekt zal Google de AMP pagina als resultaat geven. Deze is te herkennen door het bliksem icoon.

blog-amp.png

Waar moet een AMP pagina dan aan voldoen?

Om een pagina te valideren als AMP pagina zijn er een aantal regels opgesteld om de content zo optimaal mogelijk kan aanbieden aan de gebruiker.

  • Er wordt alleen maar gebruik gemaakt van de AMP Javascript die asynchroon wordt ingeladen.
  • Alle bestanden zoals afbeeldingen krijgen statisch een formaat mee zodat AMP de lay-out van de pagina gelijk inlaadt zonder dat deze moet wachten externe CSS bestanden.
  • CSS mag niet extern worden ingeladen, dit wordt dus meegegeven in de <head> van de pagina met een maximum van 50 kb.
  • Fonts moeten ingeladen worden met de css regel @font-face, zonder dat fonts worden ingeladen via Javascript.
  • Zo worden ook een aantal HTML tags veranderd in HTML-AMP tags zoals; <amp-img>, <amp-iframe> en vereiste attributen aan HTML tags zoals <style amp-custom> om CSS mee te geven.

Zo zijn er nog een heleboel AMP regels in de anatomie van HTML om de pagina AMP valide te maken.

Google cached AMP pagina’s

Iets wat belangrijk is aan het succes van AMP is dat Google de pagina’s cachet, dat betekent dat Google de pagina opslaat. Dit doen ze om de volgende redenen:

  • De kwaliteit waarborgen dat een AMP pagina valide is
  • Een AMP veilig en valide wordt ingeladen
  • Google voegt prestatie-optimalisaties toe binnen de HTML voor de gebruiksvriendelijkheid.

Door deze cache kan de snelheid van een AMP pagina gewaarborgd blijven.

 

Er zijn grote voordelen om te werken met AMP voor websites met veel content zodat deze content optimaal in te zien is voor de mobiele gebruikers. En zo gaan de geruchten dat AMP ook meewerkt aan een betere Google Ranking.


Andere blogartikelen

  • Overeenkomsten tussen Growth Hacking en UX design

    Geschreven door: op zondag 13 september 2020

    Laten we beginnen met wat Growth hacking is, Growth hacking zijn experimenten voor oplossingen die groeiproblemen moeten oplossen. Dit is een nieuwe marketing aanpak die met name wordt gedreven door d ...

    Bekijk het artikel »
  • B2B SEO en Geoptimaliseerde Afbeeldingen

    Geschreven door: op woensdag 12 augustus 2020

    In een tijd waarin 27% van het koopproces van B2B kopers met eigen online research wordt doorgebracht is het essentieel om een goed vindbare website te hebben. Afbeeldingen kunnen, indien geoptimalise ...

    Bekijk het artikel »
  • Prospects zoeken B2B

    Geschreven door: op woensdag 12 augustus 2020

    Het zoeken van B2B prospects is een uitdaging voor elk bedrijf. Met name kwalitatieve B2B prospects.Door vooraf onderzoek te doen naar bedrijven die voldoen aan je criteria en je marketing hierop aan ...

    Bekijk het artikel »
Bel 072 5345 888
Meer dan 40 bedrijven vertrouwen op ons
Allrig is de alles in een leverancier binnen de energie-industrie
AOC is een toonaangevend wereldwijd bedrijf actief in de verkoop van kwaliteitsharsen
ERIKS is een toonaangevende en innovatieve leverancier aan de procesindustrie en aan machinebouwers, die zowel de rol van specialist als die van brede MRO-leverancier vervult
Industrieel dienstverlener Heinen & Hopman Engineering uit Bunschoten is dé wereldwijde specialist op het gebied van klimaatbeheersing
Handicare is een internationale organisatie die ouderen helpt om hun dagelijks leven gemakkelijker te maken door het produceren van hoogwaardige trapliften
Onze Middelen en Technologieën
microsoft silver partner
Adobe partner
fd-gazellen-2018.jpg
Google analytics
partners-logo.jpg
Op de hoogte blijven?

Meld u aan voor de gratis nieuwsbrief om op de hoogte te blijven van onze activiteiten