Microthemer GPL Free Plugin is a WordPress point-and-click CSS editor plugin that helps site builders of all skill levels design like a pro. Create CSS grid layouts quickly and easily, design responsively, integrate with your favorite page builder (optional), use Sass, and get expert CSS assistance.
Microthemer 7.2 includes performance optimization for page speed right out of the box. Simply install it and begin designing. Microthemer will automatically organize your CSS styles into folders that load differently on different pages.
Inline critical CSS, defer non-critical CSS
A few styles for critical “above the fold” content (visible without scrolling) will be loaded in an inline style tag. This eliminates any network latency caused by external CSS files. Non-critical “below the fold” content styles load asynchronously, which means they do not interfere with the loading of more critical resources, such as text and images. Because of this careful tuning, Microthemer is the best WordPress CSS editor for page speed.
Microthemer WordPress Plugin Features
- Drag and drop CSS grid controls
- Responsive design for mobile and tablets
- Huge selection of CSS styling options
- Quick and easy access to Google fonts
- Live style editing preview
- Customize any theme or plugin
- Draft mode
- Use as a JavaScript Editor
- Integrates with key page builders
- WordPress design for all levels
- Supports developers to work faster
- Inspect and edit in one place with computed CSS reporting.
- Clean, optimized code that won’t slow your site down
- Export your designs between domains
- Autosave and undo are there to help if you make a mistake
Faster Page Speed
Microthemer’s threshold for “below the fold” can be adjusted. If you want to load more styles asynchronously, you can lower the default resolution to 1440 pixels in the preferences. The default setting of 1440 pixels is conservative. Some npm packages (for example, Critical, CriticalCSS, and Penthouse) have a 900px default threshold. However, setting the below fold threshold too low can result in cumulative layout shift issues (CLS).
When elements on the page jump around, this is referred to as cumulative layout shift. It is possible that this will occur if elements styled with asynchronous (delayed) CSS are visible on the screen when the page first loads. For example, the critical CSS places elements in one position, but the asynchronous CSS moves them. CLS is a Google web vital that contributes to your site’s overall page speed score.
Microthemer avoids CLS on most screens by setting the fold threshold relatively high. To be extra safe, for example, on 4K screens, you could raise the threshold to 2160px. There is, however, a counter-argument.
When a page first loads, do users look at the entire screen or just the logo, navigation, and hero section at the top? Some people define below the fold as any element that is more than 600px from the top, presumably to refer to the user’s area of focus rather than total screen size. I’m still looking into it. I have yet to find widespread agreement. In Microthemer, I chose a default threshold of 1440px to ensure that improved page speed does not introduce new issues.
No posts
What’s New – Changelog : Microthemer
= 7.2.4.5 (October 9th, 2023) =
# Bugs Fixed
* Fixed JS error – “TypeError: e.replace is not a function at Object.custom_to_non_escaped”.
* Fixed JS error – “Uncaught TypeError: Cannot read properties of null (reading ’empty’)”.
* Fixed JS error – “TypeError: Cannot read properties of undefined (reading ‘add’)”.
* Fixed JS error – “Uncaught TypeError: Cannot read properties of undefined (reading ‘split’)”.
* Fixed JS error – “TypeError: Cannot convert undefined or null to object”.
* Fixed JS error – “TypeError: Cannot read properties of undefined (reading ‘interactions’)”.
* Fixed JS error – “TypeError: Cannot read properties of undefined (reading ‘is’)”.
Download Microthemer WordPress Plugin
Note: If you are having trouble with Microthemer WordPress Plugin Free Download, try to disable AdBlock for the site or try another Web Browser. Disabling AD blocker or change Web Browser not help to you please contact us.