SlideShare a Scribd company logo
1 of 14
TOPICS:-
● What is PWA?
● What is AMP?
● Difference between PWA and AMP
● Features of PWA
● Pros of PWA
● Cons of PWA
● Features of AMP
● Pros of AMP
● Cons of AMP
● Which one to choose between PWA and AMP
● Why Mobiloitte?
What is PWA?
● PWA (Progressive Web Apps) are the web pages that look like mobile apps, Having similar
interactions and navigations.
● These are the advanced form of responsive web apps with additional features of apps.
● These allow users to make use of the latest features supported by modern browsers in their
mobile responsive website, to give an app like experience on the mobile web.
● In simple words take the example of Flipkart.com or Amazon.com. From the first look of the
site, it feels like you have opened the app, But it’s not the app which you have installed in the
smartphone, It’s just the PWA.
What is AMP?
● These are open source platforms created on JavaScript and approved by Google letting
faster loading of the page than the regular HTML.
● This is just a method of building web pages for static contents, which makes easy for
publishers to publish fast mobile-friendly contents.
● The main focus of AMP is to improve the page-loading performance and browsing experience
of a website on a mobile device.
● According to Google, AMP aims to improve the performance of the mobile web having rich
contents like video, animations, as well as graphics to work alongside with smart-ads.
Difference between PWA and AMP:-
● AMP helps in reducing the page load time whereas PWA updates pages as soon as possible
to make users surf and experience a mobile-app-like-websites without any interruption.
● AMP contains streamlined CSS and standardized JavaScripts whereas, PWA contains
services workers, web app manifest, App shell etc.
● AMP is particularly suited for static contents like blogging websites, Articles websites, News
publishing sites and many other heavy content sites. PWA is best suited for e-commerce
websites, as PWA enables sites to look and feel like mobile apps.
Features of PWA:-
● These are responsive and compatible with any kind of device. Devices like mobile, desktop,
tablets and many others.
● PWA is very progressive which means it can work for all users irrespective of their browser
choices.
● It has a good connectivity option. It can work offline or even when it is a poor network
connection.
● These have faster loading time with App shell.
● PWA is very secure as they are accessed via https to ensure safety and to prevent spying.
● These can be easily shared with URLs and doesn’t require any installation.
Pros of PWA:-
● PWA don’t require any app updates or installations.
● These don’t require any separate code base.
● These are fast and quick loading regardless of the network quality, It can be easily used in
the Offline condition.
● These are responsive as well as progressive and can be easily shared and linked.
● These are the best replacement for native apps. The user can use this if they don’t have
enough resources.
● PWA can provide maximized reach and also helps in increasing engagements with very less
development effort.
Cons of PWA:-
● Not each and every device supports the entire software functionality. There are some issues
in Android PWA and in iOS also. Issues like the notifications and shortcut prompting on the
home screen are not supported.
● Simple features like making a call, Sending SMS/MMS, reading voicemails, getting the user’s
phone number and some other issues also come sometimes in the PWA.
● Sometimes the issue of some sensors not working properly comes in PWA.
● Cross app logins are also not supported.
Features of AMP:-
● Lower page load time and speeding up the website.
● It helps in enhancing the mobile SEO and rankings in mobile devices.
● AMP aims to improve the performance of the mobile web having rich contents like video,
animations, as well as graphics to work alongside with smart-ads.
Pros of AMP:-
● The web pages get easily cached and loaded.
● The page loading time decreases to less than 1 second, which gives 4 times faster page
loading ability.
● These support all ad formats.
● Pages using valid AMP versions will be shown as a preview above the other results in the
mobile search results for the topic. Due to this many Publishers with the latest AMP versions
can easily make their content visible on the front page.
Cons of AMP:-
● No Javascript allowed expecting an off-the-shell AMP Library.
● No tracking of user activity on AMP pages.
● These are not suitable for e-commerce sites.
● AMP can’t help in enhancing the search engine rankings.
Which one to choose between PWA and
AMP?
● Both AMP and PWA have benefits, But if your website is mainly focusing on heavy contents
then AMP will be perfect. This sounds good for sites that are mainly focusing on heavy
contents. But if you have an e-commerce website, you should never ignore PWA that gives
your website the feel of a mobile app in a device.
● But seeing the current requirement of the market, PWA will be a wise choice. As it helps in
improving engagements and experience and not merely on loading contents more faster.
Why Mobiloitte?
● Mobiloitte, One of the best and the top mobile and web app development company in India,
helps the clients in developing PWA according to their website.
● We are one of the leading mobile app development as well as web app development company
in India.
● We can help you in developing both PWA and AMP, according to your choice.
PWA vs AMP :- The best to choose?

