Initial release of MachStyle.<\/p>","1.1.0":"
MachStyle helps your pages feel faster by loading critical styles first and delaying selected non-critical CSS.<\/p>\n\n
You decide where this happens using simple rules. For many sites, this can help improve Core Web Vitals.<\/p>\n\n
MachStyle is designed for practical, low-risk testing:<\/p>\n\n
Small, measured changes work best. Test, compare, then roll out.<\/p>\n\n
Test Flight<\/code>.<\/li>\n- Add one rule for one page group, such as the home page, a post type, or a URL pattern.<\/li>\n
- Add the style handles you want to defer. Use the Audit Panel to find style handles.<\/li>\n
- Check the page on desktop and mobile.<\/li>\n
- Run PageSpeed on the Test Flight URL and compare the result with your normal live URL.<\/li>\n
- If the page looks correct and the metrics improve, copy the rules to
Live Settings<\/code>.<\/li>\n- Enable live optimization.<\/li>\n<\/ol>\n\n
How to Use Audit Panel<\/h3>\n\n
Audit Panel is a tool that helps you find style handles to defer.<\/p>\n\n
\n- Open the frontend of your website and open Audit Panel from MachStyle menu in admin bar.<\/li>\n
- Click on any stylesheet to temporarily remove its styling. This shows you what the page looks like for a fraction of second during load.<\/li>\n
- 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.<\/li>\n
- 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.<\/li>\n
- Once finished, click Copy Handles<\/strong> button to get your optimized list and add it to your MachStyle settings.<\/li>\n<\/ol>\n\n
What to Defer First<\/h3>\n\n
Start with styles that are useful but not needed immediately:<\/p>\n\n
\n- Footer styles<\/li>\n
- Slider and carousel styles<\/li>\n
- Form styles on pages that do not show forms right away<\/li>\n
- Social share or widget styles below the fold<\/li>\n
- Extra builder or block styles not needed at first paint<\/li>\n<\/ul>\n\n
What Not to Defer<\/h3>\n\n
Avoid deferring styles that control first-view layout:<\/p>\n\n
\n- Main theme layout styles<\/li>\n
- Header, menu, and hero section styles<\/li>\n
- Checkout and cart critical styles<\/li>\n
- Any style that causes visible layout shifts when delayed<\/li>\n<\/ul>\n\n
Development & Contribution<\/h3>\n\n
MachStyle is open source and welcomes contributions!<\/p>\n\n
\n- GitHub Repository<\/strong>: https:\/\/github.com\/Utsav-Ladani\/MachStyle<\/li>\n
- Report Issues<\/strong>: https:\/\/github.com\/Utsav-Ladani\/MachStyle\/issues<\/li>\n
- Feature Requests<\/strong>: https:\/\/github.com\/Utsav-Ladani\/MachStyle\/issues<\/li>\n
- Contribute Code<\/strong>: Fork the repository and submit pull requests<\/li>\n<\/ul>\n\n\n
\n- Upload the plugin files to the
\/wp-content\/plugins\/mach-style<\/code> directory, or install the plugin through the WordPress plugins screen.<\/li>\n- Activate the plugin through the
Plugins<\/code> screen in WordPress.<\/li>\n<\/ol>\n\n\n\nWhat is Test Flight?<\/h3><\/dt>\nTest Flight is a safe testing mode. It lets you preview optimization rules without affecting real visitors.<\/p><\/dd>\n
Can I use PageSpeed Insights before going live?<\/h3><\/dt>\nYes. A good workflow is to record a baseline score on the normal page, then run the same test against the Test Flight URL and compare metrics like LCP, INP, and CLS.<\/p><\/dd>\n
What happens if something looks wrong?<\/h3><\/dt>\nTurn off live optimization, remove or narrow the last rule you added, and retest in Test Flight.<\/p><\/dd>\n
Does MachStyle remove CSS?<\/h3><\/dt>\nNo. It changes when selected styles load on matching pages. The goal is to keep important styles available first and delay less-critical styles.<\/p><\/dd>\n\n<\/dl>\n\n\n
1.1.0<\/h4>\n\n\n- Added Audit Panel. It helps you find style handles to defer.<\/li>\n<\/ul>\n\n
1.0.0<\/h4>\n\n\n- Initial release.<\/li>\n
- Added conditional CSS defer rules for selected page conditions.<\/li>\n
- Added separate Live Settings and Test Flight modes.<\/li>\n
- Added Test Flight ID tools and admin bar quick access.<\/li>\n
- Added rule copy workflow from test to live.<\/li>\n<\/ul>","raw_excerpt":"MachStyle helps your pages feel faster by loading critical styles first and delaying selected non-critical CSS.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/304947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=304947"}],"author":[{"embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/utsavladani"}],"wp:attachment":[{"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=304947"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=304947"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=304947"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=304947"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=304947"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tir.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=304947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}