Adam Silverstein

<p>Display web vitals element in a block.</p>


Web Vitals Block

FirmCatalyst

<p>This is a professional tool to manipulate enqueued Styles and Scripts on your website; add custom CSS to the first screen and not first screen optionally, choose where to apply. Use it to improve your Core Web Vitals score or just add custom styling.</p>
<h4>Features</h4>
<ul>
<li>Control your website’s CSS</li>
<li>Apply changes to individual posts/pages/custom post types</li>
<li>Apply changes to all posts of a specific type</li>
<li>Apply changes to the blog or any post-type archive</li>
<li>Inline, defer, or de-register / disable Styles and Scripts</li>
<li>Edit CSS easily with the CodeMirror visual editor</li>
<li>Automatic CSS minification</li>
<li>Instructions to get CSS</li>
</ul>
<h4>Demo</h4>
<p><a href="https://firmcatalyst.com/first-screen-css/" rel="nofollow ugc">firmcatalyst.com/first-screen-css</a></p>
<h4>Usage</h4>
<ul>
<li>Install and activate the plugin.</li>
<li>Navigate to “CSS Settings” in the left sidebar of your wp-admin.</li>
<li>Click “Add New” Settincs Set</li>
<li>Input your CSS or adjust the settings.</li>
<li>Choose where to apply the changes and Publish.</li>
<li>Repeat to apply a different set of settings to other posts.</li>
</ul>
<h3>Development</h3>
<p>You can customize the code to suit your requirements or suggest improvements on <a href="https://github.com/VVolkov833/first-screen-css" rel="nofollow ugc">GitHub</a>. The code is transparent and easy to understand.</p>


First Screen CSS & Settings

Manipulate enqueued Styles and Scripts on the website; add custom CSS optionally

Web Vitals Block vs First Screen CSS & Settings