More Related Content

More from Mobiloitte

More from Mobiloitte (20)

Key tactics for online reputation management
Key tactics for online reputation managementKey tactics for online reputation management
Key tactics for online reputation management
 
Benefits of blockchain in healthcare
Benefits of blockchain in healthcareBenefits of blockchain in healthcare
Benefits of blockchain in healthcare
 
Facts about new cryptocurrency coin
Facts about new cryptocurrency coinFacts about new cryptocurrency coin
Facts about new cryptocurrency coin
 
Blockchain trends in 2019
Blockchain trends in 2019Blockchain trends in 2019
Blockchain trends in 2019
 
Angular JS For Your Business
Angular JS For Your BusinessAngular JS For Your Business
Angular JS For Your Business
 
.Net framework
.Net framework.Net framework
.Net framework
 
Top 5 Ethereum DApps by Volume
Top 5 Ethereum DApps by VolumeTop 5 Ethereum DApps by Volume
Top 5 Ethereum DApps by Volume
 
Java timeline
Java timelineJava timeline
Java timeline
 
Python Version 3.7
Python Version 3.7Python Version 3.7
Python Version 3.7
 
Would React js Remain To Prevail in 2019?
Would React js Remain To Prevail in 2019?Would React js Remain To Prevail in 2019?
Would React js Remain To Prevail in 2019?
 
Evolution of python
Evolution of python Evolution of python
Evolution of python
 
Mobile app development trends
Mobile app development trendsMobile app development trends
Mobile app development trends
 
Healthcare Application Solutions | Mobiloitte
Healthcare Application Solutions | MobiloitteHealthcare Application Solutions | Mobiloitte
Healthcare Application Solutions | Mobiloitte
 
.Net Visual Software Development | Mobiloitte
.Net Visual Software Development | Mobiloitte.Net Visual Software Development | Mobiloitte
.Net Visual Software Development | Mobiloitte
 
BOTs Development Services | Mobiloitte
BOTs Development Services | MobiloitteBOTs Development Services | Mobiloitte
BOTs Development Services | Mobiloitte
 
Biotechnology Solutions and Services | Mobiloitte
Biotechnology Solutions and Services | MobiloitteBiotechnology Solutions and Services | Mobiloitte
Biotechnology Solutions and Services | Mobiloitte
 
Blockchain Solutions | Mobiloitte
Blockchain Solutions | MobiloitteBlockchain Solutions | Mobiloitte
Blockchain Solutions | Mobiloitte
 
Android Application Development | Mobiloitte
Android Application Development | MobiloitteAndroid Application Development | Mobiloitte
Android Application Development | Mobiloitte
 
Enterprise Mobility Software Solutions and Services
Enterprise Mobility Software Solutions and ServicesEnterprise Mobility Software Solutions and Services
Enterprise Mobility Software Solutions and Services
 
Education Software Development
Education Software DevelopmentEducation Software Development
Education Software Development
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Recently uploaded (20)

Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
WSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering DevelopersWSO2's API Vision: Unifying Control, Empowering Developers
WSO2's API Vision: Unifying Control, Empowering Developers
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 

