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
Secondary topics:  Best practice, Developer Experience Track: Tools, Platforms, and Techniques, Technical
Average rating: ****.
(4.20, 5 ratings)

Who is this presentation for?

  • Web developers or anyone interested with web performance

Prerequisite knowledge

  • An intermediate grasp of JavaScript and the web (useful but not required)

What you'll learn

  • Explore the PRPL pattern and learn how to use it to add a number of optimizations to your web page or application

Description

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

Houssein Djirdeh offers an overview of the PRPL pattern, explaining what it is and how you can use it to build fast and reliable progressive single-page applications for users on any device.

Topics include:

  • How to push the most important resources first
  • How to render your initial route as soon as possible
  • How to precache resources for all your routes using a service worker
  • How to lazy load your remaining routes so that they load on demand
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 he is not working on a blog post or his next side project, he enjoys giving talks to the community.