Scope a solution ✅

• Create a new js file to hold the preload font beacon ( BeaconPreloadFonts )
• Pass the Logger class as a dependency.
• Create a new method to getResults() from the scan method, this method will return results using the highlight method by passing ('above-fold')
• Add logs of the results using this.logger.logMessage coming from the logger dependency.
• In https://github.com/wp-media/rocket-scripts/blob/develop/src/BeaconManager.js, instantiate the new class with the Logger class with a call to the scan method.
• Add basic tests

The prototype can be found here

We might need to check if the logic will work with the current way our event listener is set up here as the one on the prototype is async and load event.

Estimate the effort ✅

[S - M]

Looks good to me.

We also need to check the output of prototype and see how it works for custom and system fonts (maybe fonts without urls are considered system fonts), also need to see what happens when we have a font usage without definition.