PWA vs AMP :- The best to choose?

  • 1.
  • 2. TOPICS:- ● What is PWA? ● What is AMP? ● Difference between PWA and AMP ● Features of PWA ● Pros of PWA ● Cons of PWA ● Features of AMP ● Pros of AMP ● Cons of AMP ● Which one to choose between PWA and AMP ● Why Mobiloitte?
  • 3. What is PWA? ● PWA (Progressive Web Apps) are the web pages that look like mobile apps, Having similar interactions and navigations. ● These are the advanced form of responsive web apps with additional features of apps. ● These allow users to make use of the latest features supported by modern browsers in their mobile responsive website, to give an app like experience on the mobile web. ● In simple words take the example of Flipkart.com or Amazon.com. From the first look of the site, it feels like you have opened the app, But it’s not the app which you have installed in the smartphone, It’s just the PWA.
  • 4. What is AMP? ● These are open source platforms created on JavaScript and approved by Google letting faster loading of the page than the regular HTML. ● This is just a method of building web pages for static contents, which makes easy for publishers to publish fast mobile-friendly contents. ● The main focus of AMP is to improve the page-loading performance and browsing experience of a website on a mobile device. ● According to Google, AMP aims to improve the performance of the mobile web having rich contents like video, animations, as well as graphics to work alongside with smart-ads.
  • 5. Difference between PWA and AMP:- ● AMP helps in reducing the page load time whereas PWA updates pages as soon as possible to make users surf and experience a mobile-app-like-websites without any interruption. ● AMP contains streamlined CSS and standardized JavaScripts whereas, PWA contains services workers, web app manifest, App shell etc. ● AMP is particularly suited for static contents like blogging websites, Articles websites, News publishing sites and many other heavy content sites. PWA is best suited for e-commerce websites, as PWA enables sites to look and feel like mobile apps.
  • 6. Features of PWA:- ● These are responsive and compatible with any kind of device. Devices like mobile, desktop, tablets and many others. ● PWA is very progressive which means it can work for all users irrespective of their browser choices. ● It has a good connectivity option. It can work offline or even when it is a poor network connection. ● These have faster loading time with App shell. ● PWA is very secure as they are accessed via https to ensure safety and to prevent spying. ● These can be easily shared with URLs and doesn’t require any installation.
  • 7. Pros of PWA:- ● PWA don’t require any app updates or installations. ● These don’t require any separate code base. ● These are fast and quick loading regardless of the network quality, It can be easily used in the Offline condition. ● These are responsive as well as progressive and can be easily shared and linked. ● These are the best replacement for native apps. The user can use this if they don’t have enough resources. ● PWA can provide maximized reach and also helps in increasing engagements with very less development effort.
  • 8. Cons of PWA:- ● Not each and every device supports the entire software functionality. There are some issues in Android PWA and in iOS also. Issues like the notifications and shortcut prompting on the home screen are not supported. ● Simple features like making a call, Sending SMS/MMS, reading voicemails, getting the user’s phone number and some other issues also come sometimes in the PWA. ● Sometimes the issue of some sensors not working properly comes in PWA. ● Cross app logins are also not supported.
  • 9. Features of AMP:- ● Lower page load time and speeding up the website. ● It helps in enhancing the mobile SEO and rankings in mobile devices. ● AMP aims to improve the performance of the mobile web having rich contents like video, animations, as well as graphics to work alongside with smart-ads.
  • 10. Pros of AMP:- ● The web pages get easily cached and loaded. ● The page loading time decreases to less than 1 second, which gives 4 times faster page loading ability. ● These support all ad formats. ● Pages using valid AMP versions will be shown as a preview above the other results in the mobile search results for the topic. Due to this many Publishers with the latest AMP versions can easily make their content visible on the front page.
  • 11. Cons of AMP:- ● No Javascript allowed expecting an off-the-shell AMP Library. ● No tracking of user activity on AMP pages. ● These are not suitable for e-commerce sites. ● AMP can’t help in enhancing the search engine rankings.
  • 12. Which one to choose between PWA and AMP? ● Both AMP and PWA have benefits, But if your website is mainly focusing on heavy contents then AMP will be perfect. This sounds good for sites that are mainly focusing on heavy contents. But if you have an e-commerce website, you should never ignore PWA that gives your website the feel of a mobile app in a device. ● But seeing the current requirement of the market, PWA will be a wise choice. As it helps in improving engagements and experience and not merely on loading contents more faster.
  • 13. Why Mobiloitte? ● Mobiloitte, One of the best and the top mobile and web app development company in India, helps the clients in developing PWA according to their website. ● We are one of the leading mobile app development as well as web app development company in India. ● We can help you in developing both PWA and AMP, according to your choice.