Building a Better Web
June 11–12, 2018: Training
June 12–14, 2018: Tutorials & Conference
San Jose, CA

Thinking PRPL

Houssein Djirdeh (Rangle.io)
11:00am–11:40am Wednesday, June 13, 2018
Mobile and Desktop
Location: 210 B/F Level: Intermediate
Secondary topics:  Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical

Who is this presentation for?

Web developers or anyone interested with web performance

Prerequisite knowledge

All web developers can benefit from the core concepts of this talk, but web developers with at least an intermediate grasp of JavaScript and the web will be able to get the most out of this presentation.

What you'll learn

The presentation will first explain why progressive enhancement is important before diving in to what exactly the PRPL pattern is and how one can add a number of optimizations to their web page or application. We'll go over the different terminology behind these concepts, explain in-depth how to implement them as well as show case studies of web applications who have successfully used these techniques.

Description

The mobile web is slow. We’ve become accustomed to developing large and complex applications with powerful desktop and laptop machines. 73% of mobile internet users say that they’ve encountered a website that was too slow to load 1. The world of front end development is evolving continuously with more client-side heavy applications and with this, bundle sizes for many JS frameworks can be huge 2 3. This can significantly affect loading times, especially on a mobile device with a poor connection.

This talk will cover the concept behind the PRPL pattern, what it is and how you can use it to build a fast and reliable progressive single-page application.

We’ll talk about how you can:

  • Push the most important resources first
  • Render your initial route as soon as possible
  • Pre-cache resources for all your routes using a Service Worker
  • Lazy load your remaining routes so that they load on demand

1 How Loading Time Affects Your Bottom Line (https://blog.kissmetrics.com/loading-time/)
2 Alex Russell tweet (https://twitter.com/slightlylate/status/834507657209733121)
3 Sizes of JS frameworks (https://gist.github.com/Restuta/cda69e50a853aa64912d)

Photo of Houssein Djirdeh

Houssein Djirdeh

Rangle.io

Houssein Djirdeh is a software developer at Rangle.io building web and mobile applications with JavaScript. He is passionate about progressive enhancement and building for the mobile web. Houssein is also the author of the GitPoint open-source project and has written books such as Modern AngularJS and Fullstack React Native with Fullstack.io. On the rare occasions when he is not working on a blog post or his next side project, he enjoys giving talks to the community.

Leave a Comment or Question

Help us make this conference the best it can be for you. Have questions you'd like this speaker to address? Suggestions for issues that deserve extra attention? Feedback that you'd like to share with the speaker and other attendees?

Join the conversation here (requires login)