These two fonts are required by my Mobile Menu plugin:
However, when Debloat is active, they are not loaded. PageSpeed Insights reports 404 errors when trying to load them. Is there any way to excluded them from processing by the Debloat plugin?
]]>I’ve got critical scripts in the Exclude Scripts option.
Yet Debloat is still applying Minify to the script, and then breaks the script. There seems to be no way around this problem other than to exclude a script from getting Minify’ed.
The option is called “Minify all the deferred or delayed JS files” but doing more than that. It’s modifying scripts that are NOT being deferred or delayed.
This is confusing and I say a bug. If I assign scripts to be excluded, they should be modified.
What’s my options for getting Debloat to stop applying Minify to scripts?
]]>Hi,
I am using w3 total cache, debloat and cloudflare.
I use the following instructions.
w3 total cache:
page cache, HTML & XML minify, Object Cache, Browser Cache, Lazy Load Images, Disable Emoji, Disable jquery-migrate on the front-end, Cloudflare Extension
debloat:
Fix Render-Blocking CSS, Inline Optimized CSS, Inline Google Fonts CSS, Minify CSS, Defer Javascript, Minify Javascript
So, should I not use Minify css, JS on the cloudflare side? Am I right?
Thank you in advance.
]]>Hi asadkn,
The inc/admin/cache.php file does not seem to contain the WP-Optimize code to automatically flush the cache for that plugin. Maybe you would like to add that piece of code in the next update?
Looking forward to your reply ??
Thanks in advance.
P.S. I tried to add this piece of code, but it did not seem to work:
// WP-Optimize
if (class_exists(‘\WP_Optimize’) && is_callable([‘\WP_Optimize’, ‘clear_cache’])) {
\WP_Optimize::clear_cache();
}
Hello,
The plugin creates a lot of css files in folder ‘upload/cache/debloat/css’ taking more than 20GB.
Is there anyway to reduce this?
Thank you
the “Exclude Styles”, “Target Stylesheets” and “Exclude Stylesheets” feature doesn’t work. unless i’m doing something wrong?!
]]>“JavaScriptUncaught TypeError: Cannot read properties of null (reading ‘replaceChild’) in https://example.com/wp-content/plugins/debloat/inc/delay-load/js/delay-load.min.js?ver=00c83d508a60 on line 1 column 2359 at https://example.com/”
]]>I installed debloat. I like it but I have one issue I’d like some help with. My site has two instances of reCaptcha v3. One through a plugin and one through Divi. I basically just checked boxes in the debloat setup. Debloat is ‘off’ for admin users. Also, the presets for Elementor and WPBakery are checked and I am not able to uncheck them. The plugin re-checks the checkboxes.
When I visit the site on desktop, the reCaptcha badge is gone. When I log in as admin on desktop, the badge is visible. When I visit the site on mobile, the badge is gone. However, if I test the site for mobile with Google’s PageSpeed Insights, it looks like the js for reCaptcha is being loaded twice on mobile and twice on desktop devices.
I have a contact form on every page of the site as well as a payment page in the store. ReCaptcha v3 is managed by Divi for the contact forms and a plugin for the WooCommerce store.
My dream is to have reCaptcha and the badge function on both mobile and desktop, and for it to only load one instance of it. What do I need to do to accomplish that?
]]>Delay and Defer JS is causing the elementor widget container to not show up on my home page. Was working fine with my settings but recently stopped working. Is there any way to keep Debloat from blocking the containers for Elementor?
]]>Hello
I want to remove unused CSS, JS and render-blocking issues from page speed when I checked speed. I am using Debloat for resolving this issues but when i enable Defer Javascript option my site gets spoiled images not loading. I have screenshots please check this.
Screenshots: https://prnt.sc/qnaRKI6xsNU6 , https://prnt.sc/0YJ8yAAWx9Ig , https://prnt.sc/FuV93KrgpOfl
site URL : https://staging.sainthonore.com/
could you please tell me how can we fix this issues as it it most important to us.
Hello I am trying to solve a problem, I am using Sticky Header Effects for Elementor Plugin to make my head sticky, without debloat this is classes showing in html for my header
elementor-element elementor-element-fdec67a sticky-header she-header-yes e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent she-header e-lazyloaded elementor-motion-effects-element elementor-motion-effects-element-type-background elementor-sticky elementor-sticky–active elementor-section–handles-inside
and when we scroll page it adds sticky–effect class as well
but If I enable Debloat “Remove Unused CSS” option
it is only adding these classes to html
elementor-element elementor-element-fdec67a sticky-header she-header-yes e-flex e-con-boxed lakit-col-width-auto-no e-container e-root-container elementor-top-section e-con e-parent e-lazyloaded she-header
now I don’t understand why is it removing these classess from html instead of css ? and I tried to untick Enable for Theme CSS or Enable for Plugin CSS but even when both options or I say all three options are untick then still it is showing only the classes of second case not first.
If I untick “Remove Unused CSS” then it works again and add classes again.
how can I solve this problem ?
Your Plugin is just cool, and deserves 5 stars, but after solving a small problem. The plugin ignores the wp-content/plugins/elementor-pro exception* how to solve this problem? It removes all CSS without harm to the site, but ignores the deletion of elementor-pro* files that are used
]]>hi,
Elementor uses hexadecimal notation to define colors even something needs to be transparent. I’ve added a transparent button with color #ffffff00 (note the last 2 digits referring to the alpha) but debloat simply cuts it and showin #ffffff white. Is there any workaround to fix thins issue?
thanks in advance.
The setting found in “Optimize JS” -> “Optimize JS” -> “Exclude Scripts” – I’m not sure if this is doing what it’s supposed to do. The text under the box says “Enter one per line to exclude certain JS files from being deferred.”
So does this mean that any script listed here should remain in it’s original location in the raw HTML, rather than be moved to the footer?
When I enter the path of one of my custom .js files in this box, it’s totally removed from the entire site. My custom script itself is inserted in functions.php with:
wp_enqueue_script('ajax-js', get_stylesheet_directory_uri() . '/js/ajax-location-2.js', array('jquery'), null, true);
I don’t think other scripts are being removed, so what is going on?
]]>Can you add a lazyrender html elements feature? I have some code I can share with you, do you have an email address I could forward it to?
]]>Issue with JS, When I activated both Elementor and Debloat.
Are you aggregating JS?
Undefined array key “media” in /wordpress/wp-content/plugins/debloat/inc/optimize-css/stylesheet.php on line 180
]]>One of the performance items I’ve seen on many speed tests is a “remove unused javascript” warning. A feature to automatically remove unused javascript would significantly reduce the page weight of a page to the point where it should be near instant.
Would it be possible for you to add that feature? There isn’t a single optimization plugin I am aware of that has that feature.
]]>Hello, to ask for support regarding this error log:
‘[28-Jan-2024 19:43:28 UTC] PHP Fatal error: ob_start(): Cannot use output buffering in output buffering display handlers in /home/user/public_html/wp-content/plugins/debloat/inc/file-system.php on line 44’
Can you please propose how to solve? As is with a error, the plugin is half working, if i’m not wrong, only for the cached pages.
Thank you regards
]]>Po-Up does not open on mobile after enabling Delay JS execution till HTML is loaded to fix Render-Blocking JS issues options. I want this option to enable it is making my website faster
]]>Grab inline css and load it as external stylesheet
]]>Hi!
Id like to be able to clear Debloat cache plugin when I do a general or partly cache clear via the Litespeed plugin.
What would I need to use in order to be able to clear Debloat for Litespeed?
Can I empty cache via url or similar=?
]]>No option for complete/full uninstall.
When uninstalling some users like me want to remove all files and traces of the plugin.
Add a option to enable or disable delay load script to load immediately. For example, if user visits the site for the first time, then use interaction, or Max seconds to automatically load script. Then on repeated visits by the same user, make scripts loading immediately.
Currently I modified the plugin file delay-load.php :
$js = sprintf( ‘<script>var debloatConfig = %1$s;</script>%2$s’, json_encode($configs), $js );
to
$js = sprintf( ‘<script>var debloatConfigStr=localStorage.getItem(\’debloatConfig\’);var debloatConfig=debloatConfigStr?JSON.parse(debloatConfigStr):{“cssDelayType”:”interact”,”jsDelayType”:”interact”,”jsDelayMax”:””};if(debloatConfigStr){debloatConfig.jsDelayMax=”1″}localStorage.setItem(\’debloatConfig\’,JSON.stringify(debloatConfig));</script>%2$s’, json_encode($configs), $js );
Hope this option added in future version ??. In this way, Page speed score will always 90+, while maintaining better UX for further navigation.
]]>I would need an improvement on the plugin settings management: given that the delay activation mode switch is present in the delay-load.js file, it would be optimal to have the possibility to select the choice from the backend; now however this switch is totally useless, given that it is set in the class as “interact” property, which also makes it seem like there is an error, given that the page remains blank until the user interacts.
]]>- Inline:?Your used CSS is inlined above the fold in the source code of your site. This option is best for PageSpeed scores.
- File:?Your used CSS is put into a separate CSS stylesheet (file). This is the best for user and perceived performance as the file can be cached on repeat visits and reduces the size of the HTML doc.
Consider adding option to load used CSS as a static file instead of inlining?
Hello asadkn, I saw that you released a new version in the changelog, but forgot to change the version from 1.2.3 to 1.2.4 so that the wordpress api communicates the sites where the plugin is installed ??
]]>Would it make sense to run a scan and gather used selectors for 3-4-5 of the same post type and generate 1 used css instead of one per page or post?
I’m fine with we end up with 80-90% used css, and loading one for front page, one for pages one for different cpt and posts.
Also found it generate 1 inline tag per css file I would prefer an option to group them into one.
I installed this plugin next to wp rocket. Checked and cached all the files, but it did not affect the page.speed results, and the Reduce unused CSS option in pagespeed.web.dev still shows
]]>I was happy with its result but alas it was creating so much css files or caches upto 2500 files was showing in debloat settings, and because of this my 2gb database got fill, although it was cleared after emptiyng caches of debloat but IONOS my hosting provider lock the database after 2gb limit, so no new write functions until they manually unlock it.
If you can provide some solution or anything?
with its cache my database was 2gb and without it it was 170mb.