Request Metrics

<p>This plugin simplifies the installation and configuration of <a href="https://requestmetrics.com/" rel="nofollow ugc">Request Metrics Real User Monitoring</a> on WordPress and WooCommerce websites. The plugin automatically injects the monitoring agent into your site configured with your account token.</p>
<h4>Page Grouping</h4>
<p>The plugin will add grouping for page templates and post type. If you are using a WooCommerce store, it will group by stores, collections, products, and checkout.</p>
<h3>Get Support</h3>
<p>Our team of engineers is available to help you with installation, troubleshooting, and general performance questions. Contact us anytime at <a href="https://requestmetrics.com/contact/" rel="nofollow ugc">https://requestmetrics.com/contact/</a> or <a href="mailto:hello@requestmetrics.com" rel="nofollow ugc">hello@requestmetrics.com</a>.</p>


Track real-user performance, fix Core Web Vitals, and boost your SEO.

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

Request Metrics vs First Screen CSS & Settings