Docs index
MicrothemerAmenderGetting started- Introducing Amender
- Introducing Microthemer 7
- Install and setup
- Basic workflow
- AI assisted CSS styling
- Who is Microthemer for?
- Troubleshooting
- V6 to V7 (main changes)
- Amender interface tour
- Amender performance
The interface- Dark mode and layout options
- Selecting elements
- Styling options
- Draft vs published changes
- Folders
- Load assets on specific pages
- Automatic page speed
- Responsive media queries
- Uninstall, but keep changes
- Preferences
- Site navigator
- History restore points
- HTML and CSS inspection
- Single selector vs full code editor
- Adding custom JavaScript
- Generated CSS
- Keyboard shortcuts
- Development roadmap
How To- Create gradient text
- Blur the background, not the content
- Use Microthemer with Bricks Builder
- Apply CSS shapes and SVG masks
- Copy CodePen HTML/CSS/JS to WordPress
- Style WishList Member Registration Forms
- Use CSS pseudo elements (::before) for tooltips, Font Awesome icons, and speech bubbles
- Reuse styles with custom body classes
- WP container queries using Microthemer
- Gutenberg Responsive CSS using Microthemer
Old videos- CSS grid controls
- Designing ‘broken grid’ layouts
- 3-2 alternating grid columns
- Mobile-first Gutenberg grids
- CSS variables
- Learn flexbox
- Google fonts
- Elementor integration
- Beaver Builder integration
- Oxygen Builder integration
- Fast & scalable Sass compilation
Amender performance
If you’re excited about what Amender can do but unsure about performance or security, this video is for you. I run through my own performance benchmarks, show you how to reproduce them independently, and give a guided tour of the plugin’s architecture so you can see exactly how Amender is engineered for speed and safety.
Note: see chapter links and performance data below the video
Code Profiler Results
Click the chart below to see how Amender (with Microthemer enabled as an addon) compares to other popular plugins in terms of server-side processing time. You can use the Code Profiler plugin to get this kind of performance analysis on your own site.
Query Monitor Results
The table below shows how much time (in milliseconds), or weight each plugin adds to the base impact of the default Twenty Twenty-Five theme with no plugins active. The Query Monitor plugin and Chrome network tab was used to measure each plugin one at a time from the perspective of a logged out user. I refreshed the page 10 times for each plugin, and then sampled the next result that appeared average in terms of server load time.
Microthemer and Amender were applying one style and content change. Other plugins were not necessarily applying any functionality to the test page, so the numbers reflect the base impact they have on every page.