Send low-priority requests with beacons - JavaScript Tutorial

Contents

• Introduction Introduction

  • Optimize APIs with JavaScript

    1m 17s
  • What you should know

    38s
• 1. Reactive Web Performance 1. Reactive Web Performance

  • The need for web performance APIs

    3m 15s
  • Summary of what we can do

    3m 42s
  • Real user monitoring (RUM) and reactive web performance

    4m 57s
  • Measure time

    4m 18s
  • High-resolution timings

    2m 43s
• 2. Performance Basics 2. Performance Basics

  • Navigation Timing Level 1

    2m 57s
  • Understand timings available

    5m 23s
  • Calculate milestones in the timeline

    2m 43s
  • The Performance Timeline interface

    5m 24s
  • Navigation Timing Level 2

    3m 48s
• 3. Measure Performance 3. Measure Performance

  • Measuring our websites

    4m 18s
  • Add the Navigation Timing API

    5m 7s
  • Use the Resource Timing API

    4m 45s
  • Create custom user timing

    6m 7s
  • Get paint timing

    4m 31s
  • Detect long tasks

    3m 44s
  • Detect frame rate drops

    2m 39s
  • Add server timing information

    4m 11s
• 4. Decision-Making Helpers 4. Decision-Making Helpers

  • Read network information

    5m 15s
  • Read device memory

    2m
  • Save data for your users

    1m 36s
  • Receive client hints on the server

    5m 28s
• 5. Execute Code More Efficiently 5. Execute Code More Efficiently

  • Send low-priority requests with beacons

    1m 51s
  • Understand frame rate execution

    3m 35s
  • Execute animation control code

    1m 13s
  • Execute background tasks

    3m 12s
  • Efficient script yielding

    1m 12s
• Conclusion Conclusion

  • Next steps

    1m 31s