MachStyle vs Site Speed Test – SpeedGuard

MachStyle helps your pages feel faster by loading critical styles first and delaying selected non-critical CSS. You decide where this happens using simple rules. For many sites, this can help improve Core Web Vitals. MachStyle is designed for practical, low-risk testing: Create rules for specific page groups, post types, or URL patterns. Test changes safely in Test Flight before they affect real visitors. Compare results in performance tools like PageSpeed Insights before going live. Copy tested rules to live settings when ready. Small, measured changes work best. Test, compare, then roll out. How to Use Open MachStyle and go to Test Flight. Add one rule for one page group, such as the home page, a post type, or a URL pattern. Add the style handles you want to defer. Use the Audit Panel to find style handles. Check the page on desktop and mobile. Run PageSpeed on the Test Flight URL and compare the result with your normal live URL. If the page looks correct and the metrics improve, copy the rules to Live Settings. Enable live optimization. How to Use Audit Panel Audit Panel is a tool that helps you find style handles to defer. Open the frontend of your website and open Audit Panel from MachStyle menu in admin bar. Click on any stylesheet to temporarily remove its styling. This shows you what the page looks like for a fraction of second during load. Look at the top of your site. If it still looks readable and organized without that style, it’s a great candidate to stay deferred. If the page looks messy or the header breaks, that style is important for the first impression. Click it again to turn it back on. Once finished, click Copy Handles button to get your optimized list and add it to your MachStyle settings. What to Defer First Start with styles that are useful but not needed immediately: Footer styles Slider and carousel styles Form styles on pages that do not show forms right away Social share or widget styles below the fold Extra builder or block styles not needed at first paint What Not to Defer Avoid deferring styles that control first-view layout: Main theme layout styles Header, menu, and hero section styles Checkout and cart critical styles Any style that causes visible layout shifts when delayed Development & Contribution MachStyle is open source and welcomes contributions! GitHub Repository: https://github.com/Utsav-Ladani/MachStyle Report Issues: https://github.com/Utsav-Ladani/MachStyle/issues Feature Requests: https://github.com/Utsav-Ladani/MachStyle/issues Contribute Code: Fork the repository and submit pull requests

Track Core Web Vitals for the entire website and for individual URLs. Mobile and Desktop. Every day. Automatically. For free. No need to guess whether your website performance needs your attention or not – you will get the definite answer in your WordPress Dashboard in a few minutes. With SpeedGuard you get: Core Web Vitals (LCP, CLS, INP) testing for individual URLs of your website PageSpeed Insights (LCP, CLS) for the cases if your website doesn’t have Core Web Vitals yet automatic everyday monitoring both desktop and mobile testing links to the Google PageSpeed Insights reports (that include CWV on top as well) which you can pass to the performance engineer to improve your site speed tests are completely automated — you don’t need to do anything easy to use — just pick pages of your website that you would like to monitor It’s free 🙂 Test performance of any content in WordPress : Posts Pages Events WooCommerce Products any other Custom Post Type Archives Categories Tags any other Custom Taxonomy Idea Behind There is no need to say that performance IS very important. What’s also important — is to understand whether you have to worry about your website performance or it’s doing fine. Google Core Web Vitals are the metrics that Google uses to measure the user experience on the web (real user experience!). If your website passes CWV assessment for Origin — it means that your website is fast enough for the majority of users. If it doesn’t pass — it means that you have to fix this. If it does pass but quite a few specific URLs are not passing — it’s a good time to look into those URLs and improve them to prevent the entrire webstie to be marked as failing CWV. I wanted a simple easy-to-use tool to warn me in case my clients’ websites performance has a bad tendency and needs my attention. I wanted a native WordPress solution, with all information available from the dashboard, simple but still informative, a guard who will do the monitoring every day and ping me, in case something goes wrong. I have not found one and that’s why I’ve built this plugin. I’ll be happy to know that you find it useful as well — please, leave a review. P.S. Note about PageSpeed Insights: you SHOULD always use CWV data in case it is available for your website. In case it is not available (when the website is new and/or doesn’t have enough traffic yet) — use PageSpeed Insights. But you have to remember, that PSI — are lab tests, it’s just an emulation of real users experience. It’s better than nothing, of course. Watch my talk here if you want to understand Core Web Vitals Mystery better.