Title: MachStyle Author: Utsav Ladani Published: 02. svibnja 2026. Last modified: 03. svibnja 2026. --- Pretraga dodataka ![](https://ps.w.org/mach-style/assets/banner-772x250.png?rev=3521020) ![](https://ps.w.org/mach-style/assets/icon-256x256.png?rev=3521020) # MachStyle Od [Utsav Ladani](https://profiles.wordpress.org/utsavladani/) [Preuzmi](https://downloads.wordpress.org/plugin/mach-style.1.1.0.zip) [Live Preview](https://hr.wordpress.org/plugins/mach-style/?preview=1) * [Detalji](https://hr.wordpress.org/plugins/mach-style/#description) * [Recenzije](https://hr.wordpress.org/plugins/mach-style/#reviews) * [Instalacija](https://hr.wordpress.org/plugins/mach-style/#installation) * [Razvoj](https://hr.wordpress.org/plugins/mach-style/#developers) [Podrška](https://wordpress.org/support/plugin/mach-style/) ## Opis 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 1. Open MachStyle and go to `Test Flight`. 2. Add one rule for one page group, such as the home page, a post type, or a URL pattern. 3. Add the style handles you want to defer. Use the Audit Panel to find style handles. 4. Check the page on desktop and mobile. 5. Run PageSpeed on the Test Flight URL and compare the result with your normal live URL. 6. If the page looks correct and the metrics improve, copy the rules to `Live Settings`. 7. Enable live optimization. ### How to Use Audit Panel Audit Panel is a tool that helps you find style handles to defer. 1. Open the frontend of your website and open Audit Panel from MachStyle menu in admin bar. 2. Click on any stylesheet to temporarily remove its styling. This shows you what the page looks like for a fraction of second during load. 3. 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. 4. 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. 5. 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 ## Snimke zaslona * [[ * MachStyle Live Settings page * [[ * MachStyle Test Flight page * [[ * Audit Panel ## Instalacija 1. Upload the plugin files to the `/wp-content/plugins/mach-style` directory, or install the plugin through the WordPress plugins screen. 2. Activate the plugin through the `Plugins` screen in WordPress. ## ČPP ### What is Test Flight? Test Flight is a safe testing mode. It lets you preview optimization rules without affecting real visitors. ### Can I use PageSpeed Insights before going live? Yes. 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. ### What happens if something looks wrong? Turn off live optimization, remove or narrow the last rule you added, and retest in Test Flight. ### Does MachStyle remove CSS? No. It changes when selected styles load on matching pages. The goal is to keep important styles available first and delay less-critical styles. ## Recenzije Nema recenzija za ovaj dodatak. ## Suradnici i Programeri “MachStyle” je softver otvorenog koda. Sljedeće osobe su doprinijele ovom dodatku. Suradnici * [ Utsav Ladani ](https://profiles.wordpress.org/utsavladani/) [Prevedite “MachStyle” na svoj jezik.](https://translate.wordpress.org/projects/wp-plugins/mach-style) ### Zainteresirani ste za razvoj? [Pregledajte kôd](https://plugins.trac.wordpress.org/browser/mach-style/), pogledajte [SVN spremište](https://plugins.svn.wordpress.org/mach-style/)ili se pretplatite na [dnevnik razvoja](https://plugins.trac.wordpress.org/log/mach-style/) od [RSS](https://plugins.trac.wordpress.org/log/mach-style/?limit=100&mode=stop_on_copy&format=rss). ## Dnevnik promjena #### 1.1.0 * Added Audit Panel. It helps you find style handles to defer. #### 1.0.0 * Initial release. * Added conditional CSS defer rules for selected page conditions. * Added separate Live Settings and Test Flight modes. * Added Test Flight ID tools and admin bar quick access. * Added rule copy workflow from test to live. ## Meta * Version **1.1.0** * Zadnje ažuriranje **prije 7 dana** * Aktivnih instalacija **Manje od 10** * WordPress inačica ** 6.5 ili viša ** * Testirano do **6.9.4** * PHP inačica ** 8.1 ili viša ** * Language * [English (US)](https://wordpress.org/plugins/mach-style/) * Oznaka * [core web vitals](https://hr.wordpress.org/plugins/tags/core-web-vitals/)[css](https://hr.wordpress.org/plugins/tags/css/) [optimization](https://hr.wordpress.org/plugins/tags/optimization/)[performance](https://hr.wordpress.org/plugins/tags/performance/) [stylesheets](https://hr.wordpress.org/plugins/tags/stylesheets/) * [Napredni pogled](https://hr.wordpress.org/plugins/mach-style/advanced/) ## Ocjena No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/mach-style/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/mach-style/reviews/) ## Suradnici * [ Utsav Ladani ](https://profiles.wordpress.org/utsavladani/) ## Podrška Želite nešto reći? Potrebna vam je pomoć? [Pregledaj forum za podršku](https://wordpress.org/support/plugin/mach-style/) ## Doniraj Želite li podržati napredak ovog dodatka? [ Donirajte ovom dodatku ](https://github.com/Utsav-Ladani/MachStyle)