In this challenging time of increased online purchasing and internet usage, development teams are looking for ways to improve site performance and load times.
Regardless of what technologies you use, creating fast websites for your users should be your top priority as a developer, and we want to support you in learning best of industry tips and concepts.
In celebration of our new remote, corporate trainings offerings, This Dot Labs invites the web development community to six weeks of free, live web performance training!
Here's a breakdown of the web performance training schedule:
- April 1, 2020: Web Performance: Basics
Users demand a fast experience and with an ever changing landscape of device and connection types, web performance possible is no longer a secondary consideration. This session introduces you to the basics of web performance and the tools you use to start exploring your web performance today.
- April 8, 2020: Web Performance: Budgeting for the Critical Rendering Path
Understanding the critical rendering path and how the browser handles the code and assets we deliver is important not only as an engineering exercise: it directly contributes to what we should prioritize to our users based on their taken action. In this session, we'll learn about how the critical rendering path works and how to start setting budgets for your web application deliverables to allow for a smoother user experience.
- April 15, 2020: Web Performance: Rendering faster with a shade of PRPL
PRPL is a performance pattern that originated from Google that allows you achieve faster render speeds with your applications. In this training session we’ll cover an overview of the PRPL pattern which consists of , Push: the most important resources, Render: initial route as soon as possible, Pre-cache: remaining routes/assets, Lazy-load: other routes and less important assets/resources.
- April 22, 2020: Web Performance: Tracing with DevTools
DevTools are an important part of understanding web performance. In this training, we’ll share an overview of the performance tab in Google Chrome and how to maximize its usage. We’ll also talk through the benefits of flame graphs and how they can help you find performance hot spots in your code. Finally, we’ll show you how to ensure performance on mobile and in developed markets using Chrome’s throttling tools.
- April 29, 2020: Web Performance: Always Auditing with Lighthouse
Lighthouse is now built into Chrome, making it even easier to see an instant overview of your site’s performance, accessibility, and SEO. In this training we’ll show you how easy it is to make Lighthouse a core part of your performance auditing pipeline, and the parts of reports to pay attention to at the start of a performance deep dive. Did you know Lighthouse also runs from the command line? We’ll show you how to integrate it into existing build or CI tools.
Once you have web performance improvements, how do you keep them as features are added? In this session we’ll cover automating web performance testing with Lighthouse CI, Github Actions, and other local tools to help make your web application continue to shine.
This Dot Labs is a modern web consultancy focused on helping companies realize their digital transformation efforts. For expert architectural guidance, training, or consulting in React, Angular, Vue, Web Components, GraphQL, Node, Bazel, or Polymer, visit thisdotlabs.com.
This Dot Media is focused on creating an inclusive and educational web for all. We keep you up to date with advancements in the modern web through events, podcasts, and free content. To learn, visit thisdot.co.