Let's focus on the Mobile Web and talk about the keys to a building a great mobile experience.
From AMP (=Accelerated Mobile Pages) as a starting point up to PWA (=Progressive Web Apps). I will cover the steps through some of the key features we see as core to the modern web experience. As a bonus, we will close with new APIs that expending the web even farther.
What are the ways that startups can leverage the benefits that progressive web apps allow these days?
In this talk, I covered some of the startups best practices and how entrepreneurs can take advantage from the capabilities that PWAs give them.
Progressive Web Apps consist of a new palette of technologies such as the Web App Manifest, homescreen install support, Service Workers and the app shell. These bridge the gap between native and web apps offering new capabilities for web developers to create amazing desktop and mobile experiences.
A Progressive Web App uses modern web capabilities to deliver an app-like user experience.
Progressive Web Apps bring features we expect from native apps to the mobile browser experience in a way that uses standards-based technologies and run in a secure container accessible to anyone on the web.
Progressive Web Apps, also known as Installable Web Apps or Hybrid Web Apps, is the latest industry trend helping businesses create more engaged and loyal customers by presenting regular web pages or websites as traditional applications or native mobile applications to the users.
We have today on the web capabilities to create web apps that feel and act like native application.
We can have offline first, push notification and add to home screen. These three features bring us to a point where we can give users our content and features with one click and with all the benefits of the web.
What is this new monster you ask?
Well, go over these slides to learn more.
What are the ways that startups can leverage the benefits that progressive web apps allow these days?
In this talk, I covered some of the startups best practices and how entrepreneurs can take advantage from the capabilities that PWAs give them.
Progressive Web Apps consist of a new palette of technologies such as the Web App Manifest, homescreen install support, Service Workers and the app shell. These bridge the gap between native and web apps offering new capabilities for web developers to create amazing desktop and mobile experiences.
A Progressive Web App uses modern web capabilities to deliver an app-like user experience.
Progressive Web Apps bring features we expect from native apps to the mobile browser experience in a way that uses standards-based technologies and run in a secure container accessible to anyone on the web.
Progressive Web Apps, also known as Installable Web Apps or Hybrid Web Apps, is the latest industry trend helping businesses create more engaged and loyal customers by presenting regular web pages or websites as traditional applications or native mobile applications to the users.
We have today on the web capabilities to create web apps that feel and act like native application.
We can have offline first, push notification and add to home screen. These three features bring us to a point where we can give users our content and features with one click and with all the benefits of the web.
What is this new monster you ask?
Well, go over these slides to learn more.
A short presentation answering 3 main questions. Why we need Progressive Web Apps(PWA)? What is a progressive web app & it's features? and how a PWA works?
Progressive Web App
New Web Technology for the Mobile User Which work on Poor Data Connection and It Will Work With Simple Manifest File Or with use of Service Workers. It Feel Like Mobile App to the user.
Guidance on how to develop a progressive web app using react native!Shelly Megan
This blog explains the usefulness of a Progressive Web App (PWA), reasons to choose the React Native framework for PWA creation & guidance on building PWA.
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-Commerce Berlin EXPO
Rowan Merewood Developer Advocate Google
Accelerated Mobile Pages (AMP) HTML delivers outstanding page-load performance for users browsing content on the mobile web, which is hugely important on limited or flaky networks. Progressive Web Apps deliver reliable performance for re-visits to sites thanks to Service Workers and allows unprecedented engagement via push notifications and Add To Homescreen. AMP gets content in front of users fast – PWAs enable rich experiences and engagement. What if I told you there’s a way to utilize the unique power of both? To build a web experience that loads in an instant and upgrades you to maximum interactivity and engagement? We’re making it happen. Come to learn how.
Slides from my recent presentation on Progressive web apps. I showed what they are and how I believe they are the future of web/app development.
I also demonstrated how to use de F12 tools in Chrome to debug the Service Worker and the Manifest.json file. I also demonstrated how, by adding and changing a few lines, a Node.js app is converted to a progressive web app.
Progressive Web App (PWA) is a term used to denote web apps that use the latest web technologies. Progressive web apps are technically regular web pages (or websites) but can appear to the user like traditional applications or (native) mobile applications. This new application type attempts to combine features offered by most modern browsers with the benefits of mobile experience.
Introduced by Google, eagerly approved by Microsoft and reluctantly adopted by Apple
PWA is a game-changing technology in the world of mobile-first and offline-first business
Progressive Web Apps - presence or the future? For years, developers around the world have dreamed of being able to write web applications which act more like native apps. Caching and push notifications are not the only conveniences helping to make this dream a reality. In this talk, Jana will explain what Progressive Web Apps are and how you can use them in your own web applications.
Progressive Web Apps presentation for GDG Istanbul's Progressive Web Apps Meetup.
I'm not a web developer or front-end developer but I tried to explain how PWAs work.
There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications.
How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it?
Johannes Weber shows PWA in action and is intended to answer all these questions.
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
Progressive web app may look like a buzz word around improved web standards and few mobile friendly web design patterns. But it brings positive impact on businesses and users. Let’s learn more about it here.
A short presentation answering 3 main questions. Why we need Progressive Web Apps(PWA)? What is a progressive web app & it's features? and how a PWA works?
Progressive Web App
New Web Technology for the Mobile User Which work on Poor Data Connection and It Will Work With Simple Manifest File Or with use of Service Workers. It Feel Like Mobile App to the user.
Guidance on how to develop a progressive web app using react native!Shelly Megan
This blog explains the usefulness of a Progressive Web App (PWA), reasons to choose the React Native framework for PWA creation & guidance on building PWA.
E-commerce Berlin Expo 2018 - From AMP to PWA: A Modern Web User JourneyE-Commerce Berlin EXPO
Rowan Merewood Developer Advocate Google
Accelerated Mobile Pages (AMP) HTML delivers outstanding page-load performance for users browsing content on the mobile web, which is hugely important on limited or flaky networks. Progressive Web Apps deliver reliable performance for re-visits to sites thanks to Service Workers and allows unprecedented engagement via push notifications and Add To Homescreen. AMP gets content in front of users fast – PWAs enable rich experiences and engagement. What if I told you there’s a way to utilize the unique power of both? To build a web experience that loads in an instant and upgrades you to maximum interactivity and engagement? We’re making it happen. Come to learn how.
Slides from my recent presentation on Progressive web apps. I showed what they are and how I believe they are the future of web/app development.
I also demonstrated how to use de F12 tools in Chrome to debug the Service Worker and the Manifest.json file. I also demonstrated how, by adding and changing a few lines, a Node.js app is converted to a progressive web app.
Progressive Web App (PWA) is a term used to denote web apps that use the latest web technologies. Progressive web apps are technically regular web pages (or websites) but can appear to the user like traditional applications or (native) mobile applications. This new application type attempts to combine features offered by most modern browsers with the benefits of mobile experience.
Introduced by Google, eagerly approved by Microsoft and reluctantly adopted by Apple
PWA is a game-changing technology in the world of mobile-first and offline-first business
Progressive Web Apps - presence or the future? For years, developers around the world have dreamed of being able to write web applications which act more like native apps. Caching and push notifications are not the only conveniences helping to make this dream a reality. In this talk, Jana will explain what Progressive Web Apps are and how you can use them in your own web applications.
Progressive Web Apps presentation for GDG Istanbul's Progressive Web Apps Meetup.
I'm not a web developer or front-end developer but I tried to explain how PWAs work.
There’s been a lot of talk lately about Progressive Web Apps. The main purpose is to provide an app-like user experience. For those who haven’t heard of them, progressive web apps aim to bridge the gap between the mobile web and native apps by providing things like the ability to install, provide offline support, run background processes and send push notifications.
How does it work? What does it mean from the technical point of view? Is it worth to dig into PWA now? What are the non-technical doubts about using it?
Johannes Weber shows PWA in action and is intended to answer all these questions.
Go for Progressive Web Apps. Get a Better, Low Cost, Mobile PresenceMagic Software
Progressive web app may look like a buzz word around improved web standards and few mobile friendly web design patterns. But it brings positive impact on businesses and users. Let’s learn more about it here.
Is the buzz around Progressive Web Apps real or are they simply the latest fad? In this talk, you’ll learn exactly what Progressive Web Apps are, what problems they solve, and what new design challenges they present. Jason will show how organizations are using Progressive Web Apps to provide better and faster user experiences.
Focus sur les PWA par Loic de Saint-Andrieu de GoogleThiga
D’après Forrester, seulement 1% des consommateurs français considèrent que les marques délivrent une bonne expérience client quand, à titre de comparaison, 14% des consommateurs anglais se disent satisfaits. Les français sont aujourd’hui largement “mobile first” avec 75% du temps passé en ligne sur mobile or ils sont toujours plus exigeants, impatients et curieux. Comment faire pour améliorer l’expérience digitale sur mobile ? Pour Google la réponse repose sur une expérience app-like sur le web.
Loïc de Saint-Andrieu, Head of Customer Experience FR @Google
PWA Development Guide_ Creating Progressive Web Apps.pdfLucas Lagone
Learn about Progressive Web Apps (PWAs) with real-time examples, checklists, and development frameworks in 2023. Discover the benefits and factors influencing PWA development costs.
Read More: https://www.nevinainfotech.com/blog/progressive-web-apps-guide/
Progressive web apps For e-Commerce- How do they go hand-in-hand?ShantanuApurva1
The term “Progressive Web App” was coined by designers Frances Berriman and Alex Russell in 2015 to describe apps that take advantage of new features supported by modern browsers, such as service workers and web app manifests, that allow users to upgrade web apps to progressive web apps in their native operating system (OS).
Why Progressive Web Apps will transform your websiteJason Grigsby
* Cut through the PWA hype and learn why they really matter
* Discover incentives from Google and Microsoft including SEO benefits
* Learn how other companies have used PWAs to increase revenue
* Put together a high-level plan on converting your website to a PWA
Presented at Portland Digital Summit 2017
PWAs are quick, function offline and can also perform like a conventional native application. This provides users with a positive experience. PWAs and Web Applications perform the same functions and are extremely comparable in many aspects. And since we’ve understood how trending they are in today’s time, PWA would definitely be a good choice for your company!
Presented at Web Directions Code, Melbourne
If you have a website—particularly one that generates revenue for your organization—you need a Progressive Web App. So where do you begin? How do you decide which features of a Progressive Web App make sense for your users? What tools can make the process easier (or harder)? In this practical session, Jason will guide you through the key design decisions you’ll need to make about your Progressive Web App and how those decisions impact the scope of your project. He'll also teach you how to avoid common pitfalls and help you take full advantage of Progressive Web App technology.
PWAs For Finance Guide_ How To Create A PWA Fintech App.pdfLucas Lagone
Learn how to create PWAs Fintech apps for finance. Explore the benefits and key elements of progressive web apps. Find out if PWAs are still relevant in 2024.
Original source: https://www.nevinainfotech.com/blog/pwas-for-finance/
PWA Entertainment App Development_ How To Build Efficiently.pdfLucas Lagone
Explore the benefits of PWA entertainment apps. Learn how to efficiently build a PWA entertainment app and discover the impact of web technology on the media industry. Invest wisely in digital media and entertainment.
Read More: https://www.nevinainfotech.com/blog/pwa-entertainment-app/
What are the principles to build a progressive web app? What are its core features? What about its architecture? The blog explores it all. Give it a read. https://www.webguru-india.com/blog/checklist-for-progressive-web-app-development/
Building for Your Next Billion - Google I/O 2017Robert Nyman
New internet users are coming online around the world and are facing very different constraints to accessing the internet. In this talk, we'll cover what we've learned from building experiences for new internet users and walk through how you can build great experiences that work well for billions of users around the world.
This is a presentation from Google I/O 2017, the video is available at https://www.youtube.com/watch?v=wD3rpdiLMyY
Speakers: Tal Oppenheimer, Mariya Moeva, Robert Nyman
https://twitter.com/taloppenheimer
https://twitter.com/marrrr
https://twitter.com/robertnyman
Web Based Vs Cloud Based Apps Complete Comparison.pdfLaura Miller
While web & cloud apps are quite similar, both have noticeable distinctions. Read the blog to know the differences between web based Vs cloud based apps.
How to get things done - Lessons from Yahoo, Google, Netflix and Meta Ido Green
How can you make your software teams better?
What are the values and processes that you wish to embrace?
In these slides, we will share some stories from leading companies (e.g., Google, Meta, and Netflix), and we will see what is working for them.
What is a blockchain?
Why is cryptocurrency the future?
It's a deck I was preparing for a lighting talk at ESGgo.
Since I got some excellent feedback on it - I decided to open-source it :)
Hopefully, you will find it valuable.
The Future of Continuous Software Updates Is HereIdo Green
DevOps and “Liquid Software” release practices are rapidly becoming the standard. But, as software shapes digital transformation, DevOps teams are feeling challenged to manage their growing influence on corporations’ success or failure.
In this talk, Ido Green looks into the growing pains that most enterprises (many of them JFrog customers) face when adopting and consolidating DevOps at scale, and how these challenges are being mitigated with end-to-end platform solutions. We’ll wrap up with some DevOps best practices - from the trenches - that will help you address emerging trends that your bosses’ bosses really care about.
Open Source & DevOps Market trends - Open Core SummitIdo Green
Open Source developers are pushing the world of technology forward. At JFrog, from day one, we worked closely with developers (we’re developers too!) to make sure we solved actual problems.
We’re not a developer-first company.
We’re a developer company.
But this means that, like you, we’ve had plenty of “learning moments.” In this talk, we’ll share some key insights so other project owners can avoid falling into the same holes we’ve fallen into. Further, we’ll share some interesting statistics about the DevOps market that will help you gain insight into your own domain, and how you can practically address larger market movements that the bosses’ bosses’ bosses are really caring about.
“If we have data, let’s look at data. If all we have are opinions, let’s go with mine.”
This talk is going to be based on data and the real world.
No theoretical stories just data and action items on how to make your company better/faster/more secure in shipping software.
Data Driven DevOps & Technologies (swampUP 2019 keynote)Ido Green
The world (of DevOps) has many buzzwords that people like to use.
Some are more relevant to the real world and some aren't.
In this talk, we covered what is going on in the real world and what is just hype at the moment.
You can read more: https://greenido.wordpress.com/2019/06/19/market-trends-talk-swampup-2019/
Create An Amazing Apps For The Google Assistant!Ido Green
The Google Assistant is available on many devices (eg. Google mini/home/max, Android, iPhones and more).
Actions on Google lets developers extend the Google Assistant to create your own conversational assistant apps.
In this talk, Ido Green will describe the key components of actions on Google. He will show you how to easily build your first assistant app using tools such as Dialogflow, and explore voice user interface (VUI) best practices in order to design compelling conversational experiences that delight users.
We are all experts at human-to-human conversation. But conversing only seems easy because it’s familiar, you’ve been doing it since you were born.
The key to building a good voice interface is to not fall into the trap of simply converting a GUI into a VUI.
In these slides we will cover the best practices to design our Action on Google (and any other Voice UI).
At Google, we believe the future is AI first, and we’re investing heavily in the fields of machine learning, speech recognition and language understanding. These technologies come together in the Google Assistant, which allows you to have a conversation with Google that helps you get things done.
Developers can build apps for the Google Assistant using Actions on Google and in these slides we will show you how you can do it and why you wish to be in this new platform.
The Google Assistant - Macro View (October 2017)Ido Green
The past few years, the buzz about conversational experiences and digital assistants has increased dramatically. According to a recently issued report by eMarketer, 87% of B2C marketers in the US believe that chatbots and digital assistants will play a significant role in marketing before 2021.
In these slides we will cover the Google Assistant and learn why you wish to build an action for it.
At Google, we believe the future is AI first.
We have been investing heavily in the areas of: Machine learning, Speech recognition & Language understanding.
These things come together in the Google Assistant. In these slides we will go over what is exciting about this new platform and how you can build you Assistant apps.
Which Allows you to have a conversation with Google, that helps you get things done.
Because of these investments in AI, the conversation can be completely natural.
Use your voice, ask in a natural way, and the Assistant helps you.
As you can see - it’s everywhere.
Building conversational experiences with Actions on GoogleIdo Green
The Google Assistant is Google’s conversational software for helping you get things done in your world. It is the culmination of all of Google’s research in AI, ML, NLP, etc.
It runs on various devices, including the Google Home which launched in 2017, as well as many Android and iOS devices. Actions on Google is the third-party platform for the Google Assistant, allowing you, the developer. to manage a conversation between your service and the user.
In these slides you will see how/why you can leverage this new platform for your service.
Earn More Revenue With Firebase and AdMobIdo Green
In these slides we will see how to take advantage of firebase and AdMob in order to increase your revenue stream. We will explore the major ways to monetize your apps with AdMob.
In these slides we will see how to use Firebase Analytics in order to grow your user base. We will see how to effectively use insights from both paid and organic channels in order to create growth.
An overview of Accelerated Mobile Pages Project. See how you can leverage this important open source project today in production and improve your sites' performance and the happiness of your users.
AMP is coming to improve the mobile web. Big time.
There are many aspect to a great user experience on sites.
In order to improve the speed of the media websites on mobile and the monetization, we needed few things:
1. Fast pages. Fast to load, fast to display, saving bandwidth when possible.
2. Easy for the developers and companies to create. Only based on known and widely used technologies.
3. Mobile Friendly: they should respect a standard and thanks to this standard, pages would be automatically optimized for mobile devices
4. Embrace the open web: non-proprietary technology, open source, available to anyone to use and improve. It should not only help for search engines, but for everyone.
In these slides, we will cover AMP and what it can do for you.
These are the slides from my talk today at Google IL Office.
It covers:
1. Google’s past, present and a bit of the future.
2. Google’s 5 principles of innovation.
ER(Entity Relationship) Diagram for online shopping - TAEHimani415946
https://bit.ly/3KACoyV
The ER diagram for the project is the foundation for the building of the database of the project. The properties, datatypes, and attributes are defined by the ER diagram.
1.Wireless Communication System_Wireless communication is a broad term that i...JeyaPerumal1
Wireless communication involves the transmission of information over a distance without the help of wires, cables or any other forms of electrical conductors.
Wireless communication is a broad term that incorporates all procedures and forms of connecting and communicating between two or more devices using a wireless signal through wireless communication technologies and devices.
Features of Wireless Communication
The evolution of wireless technology has brought many advancements with its effective features.
The transmitted distance can be anywhere between a few meters (for example, a television's remote control) and thousands of kilometers (for example, radio communication).
Wireless communication can be used for cellular telephony, wireless access to the internet, wireless home networking, and so on.
Multi-cluster Kubernetes Networking- Patterns, Projects and GuidelinesSanjeev Rampal
Talk presented at Kubernetes Community Day, New York, May 2024.
Technical summary of Multi-Cluster Kubernetes Networking architectures with focus on 4 key topics.
1) Key patterns for Multi-cluster architectures
2) Architectural comparison of several OSS/ CNCF projects to address these patterns
3) Evolution trends for the APIs of these projects
4) Some design recommendations & guidelines for adopting/ deploying these solutions.
This 7-second Brain Wave Ritual Attracts Money To You.!nirahealhty
Discover the power of a simple 7-second brain wave ritual that can attract wealth and abundance into your life. By tapping into specific brain frequencies, this technique helps you manifest financial success effortlessly. Ready to transform your financial future? Try this powerful ritual and start attracting money today!
2. Confidential & ProprietaryConfidential & Proprietary
“There is no higher form of user validation than
having customers support your product with
their wallets. However, the path to a profitable
business is not necessarily an easy one.”
Learn more: https://www.udacity.com/course/app-monetization--ud518
5. Confidential & Proprietary
What about all the time spent in apps?
Mobile web vs. apps
vs.
Source: comScore Mobile Metrix, U.S., Age 18+, June 2015
13% 87%
Mobile web Apps
6. Confidential & Proprietary
In reality, time spent is concentrated in a few
Mobile web vs. apps
vs.
Source: comScore Media Metrix MP and Mobile Metrix, U.S., Total Audience, June 2015
13%
35%
Other apps
Entertainment
(Games, radio, multimedia)
Social and messaging
32%
20%Mobile web
7. Confidential & ProprietarySource: comScore Mobile Metrix, U.S., Age 18+, June 2015
The web offers broader reach, but engagement is low
Top 1000 mobile apps vs. top 1000 mobile web properties
10.9
Monthly unique visitors (MM)
3.3
Average minutes per visitor
Mobile webApps
8.9
201.8
8. Confidential & Proprietary
Opportunity to capitalize on broad mobile web reach
Mobile Web Lots of users, but hard to re-engage
High engagement, but a small piece of overall
user traffic
Modern web features enable better engagement
Opportunity to
engage users
Apps
“...your mobile website is the top of the funnel for your user acquisition on mobile. It is where people land
when coming from search, email, social media, text links, etc, etc. The mobile web scales much better.
You can build a large audience on mobile web much more easily than via mobile apps.” -- Fred Wilson
9. Confidential & Proprietary
A holistic strategy for Mobile
Start thinking Site and App - not Site or App;
provide the best experience in both.
Site App
11. Confidential & Proprietary
Keys to a great mobile web experience
Security
HTTPS as web
standard
Speed and Engagement
Instant loading with AMP and
next gen, app-like experiences
with Progressive Web Apps
Simplicity
One-tap sign in,
easy check out,
real world interactions
with physical web
14. of people abandon a website that
takes more than 3 seconds to load40%
15. Confidential & Proprietary
Accelerated Mobile Pages
● Articles are cached and load instantly
● Publishers have control over visual design and
business model
● Supports existing ad formats
● Deepen engagement with related articles
● Launched with news and expanding to other content
verticals
16. AMP is simple for users to start fast
Web pages, today Accelerated Mobile Pages
20. Confidential & Proprietary
Progressive Web Apps
All the goodness of websites:
● One click away from accessing content
● Available across browsers
● Fast loading, smooth animations and navigations
With new capabilities:
● Access via Homescreen icon on device
● Good experience on flaky or no network connections
● Re-engages with push notifications
● Works better in browsers that support new APIs
22. Confidential & Proprietary
Increase in conversion rate and lower data cost
higher conversions from users arriving via home
screen icon (Flipkart, 2015)
+70%
3xLower data usage
24. Confidential & Proprietary
Enabling app-like capabilities
Service Worker
● Client-side proxy written in JavaScript
● Access device capabilities to allow your site to be
“app like”
Web App Manifest File
● Rich presence on user’s Android homescreen
● Launch in full-screen mode on Android (no URL bar)
● Control the screen orientation for optimal viewing
● Define “splash screen” launch, theme color for site
{
"short_name": "My Cool App",
"name": "My Totally Cool Application",
"icons":
[{"src": "launcher-icon-3x.png",
"sizes": "192x192",
"type": "image/png"},
{"src": "launcher-splash.png",
"sizes": "512x512",
"type": "image/png"}],
"start_url": "index.html",
"display": "standalone",
"background_color" : "#aeaeae",
"theme_color" : "#aeaeae",
"orientation" : "landscape"
}
25. Confidential & Proprietary
Add to Homescreen and launch in full-screen mode
User who visits 2x
within two weeks will
be prompted with “add
to homescreen”
One tap to add to
homescreen
Opens full screen (no
URL bar)
26. Confidential & Proprietary
Avoid the dreaded white screen
Similar to apps, always show
basic splash screen
experience while your
content loads
29. Confidential & Proprietary
Instant loading and smooth navigation
● For first-time visitors, get to first paint in <3s on
3G connections
● For repeat visitors, instant loading of page in
<500 milliseconds
● Always scrolling at 60 frames/second
● Content shouldn’t jump as images are loaded
30. Confidential & Proprietary
Send Web push notifications
System level notifications, like apps
Ask to notify users with specific information
Can send notifications even when page closed
33. Confidential & Proprietary
AMP to PWA Flow (1 of 2)
WaPo article in AMP carousel Once on AMP article, WaPo
silently registers Service Worker
PWA launchable from menu; in future
WaPo may direct more navigations to
PWA experience
34. Confidential & Proprietary
AMP to PWA Flow (2 of 2)
Site loads instantly on WaPo domain Frequent users prompted to
add to homescreen
Icon appears on device like
other app icons
35. Confidential & Proprietary
Jumia has seen
success with
push notifications
Users that enabled
push notifications made
9X more
more conversions on
previously abandoned carts
36. Confidential & Proprietary
PWAs can work across browsers
Using standard progressive enhancement techniques, PWAs can
be made to work across all modern browsers
37. Confidential & Proprietary
AliExpress is seeing
increased engagement
across browsers
74% increase
in time spent overall and...
82% more
conversions on iOS
38. Confidential & Proprietary
"One of the reasons we built a Progressive Web App
was to be able to invest in the web experience across
all browsers. Not only did we see huge benefits on
browsers that support the latest features, but we also
got to see a bump across the board. That is the sign of
a great investment, and one that will keep paying for
itself as browsers evolve."
Lijun Chen, Director of AliExpress Mobile Team.
41. Confidential & Proprietary
Why a secure web matters
Trust
Is this site who they
claim to be?
Data integrity
Has anyone tampered
with this page?
User privacy
Can anyone see my
browsing behavior?
42. Confidential + Proprietary
Protect Users from Being Tracked and Retargeted
Permacookies can take over HTTP
● Inserted by third parties to follow
users on your site
● Collects user browsing behaviors,
including searches and other
personal info
● Data is sold to competitors who
can then target your users
43. Confidential + Proprietary
Protect Your Business from Unwanted Content
● Third parties (e.g. ISPs) can inject
content on your website without
your knowledge (possible on all
non-HTTPS content!)
● Unwanted ads damage your brand
image and put existing ad revenue
at risk
● Malware puts your users at
serious risk and will cause major
damage
45. Confidential + Proprietary
New Web Features Will Only Be Available with HTTPS
Browsers will prohibit use of existing and
new technologies if there is only HTTP:
● Camera
● Geolocation (recently deprecated)
● Auto-Fill for Forms
● Progressive Web Apps
○ Push Notifications
○ Service Worker
https://blog.mozilla.org/security/2015/04/30/deprecating-non-secure-http/
46. Confidential + Proprietary
HTTPS Affects Your Search Ranking Positively
● Google announced to use HTTPS
as a ranking signal in 2014
already
● Will be strengthened over time to
encourage broader use of HTTPS
● Google products moving to
HTTPS as well
https://webmasters.googleblog.com/2014/08/https-as-ranking-signal.html
55. 66%
Of mobile
purchases are on
the web
...but conversion
lags behind
other platforms
-66%
Mobile web vs desktop
web conversion rate
56. How to close the mobile web conversion gap?
Web Today
Make checkout forms
less painful
Autofill
Next Generation
Eliminate checkout
forms entirely
PaymentRequest
API
57. Autofill
Fill payment forms in one-tap
Cards/Addresses Synced
Zero merchant integration
Increase form submission rate
More: checkout-faster-with-autofill
58. PaymentRequest API
Open Javascript API
Browser handles payment collection
Cross Browser / Cross Platform
Any form of Payment
Single Click Checkout UI
61. Confidential & Proprietary
The Physical Web: Broaden the reach of your site
Physical Web is open for anyone to use
● Modern web browsers unlock powerful actions
○ Push notifications
○ URL redirectors manage beacons in the cloud
○ Web Bluetooth unlocks interactive devices
A few places where it’s currently used
○ Brookwood Middle School to send useful classroom information to students
○ Golden State Warriors stadium to promote seat upgrades and merchandise sales
○ Consumer Electronics Show 2016 to power a scavenger hunt
○ Proxama’s MyStop App delivers real time transport updates to Transport for
London bus commuters