AMP project (Accelerated Mobile Page)

[Verwijderd]

Omdat ik na een korte zoektocht geen topic kon vinden, dat kan ook aan &amp liggen, open ik bij deze 1.
Ik ben lui dus geen fancy layout of diepgang.

Wat is AMP? (Accelerated Mobile Page)

https://www.ampproject.org

AMP is een open source project met het oog op de opkomst van mobiele apparaten waar je een website op kan bekijken. Omdat doorgaans het scherm op zulke apparaten een stuk kleiner is tov. een desktop en je niet zoveel rekenkracht tot je beschikking hebt kan je dus bijvoorbeeld kleinere afbeeldingen gebruiken of zelfs zwaardere functies weglaten.

De 'nieuwe' css standaard houdt hier bijvoorbeeld ook al rekening mee door media queries te introduceren.

Het AMP project gaat verder en bestaat in de basis uit 3 onderdelen.

1. nieuwe html tags

2. een lap javascript dat deze nieuwe tags leest en ze op een slimme manier afwerkt. (en meer technische dingen doet)
YouTube: 7 Ways AMP Makes Your Pages Fast

3. caching via google of cloudflare

Tot nu toe een redelijk verhaal waarom amp een aanwinst is.

Het vervelende aan ontwikkelen is dat je css intern je html gaat, niet inline of extern.
https://www.ampproject.or...es/responsive/style_pages
Je kan wel een css preprocessor gebruiken.

Geen eigen javascript (die van het amp project is geoptimaliseerd en minimaal)

En eigenlijk moet je een project voor amp vanaf niks opbouwen. Er zijn tools om html om te zetten naar de juiste amp tags maar de kans is groot dat er in een oud project nog 'semantisch overbodige' elementen zitten. (geen discussie hierover aub.)

Wat is het belang van Google?

Google heeft zich in het verleden al bewezen door degelijke diensten te introduceren, voor gebruikers en ontwikkelaars, vanuit dit oogpunt is caching voor AMP ook een mooie aanwinst.

Maar zoals uit dit verhaal blijkt:

https://www.alexkras.com/...o-disable-amp-on-my-site/

zijn er ook nadelen.
(hoewel het caching verhaal niet helemaal opgaat omdat cloudflare ook mogelijk is?)

Mijn vraag

Ik wil graag een toegankelijke onepager bouwen, en de mobiele versie ook voor desktop gebruiken. Dat lijkt mij wel makkelijk en het voorbeeld wat in gedachten heb is ook niet zo moeilijk.

carousel
https://www.ampproject.or...e/components/amp-carousel

formulier
https://www.ampproject.or...rence/components/amp-form

Is het een goed idee om amp ook voor desktop te gebruiken? En dat javascript nodig is?

En wat vinden jullie van AMP? Ik heb er namelijk nog niet echt veel mee gedaan.
(verhaal niet gespell checked)

[Wolfboy]

Als eindgebruiker is het over het algemeen erg comfortabel, een hele snelle webpagina zonder rommel enzo.

Voor ontwikkelaars daarentegen... een paar nadelen inderdaad.
- Geen analytics
- Deels dubbele ontwikkeling

Het vervelende aan ontwikkelen is dat je css intern je html gaat, niet inline of extern.
https://www.ampproject.or...es/responsive/style_pages
Je kan wel een css preprocessor gebruiken.

Dat lijkt me niet echt een issue toch? Nagenoeg ieder webframework heeft wel ondersteuning voor css minifying zodat je dit eenvoudig kan oplossen.

Is het een goed idee om amp ook voor desktop te gebruiken? En dat javascript nodig is?

Ik zou het niet doen nee. AMP is erg gelimiteerd zodat het snel op mobiele apparaten werkt, dat lijkt me niet praktisch voor een gewone browser.

[ Voor 19% gewijzigd door Wolfboy op 05-10-2017 11:09 ]

[Verwijderd]

Vooralsnog lijkt het me voornamelijk geschikt voor statische websites - een klant met een sterk dynamische site vroeg me laatst of AMP een optie voor hem zou zijn, en mijn conclusie was dat nog geen kwart van de huidige functionaliteiten daarin mogelijk was.

[André]

@Wolfboy zeker zijn er wel analytics mogelijkheden, je kunt gewoon een normale meting implementeren. Google heeft onlangs zelfs de mogelijkheid geboden om de AMP clientid mee te nemen naar de gewone metingen als men verder gaat in de site. Zo kun je zien hoe zich men gedraagt vanuit AMP naar de site:

https://analytics.googleb...ort-for-amp-on-cache.html

[Wolfboy]

André schreef op donderdag 5 oktober 2017 @ 11:54:
@Wolfboy zeker zijn er wel analytics mogelijkheden, je kunt gewoon een normale meting implementeren. Google heeft onlangs zelfs de mogelijkheid geboden om de AMP clientid mee te nemen naar de gewone metingen als men verder gaat in de site. Zo kun je zien hoe zich men gedraagt vanuit AMP naar de site:

https://analytics.googleb...ort-for-amp-on-cache.html

Er is uiteraard wel iets beschikbaar maar het komt niet in de buurt van de normale mogelijkheden. Ter illustratie, op een willekeurig cnn artikel zie ik dat er data opgehaald/verzonden wordt naar 45 verschillende (sub)domeinen.

https://imgur.com/a/9VXt3

[Verwijderd]

Verwijderd schreef op donderdag 5 oktober 2017 @ 11:08:
mijn conclusie was dat nog geen kwart van de huidige functionaliteiten daarin mogelijk was.

Ok, maar voor een beetje standaard site is het gros al beschikbaar. Gallerijen, webshop, toffe paralax effecten.
En je kan evt. een verzoek indienen.

Wolfboy schreef op donderdag 5 oktober 2017 @ 12:02:
[...]
Er is uiteraard wel iets beschikbaar maar het komt niet in de buurt van de normale mogelijkheden. Ter illustratie, op een willekeurig cnn artikel zie ik dat er data opgehaald/verzonden wordt naar 45 verschillende (sub)domeinen.

https://imgur.com/a/9VXt3
[afbeelding]

Ligt dat niet aan hun implementatie van seo en ad's? Dat lijkt me niet out of the box.

[Wolfboy]

Verwijderd schreef op donderdag 5 oktober 2017 @ 21:48:
Ligt dat niet aan hun implementatie van seo en ad's? Dat lijkt me niet out of the box.

Uiteraard. Maar als bedrijven om wat voor reden ook dat soort technieken willen gebruiken lopen ze al heel snel vast met AMP.