• Skip to primary navigation
  • Skip to main content

AdThrive

Ad Optimization and Management for Bloggers

  • Who We Are
  • FAQs
  • Blog
  • Publishers
    • Log in
    • Support
  • Contact Us
  • Apply Now
Marie King

What is First Input Delay (FID)?

3–4 minutes to read

Marie King

Facebook0Tweet0LinkedIn0

First Input Delay (FID) measures how soon your site becomes responsive to user input. Specifically, if a user clicks on a button or a link, how quickly does your site respond with the expected result of that action? 

FID is a good indicator of your reader’s first impression of your site’s interactivity and responsiveness, and a good FID score means a reader is more likely to stick around on your site and return to consume more content. Everyone loves a fast, responsive site!

cartoon image of a man sitting with a laptop in his lap and a 'click here' sign

What causes poor FID?

  • Long tasks where the browser has to pause to run an event
  • Long JavaScript execution time
  • Large JavaScript bundles
  • Render-blocking JavaScript
cartoon graphic of three mobile phones showing loading of a page

Generally speaking, input delay is a result of the browser’s main thread being occupied by other tasks, so it is unable to respond to the user (yet). 

A common reason for this is the browser is still busy executing and parsing big JavaScript files. 

So when the user tries to interact with something, the browser is too busy to notice (run an event listener) and respond because the JavaScript that’s running might direct it to perform a different action. 

How to measure and assess your FID score

Unlike LCP and CLS, FID is a metric that can only be measured “in the field” using real users’ experiences and not “in the lab” using simulated tests — because FID requires someone to interact with the page and provide that First Input. 

What’s the difference between “field” and “lab” data?
I’m glad you asked! We break it all down right here.

If you’re looking for a lab metric, you can use Total Blocking Time (TBT). TBT correlates well to FID, and improvements made for TBT should also reflect in improved performance for FID.

In terms of FID scores, you want to aim for less than 100 milliseconds to be classified as “good” by Google. Slower than 300 milliseconds is categorized as “poor”.

FID benchmarks with a bar going from green to red with time metrics

Tools to measure FID

You can use the following tools to understand your site’s FID score:  

Field tools 

  • PageSpeed Insights
  • Search Console (Core Web Vitals report)

Lab tools to measure Total Blocking Time (TBT)

  • Chrome DevTools
  • Lighthouse
  • WebPageTest

Getting to “Good”: five steps to improve your FID score

To learn how to improve FID for a specific site, you can run a Lighthouse performance audit and pay attention to any specific opportunities the audit suggests.

If you don’t have a deep love for JavaScript and the way browsers work, this is a great time to get your developer involved! 

  1. Minimize/defer JavaScript
  2. Break up long tasks
  3. Use a web worker
  4. Implement a browser cache
  5. Remove non-critical third-party scripts

Dig deeper on FID:

  • Google Web.Dev: Optimize First Input Delay
  • Google Web.Dev: Minimize main thread work
  • Google Web.Dev: Reduce JavaScript execution time
  • NitroPack: First Input Delay (FID): What It Is & How to Optimize It
  • Onely: What is First Input Delay (FID), And How To Optimize It?


Your Core Web Vitals roadmap

Knowledge is power! Start here:

  • Your intro to Google’s Core Web Vitals

Dig deeper to understand each metric and why it’s important for user experience:

  • What is Largest Contentful Paint (LCP)? 
  • What is First Input Delay (FID)? [You are here!]
  • What is Cumulative Layout Shift (CLS)?

Benchmark your site’s Core Web Vitals so you understand your starting position:

  • How to measure your Core Web Vitals performance

Make a step-by-step plan to improve Core Web Vitals:

  • Your four-step playbook for diagnosing and improving Core Web Vitals
    + a handy one-sheet to go over with your developer or host

Tackle low-hanging fruit:

  • How to choose the right hosting service for a speedy site
  • 5 tell-tale signs you’ve outgrown your hosting service
  • How a good host can help boost page speed and improve Core Web Vitals + a checklist for hosting optimizations
  • Use a CDN to help speed up your site
  • 23 optimizations to improve your page speed and Core Web Vitals scores
Facebook0Tweet0LinkedIn0

Filed Under: AdThrive Resources, SEO Tagged With: Core Web Vitals, FID

Marie King

About Marie King

As Director of Publisher Insights, Marie gets to support AdThrive publishers by digging into data to find and share interesting findings to help our publishers continue to thrive! With almost a decade working with many types of publishers, Marie is thrilled to be part of the AdThrive team working with and helping the publishers she’s been obsessed with for years. A Chicago native, she now lives in Denver with her husband, dog, three cats, and an extensive collection of board games.

Copyright © 2021 · AdThrive, LLC. All Rights Reserved, a CafeMedia partner

  • Home
  • Contact Us
  • Careers
  • Terms
  • Privacy