O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a navegar o site, você aceita o uso de cookies. Leia nosso Contrato do Usuário e nossa Política de Privacidade.
O SlideShare utiliza cookies para otimizar a funcionalidade e o desempenho do site, assim como para apresentar publicidade mais relevante aos nossos usuários. Se você continuar a utilizar o site, você aceita o uso de cookies. Leia nossa Política de Privacidade e nosso Contrato do Usuário para obter mais detalhes.
Progressive Web Apps, the new mobile-first website
we put you in front
of your customer
www.milestoneinternet.com | 1-408-200-2211
PROGRESSIVE WEB APP (PWA)
Enabling technology for your new mobile site
• Mobile Traffic makes up more than 60% of traffic on the
web, and more than 50% of searches.
• Content from the mobile version of your website is now
prioritized by search engines over the desktop version of
• Mobile-first indexing is the new standard in 2018.
For these reasons your mobile website design must go
beyond a "responsive" site that just re-formats your desktop
Mobile sites that prioritize user-interactions and presents
content in app-like experiences will be the most effective in
this new mobile-first world.
CRITICAL to Mobile-first are speed and app-like behavior
Progressive Web Apps are experiences that combine the best of the
web and the best of apps. They are useful to users from the very first
visit in a browser tab, no install required. PWAs are:
• Reliable – Loads instantly, no errors, even in poor network conditions.
• Fast – Responds quickly to user interactions, smooth animations and scrolling.
• Engaging – Feels like a natural app on the device, with an immersive user experience.
In Short, PWAs Offer Excellent User Experience.
PWA: THE NEW MOBILE SITE
Deployed to a server Accessed via URL Indexed by search
• App-like interaction
• Offline usage
• No need to download
• Push notifications
So why progressive?
Just like your old mobile site:
WHAT MAKES PWADIFFERENT?
through a mobile
Keep your users
data secure and
caching for faster
PWA is a continuing
allow for more
Responsiveness: The UI must fit the device’s form factor: desktop, mobile, and tablet. √ √
App-like feel: When interacting with the site, it feels like a native app. √ -
Connectivity Independent: Works offline (via Service Workers) √ -
Re-engageable: Through features like push notifications. √ -
Installable: A user able to add it on their home screen and launch it from there. √ -
Discoverable: Easily identified and be discoverable by search engines. √ √
Fresh: Serve new content in the app when the user is connected to the internet. √ -
Safe: Served via HTTPS to prevent content tampering and man-in-the-middle attacks. √ -
User Experience: Uses modern web capabilities to deliver an app-like user experience √ -
Instant Delivery: Google Caches the website and deliver it from CDN server - √
Speed: Load time of a page reduces to less than 1 second, website 4 times faster - √
Full Screen: Opens on full screen without any URL bar. √ -
Deployed PWA service worker
on the website
Launched ‘Black Friday sales’
• Push alerts to 3% of sessions have 53% higher conversion rate compared to Non-Push
• Opportunity to generate 2,344 leads, with 153% conversion, if sent to 100% of sessions
W E D R I V E R E V E N U E F O R L O C AT I O N - B A S E D B U S I N E S S E S
H O S P I TA L I T Y – R E TA I L – F I N A N C I A L – A U T O M O T I V E - H E A LT H
FULLSERVICE DIGITALAGENCYTHE DIGITALPRESENCE CLOUD
CMS Local Social
Reviews Insights Analytics
Design Content SEO &
Software for digital marketers Platform independent services
Visit our website to learn more about
PWA, and our approach to Mobile-first.