Snelheid in mobiele pagina’s

Geschreven door: op maandag 21 januari 2019

Leestijd:

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

  • Het gebruik van een Photoslider

    Geschreven door: op maandag 7 oktober 2019

    Ze zijn er in alle soorten en maten en staan meestal bovenaan een websitepagina. Dan heb ik het natuurlijk over photosliders. Zo bent u vast bekend met de traditionele foto die langzaam vervaagd en wa ...

    Bekijk het artikel »
  • De Controversie van AMP (Accelerated Mobile Pages)

    Geschreven door: op maandag 30 september 2019

    Er heerst al controversie rondom AMP (Accelerated Mobile Pages) sinds Google dit onderwerp heeft ingevoerd! In deze blog duiken we verder in deze controversie en ontdekken we of deze controversie tere ...

    Bekijk het artikel »
  • CSS attribuut font-display

    Geschreven door: op maandag 30 september 2019

    De snelheid van je website is belangrijk. Niet alleen omdat Google je website hierdoor hoger rankt maar ook omdat het gebruiksvriendelijker is voor de bezoekers. Als een website traag laadt, ben je ee ...

    Bekijk het artikel »
Bel 072 5345 888
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