Miracle Inameti-Archibong - Are Progressive Web Apps The Future Of The Web?

Editor's Notes

• #2: As you would have guessed this is a talk about progressive web APPs
• #3: PWA’s act like any single page application (SPA). However, they are built with progressive enhancement as its core principle which means it works for every user, regardless of browser choice.
• #5: Talk about international strategy in developing nations. The explosive growth of mobile phones in developing countries has led to increasing attention towards the mobile web. Due to the low penetration of fixed telephone lines and Internet access
• #7: As you build a relationship with the APP its loads quicker because of browser caching only loads new content on demand Refreshes at the background It keeps JavaScript bundles lean Body content is automatically loaded with JS. However, the overall payloads are lower than downloading a native App Plus when the visitor returns your cached assets avoid network latencies, improving your overall time to first byte, thus making your pages load faster. The key here, is the fastest network request is the one never made.
• #8: 7
• #10: 9
• #11: PWA’s are fully-indexable no need for any work arounds (Mobile deeplinks do not follow a consistent format. This causes confusion because different set of links are required to access the same app on different operating systems. PWAs offer true cross compatibility Because they are progressive they work on any device or browser no need for multiple development solutions Ask – with the exception of the Brighton SEO APP, How many people have downloaded an APP in the last month Cost effective no multi-platform overhead.
• #12: Consumers spend 60% of their total mobile time in only 3 apps, most of which are owned by Facebook and Google. https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9
• #14: Instantly loads – because of the service workers (man in the middle) Client side JavaScript + server side JavaScript =Service worker Offline loading – similar to whatapp, Instagram Installable - Allows users to add apps they find most useful to their home screen without the hassle of an app store or download ant loading
• #16: Higher open/view rate than email. Because the entire message is on the screen. But you have to be careful not to abuse it especially it its browser enable cause once it turned off its difficult to figure out how to turn it back on
• #17: Tom Antony gave a great talk on HTTP earlier in year . HTTP/2 now allows browsers to open 6-8 connections to a specific server (any more than 8 connections will cause diminishing returns). With up to 8 connections being made, requests are able to be fulfilled quicker and page load speeds decrease. HTTP2 multiplexing HTML 5 Developed with the consideration of running on low powered device No multiple over head cause its not tired to any operating system – cost effective multi-platform development Supports local storage through the offline application cache
• #18: It takes 4x more time to parse and load JS on mobile than desktop. Because body content is loaded with JS you need to ensure you are loading your site with the lightest possible JS frame works. If your JavaScript framework is bloated you would have less space for your application code These are lightweight options for parsing and compiling JavaScript. Your site might need a code re-write to improve its speed and make it PWA ready
• #19: From the beginning to time check out has looked like this Check out id 4x faster No need to make changes to the current payment gateway Built directly into the browser Already trusted by users Speed – accuracy – security Fast because its one Api call
• #20: You can now submit it to the app store
• #21: As you can see its not a product but a set of features designed to provide the ultimate user experience
• #22: 21
• #24: HTTPs because storage API’s that help store content online are only available via a secure origin (to avoid interception) Service worker - for background sync, runs push notification
• #25: Lighthouse runs locally, auditing a page using a local version of the Chrome browser installed the machine. Report results are never processed or beaconed to a remote server.
• #27: 26
• #32: 31
• #33: 32
• #34: 33
• #36: 35
• #37: Last year one of out R and D projects was researching into PWAs and as part of this we made our own site a PWA. Meaning Android users (and soon iPhone) will be able to add our site to your homescreen just like an app. It also works offline and allows for push notifications – for useful stuff.
• #39: 38
• #40: 39
• #41: Lets encrypt SSL certificate for free
• #46: 45
• #49: 48
• #50: 49
• #51: 50