Chrome, mobile, webdev

From AMP To PWA

PWA 2016The slides from my talk today at Google IL office.
It’s all about building a great mobile experience for your users.
From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps).
As a bonus, we also showed new APIs like: Payment API, One Tab Sign-in and Physical Web that expending the web even farther.

Wish to know more about AMP?

  1. Review the technical documentation and join the community on GitHub and StackOverflow.
  2. Start developing your AMP files and validate them. You can use ampbyexample.com for reference.
  3. Check the search guidelines at Google Search requirements and also validate the AMP Search Console Report.
  4. Don’t forget to review your options for ads and analytics.
  5. Last but not least, point to AMP files from your canonical articles to make them publicly (=search engines could crawl them).

noter-1 PWA in Nexus 6

Want to learn more on PWA?

● The service worker specification and ‘How to build a PWA‘ (the one above, which will give you the option to take notes everywhere).

● Introductory article on service worker or check the Service worker API documentation on MDN.

● Comprehensive set of service worker examples on Github.

● Check out how Google built the mobile web version of the I/O Web App, a real-life non-trivial implementation of service workers in production.

Advertisement
Standard

One thought on “From AMP To PWA

  1. I just tried to implement AMP. I wish there were more examples surrounds how to keep social sharing buttons, and also responsive ads. Two major javascript components I find difficult to sacrifice…

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s