Fix Varbase Media performance code coverage for common or common logged in, or video player libraries on pages with no media items

Reported and marked by Razem to revise and remove other unused CSS/JS

Remove unused JavaScript
Remove unused CSS
Defining a library
Code coverage at Google

Contributed by Razem to feed the Drupal pack for Lighthouse Stack Packs

lighthouse-stack-packs drupal.js

Problem/Motivation

Having a performance coverage issue of 100% not used CSS from the

Varbase Media common library

varbase_media.common.css

Varbase Media common logged in users library

varbase_media.common_logged

Varbase Varbase Media Blazy Blurry behaviour

varbase-media-blazy-blurry.theme.css

Varbase Media Varbase Video Player library

varbase-video-player.theme.css
and Java Scripts 

On pages which do not have any media entities

Steps to reproduce

Switch off CSS and JavaScript aggregation and advanced aggregations
Find Unused JavaScript And CSS With The Coverage Tab
Visit any basic or landing pages but not having any media items in the page
The page should not load any Media Styling or behaviors

Proposed resolution

• Not to attache on all pages with page attachments
• Not to use every_page: 1

After the fix

Blog site section with mixed types of media entities

Blog post - Image media

Blog post - Local Video with cover image

Blog post - Remote Video - YouTube video - no cover image

Blog post - Remote Video - YouTube video - with cover image

Blog post - Remote Video - Vimeo video - with cover image

Blog post - Remote Video - Vimeo video - no cover image

Remaining tasks

• Fix
• Performance coverage test
• Functional test
• Review
• Release

User interface changes

• None

API changes

• None

Data model changes

• None