Does ADBRO affect Core Web Vitals?

No.

Core Web Vitals contain of three metrics which are carefully evaluated by ADBRO Team in order to maintain great User Experience while delivering Advertisements.

Learn more about Core Web Vitals at Google: Web Vitals.

Largest Contentful Paint (LCP)

This metric measures loading performance and is not affected by either ADBRO Integration Code or efficient Advertisement resources.

Learn more about ADBRO performance: Does ADBRO affect Site performance?

First Input Delay (FID)

This metric measures interactivity and is not affected by an asyncronous (learn more about HTML <script> async Attribute) ADBRO Integration Code that is only loaded after all critical resources are fetched.

Cumulative Layout Shift (CLS)

This metric measures visual stability. CLS metric is calculated by multiplying impact fraction (percentage of the visible viewport being shifted) by distance fraction (distance by that the viewport was shifted). As ADBRO only renders Advertisement satellite below the aproaching images before the subsequent paragraph appears above the fold, an impact fraction component of the CLS metric is minimized.

The following code can be used to detect any layout shifts caused by rendering ADBRO Advertisements:

// Update the selector for the Next Paragraph after ADBRO
// satellite element (if needed).
let paragraphSelector = 'div:has(.adbro-satellite) + *';

// Setting Performance Observer to monitor CLS with
// the buffer used for past events logging.
new PerformanceObserver((entryList) => {
    for (const entry of entryList.getEntries()) {
        // Looking only for the events sourced by the given
        // element (see `paragraphSelector` variable).
        let sources = entry.sources.filter((s) => {
            return s.node?.hasOwnProperty('matches') && s.node.matches(paragraphSelector);
        });

        // Showing warning for any layout shift detected by ADBRO.
        if (sources.length) {
            console.warn('Layout shift by ADBRO:', entry);
        }
    }
}).observe({type: 'layout-shift', buffered: true});

Simplified code version can be used to detect the source for any other Layout Shift on the page:

new PerformanceObserver((entryList) => {
    for (const entry of entryList.getEntries()) {
        console.warn('Layout shift:', entry);
    }
}).observe({type: 'layout-shift', buffered: true});

Learn more about CLS at Google: Cumulative Layout Shift (CLS).

If you believe that ADBRO might be affecting your Core Web Vitals, we'll be happy to investigate it and help you find the root cause of this issue. Feel free to contact your Account Manager.