PWA and AMP Development

amp

What is PWA?

PWA stands for Progressive Web App. It is designed to give users the look and feel, and the experience of a mobile application by accessing its web pages on a browser. Simply put, PWA is an optimized web page to provide an app like functionality. PWA works when a platform or its services are accessed on mobile web, but without installing its mobile app.
As mentioned, PWA is focused on providing app-like features. This includes:
  • Faster transition between pages
  • A complete app-like interface
  • Ability to send push notifications (requiring users’ permission)
  • Offline content accessibility, and more.
Next, What is AMP?

AMP or Accelerated Mobile Page was introduced by Google in 2015 to create faster loading web pages for mobile devices. Google open-sourced the ‘AMP Project’ to help developers build these web pages. In order to create mobile-friendly websites, the unnecessary (inline) JavaScript is removed. Furthermore, the CSS is limited to 50KB for inline use and Google caches the website content to provide a CDN like functionality. The AMP web component, among other features, also provides (limited) JavaScript insertion as a part of AMP library using which you can add animation to your mobile web pages without risking latency.