Als u kijkt naar de afgelopen jaren van analyseverkeer voor websites, zult u waarschijnlijk merken dat ze allemaal één belangrijk ding gemeen hebben: een toename van het aantal bezoekers dat ze krijgen van gebruikers op mobiele apparaten.
Wereldwijd is er nu meer webverkeer afkomstig van mobiele apparaten dan van wat we zouden beschouwen als 'traditionele apparaten', wat eigenlijk neerkomt op desktop- of laptopcomputers. Het lijdt geen twijfel dat mobiel computergebruik de manier heeft veranderd waarop mensen online inhoud gebruiken, wat betekent dat het de manier heeft veranderd waarop we websites moeten bouwen voor die steeds mobielere doelgroepen.
Bouwen voor een mobiel publiek
Het maken van 'mobielvriendelijke websites' is al jaren een prioriteit voor webprofessionals. Praktijken zoals responsief webontwerp gericht op het helpen creëren van sites die goed werkten voor alle apparaten, en een focus op websiteprestaties en snelle downloadtijden zijn gunstig voor alle gebruikers, mobiel of anderszins. Een andere benadering van mobielvriendelijke sites staat bekend als AMP-webontwikkeling, die staat voor Accelerated Mobile Pages.
Dit project, dat wordt ondersteund door Google, is gemaakt als een open standaard die is bedoeld om website-uitgevers in staat te stellen sites te maken die sneller laden op mobiele apparaten. Als je denkt dat dat veel op responsief webontwerp lijkt, ben je niet verkeerd. De twee concepten hebben veel gemeen, namelijk dat ze beide gericht zijn op het leveren van content aan gebruikers op mobiele apparaten. Er zijn echter een aantal verschillen tussen deze twee benaderingen.
Belangrijkste verschillen tussen AMP en responsief webontwerp
Een van de sterke punten van responsief webdesign is altijd de flexibiliteit geweest die het toevoegt aan een site. U kunt één pagina maken die automatisch reageert op de schermgrootte van een bezoeker. Dit geeft uw paginabereik en de mogelijkheid om een goede ervaring te bieden aan een breed scala aan apparaten en schermformaten, van mobiele telefoons tot tablets tot laptops, desktops en nog veel meer. Responsive web design is gericht op allemaal apparaten en gebruikerservaringen, niet alleen mobiel. Dat is op sommige manieren zowel goed als slecht in anderen.
Flexibiliteit op een site is geweldig, maar als je je echt op mobiel wilt richten, kan het creëren van een site die zich op alle schermen richt, in plaats van alleen op mobiele, flexibel worden verhandeld voor puur geoptimaliseerde mobiele prestaties. Dat is de theorie achter AMP.
AMP is puur gericht op snelheid - namelijk mobiele snelheid. Volgens Malte Ubl, Google Tech Lead voor dit project, streeft AMP naar "onmiddellijke weergave van webinhoud." Enkele manieren waarop dit gebeurt zijn:
- Trage voortgang
- Preonnect gebruiken
- Resources prefetchen
- Async Javascript
- Inline stijlbladen
- Geen downloadbare lettertypen
- Resourceprioriteit
Dit zijn slechts enkele van de principes die AMP zo snel laten laden. Er zijn echter ook enkele items in die lijst die ervoor zorgen dat oude webprofessionals ineenkrimpen. Inline stijlbladen, bijvoorbeeld. Velen van ons hebben jarenlang te horen gekregen dat alle stijlen moeten worden opgenomen in externe stijlbladen. Veel webpagina's kunnen inrichten op één extern blad is een van de sterke punten van CSS. Een kracht die teniet wordt gedaan als pagina's inline stijlen gebruiken. Ja, u voorkomt de noodzaak om het externe bestand te downloaden, maar dit gaat ten koste van de mogelijkheid om die hele site te beheren met de enkele stylesheet. Dus welke aanpak is beter? De realiteit is dat ze allebei hun voor- en nadelen hebben. Het internet verandert voortdurend en verschillende mensen die uw site bezoeken, hebben verschillende behoeften. Het is erg moeilijk om regels vast te stellen die in alle gevallen van toepassing zijn, omdat verschillende benaderingen in verschillende situaties zinvol zijn. De sleutel is om de voor- en nadelen van elke aanpak te wegen om te bepalen welke het beste is in uw specifieke geval.
Een ander belangrijk verschil tussen AMP en RWD is dat responsief ontwerp zelden wordt 'toegevoegd' aan een bestaande site. Omdat RWD echt een grondige heroverweging van de architectuur en ervaring van een site is, zal het over het algemeen vereisen dat die site opnieuw wordt ontworpen en herontwikkeld om tegemoet te komen aan de responsieve stijlen. AMP kan echter worden toegevoegd aan een bestaande site. In feite kan het zelfs worden toegevoegd aan een bestaande responsieve site.
Javascript-overwegingen
In tegenstelling tot sites met RWD spelen AMP-sites niet goed met Javascript. Dit omvat 3rd partyscripts en -bibliotheken die tegenwoordig erg populair zijn op sites. Die bibliotheken kunnen ongelooflijke functionaliteit toevoegen aan een site, maar ze hebben ook invloed op de prestaties. Als zodanig is het logisch dat een aanpak die scherp is gericht op paginasnelheid Javascript-bestanden zou schuwen. Het is om deze reden dat AMP vaak het best wordt gebruikt op statische webpagina's in tegenstelling tot zeer dynamische of die welke om de een of andere reden specifieke Javascript-effecten vereisen. Een websitegalerij die gebruikmaakt van een "lightbox" -stijlervaring zal bijvoorbeeld geen geweldige kandidaat zijn voor AMP. Aan de andere kant is een standaardwebartikel of een persbericht dat geen fancy functionaliteit vereist een geweldige pagina om met AMP te leveren. Die pagina wordt waarschijnlijk gelezen door mensen die mobiele apparaten gebruiken die de link mogelijk op sociale media of via een mobiele Google-zoekopdracht hebben gezien. Als je die inhoud meteen kunt leveren wanneer ze daarom vragen, in plaats van de downloadsnelheid te vertragen terwijl onnodige Javascript en andere bronnen worden geladen, is dit een geweldige klantervaring.
De juiste oplossing kiezen
Dus welke optie is geschikt voor u - AMP of RWD? Het hangt natuurlijk af van uw specifieke behoeften, maar u hoeft niet de een of de ander te kiezen. Als we slimmere (en succesvollere) online strategieën willen hebben, betekent dit dat we alle beschikbare instrumenten moeten overwegen en moeten leren hoe ze samen zullen werken. Misschien betekent dit dat u uw site responsief moet leveren, maar AMP gebruikt op bepaalde secties of pagina's die het meest geschikt zijn voor die manier van ontwikkelen. Het kan ook betekenen dat u aspecten van verschillende benaderingen moet nemen en deze moet combineren om hybride oplossingen te creëren die aan zeer specifieke behoeften voldoen en die het beste van beide werelden leveren aan de bezoekers van die site.
