Questions about Oxygen

Question

Hi there,\u000aI use Oxygen Classic a lot. While I love the control, it has a couple of issues I battle with. I currently resolve these with a lot of fudging with the backend builder code and handling all CSS in stylesheets. For context, I\u0027m obsessed with keeping my pages to under 50 kb/pageview.\u000aI\u0027m curious if Microthemer might resolve some of these issues:\u000a* Oxygen\u0027s natural (comparatively minimal) bloat and unnecessary classes being loaded by default. It\u0027s possible to optimise and replace Oxygen.css, but not the part that ends up in universal.css. If your tool can replace that or at least create something optimisable, I\u0027m sold.\u000a* Oxygen defaults to big \u003E small media queries. Looks Microthemer can reverse that?\u000aOn the other hand, what bloat might this add? Please be honest!\u000aAlso... Will Oxygen 6 be supported, at least once it is out of beta?

Sebastian_Microthemer · Answer

Hey there, \u000a\u000aThanks for getting in touch. In answer to your questions.\u000a\u000a\u002D Microthemer doesn\u0027t remove CSS added by other tools like Oxygen. So it would not help with reducing the size of universal.css.\u000a\u002D Microthemer only adds the CSS styles you create with it, and some JavaScript if you apply event based animations like inView. You can see what it adds if you visit the frontend as a non\u002Dlogged in user (as an admin there are extra JS files to make the editor work of course). \u000a\u002D Microthemer uses big to small media queries by default, although you can choose from various sets (e.g. mobile first). Whatever you choose, Microthemer would not alter the order of media queries in Oxygen.\u000a\u002D In terms of bloat, Microthemer is considerate. It will added CSS styles that you create with it \u002D it doesn\u0027t replace CSS. So it is additive. But it adds CSS in the most performant way it can. It loads CSS asynchronously for below the fold content (context 1400 pixels from the top of the browser). And it loads (minimal) above the fold CSS as an inline style tag by default to reduce http lookups. And it minifies CSS for non\u002Dlogged in users. You should be able to use it while keeping under your 50KB goal as the render blocking above fold CSS will be minimal.\u000a\u002D Microthemer will support Oxygen 6 at some point, but it may not be the exact moment it comes out of beta. I\u0027m currently focusing on the AI assistant at the moment: https://themeover.com/wordpress\u002Dcss\u002Dediting\u002Dwith\u002Dai/\u000a\u000aI hope that helps. Let me know if you have any more questions.\u000a\u000aThanks!\u000aSebastian

rose46 · Answer

Thanks!\u000aI think there\u0027s one other question, then \u002D how do you manage universal vs. page\u002Dspecific CSS? Page\u002Dspecific CSS, right? And is it pre\u002Dminified in output files?\u000aI like to also mess around with preloading and so on. The asynchronous splitting sounds good \u002D as long as there\u0027s clarity over how it\u0027s done and the ability to tweak it one way or another (even if that means custom functions.)

Microthemer

Share Microthemer

Related questions