loading...
This Dot

Free Web Performance Trainings: The JavaScript Marathon hosted by This Dot Labs

thisdotmedia_staff profile image This Dot Media Originally published at labs.thisdot.co on ・3 min read

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!

Web performance is just one of the five+ weekly topics we're hosting on Wednesday, including Vue, React, Angular, and RxJS! Full schedules can be found at JavaScriptMarathon.com.

Here's a breakdown of the web performance training schedule:

Performance replaced

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.

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.

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.

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.

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.

You can RSVP to attend any of these amazing events, hosted by talented team members at This Dot Labs, by clicking on the hyperlinks above! If you have any questions, or want to learn more about the JavaScript Marathon series, visit javascriptmarathon.com, or email us at hi@thisdot.co.

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.

Posted on by:

thisdotmedia_staff profile

This Dot Media

@thisdotmedia_staff

This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.

Discussion

pic
Editor guide