Improve css loading when use a block

This is not a support question, but a suggestion to improve your plugin speed performance.

If we add any of the blocks you provide, for example row block on a page, it loads a css file qubely.bundle.min.css (which is a 20kb minified file). This is not a good idea to load all the css which is not specific to a particular block. If we insert row block, it should only load css related to that block.

See how wordpress is utilizing default inline css for each core blocks using should_load_separate_core_block_assets filter introduced in wordpress 5.8 https://make.wordpress.org/core/2021/07/01/block-styles-loading-enhancements-in-wordpress-5-8/ , this way only css code of specific core blocks are loaded, when we use it on a page.

The same way you can also keep css of each blocks to separate chunks and load inline only when needed on the page, this way you don’t need to load a 20kb file each time and only few lines of chunks css loaded as per the used block.

One more thing, your row block is excellent for crating layouts, but one thing is missing that you not provide media query breakpoint decision on end user hand. You should provide some setting section where we can globally decide on what px breakpoint for mobile, tablet and desktop should be used.

Btw your plugin is really excellent, full of features and can be used as a complete page template builder 🙂