Tagged: avia-merged-styles, CSS
-
AuthorPosts
-
April 3, 2021 at 7:13 pm #1292122
Hi there.
I have been using Google Dev Tools to inspect avia merged styles. css (among others) to determine why exactly I cannot remove the 80% of bloat I DO NOT need.
I have Asset Manager Pro plugin installed which I can successfully use to remove all of the files I do not need. A OP Cache purge and wipe of WP Rocket does nothing to avia merged styles.
When I go to Enfold >> Performance and try to load elements manually (to just the ones I use) I still get EVRYTHING loaded in the avia merged styles.css
Why is this? Why can’t I remove the bulk of what I don’t need? It’s costing me 0.5 seconds per page load – too much bloat!! Please tell me what I’m doing wrong here?
Your help is appreciated
Thanks
EdApril 3, 2021 at 7:14 pm #1292123The red bars indicate the amount of unused CSS for the portfolio pages (the bulk of my site). I would have hoped that Asset Manager pro would have been able to unload all the relative js and css from the pages as I check the boxes. I know that to be the case as the individual assets are removed in the code. But for some reason the dynamic files do not reflect those changes… is it to do with the way that Enfold caches assets and files? I have WP Rocket installed.
The developer of the plugin says that it does remove the files I ask it to so i don’t think that is the problem here.
Thanks
Ed- This reply was modified 3 years, 6 months ago by Swarez.
April 6, 2021 at 7:14 am #1292681Hi Ed,
Did you select to activate the option to delete the old CSS and JS files under Enfold->Performance? If that doesn’t work, then you can try to delete the files in question manually via FTP in the uploads/dynamic_avia/ folder. If you delete things manually, then make sure to toggle something and save the theme options, so that the theme files will be generated again.
Best regards,
RikardApril 6, 2021 at 9:39 am #1292710Hi Rikard
Thanks for your reply.
None of that makes any difference. The merged-styles CSS file has been regenerated and is still 512KB and still contains everything. All caches cleared and KEYCDN zones purged.
All old files deleted through the Performance tab option.
This is madness and I need to find a way of reducing all this bloat that I don’t need.
Any other suggestions please?
We have a new algorithm update coming regarding Core Web Vitals and this will make all the difference to the performance of my site. All I want is for the theme to recognize the code I DON’T want.
Thanks
EdApril 7, 2021 at 6:16 am #1292984Hi Ed,
Thanks for the update. I’m not sure exactly what you are expecting, but the theme won’t generate files for each of your pages or posts. It only generates one CSS file for the whole site.
Best regards,
RikardApril 7, 2021 at 10:30 am #1293023Hi Rikard
So even if I unload CSS and JS as a sitewide rule, the theme will not recognize that?
Why do you create a theme option in ‘Performance’ that allows you to only load the elements you want but then generate a CSS file with EVERYTHING put back in it!
It’s a contradiction and is ridiculous – would you not agree? None of this makes sense.
How difficult would it be to add code to let you remove what you need ands then generate a CSS file with reduced bloat? I thought you guys were passionate about performance?
Thanks
EdApril 9, 2021 at 4:44 am #1293414Hi Ed,
Of course the theme options should work as you described. What I wrote in my last reply was that the theme won’t generate separate files for each page and post, which it seemed like you were expecting.
Where can we see and reproduce the problem you are having?
Best regards,
RikardApril 10, 2021 at 10:15 am #1293620Hi Rikard
Please keep the post open – I just need to get a little time free to gather the info together/.
Many thanks
EdApril 12, 2021 at 11:58 am #1293915Hi,
Thanks for the update, we’ll keep this thread open for you.
Best regards,
RikardApril 17, 2021 at 10:10 am #1294887Hi Rikard
Sorry for the delay
I get what you mean regarding the CSS being generated for the whole site in the dynamic stylesheet and that the theme only produce one version to cover everything. Now that kind of makes the point of my reply redundant but I’d like to check a few things if I may?I have the following UNLOADED everywhere (according to Asset Cleaner Pro):
CSS>
avia-module-catalogue
avia-module-postslider
avia-module-rotator
avia-module-slideshow
avia-module-slideshow-fullsize
avia-siteloaderJS>
avia-module-slideshow
avia-module-slideshow-videoI guess until I change pother features on other pages I cannot strip out more as I will still require some elements for other features – even if only for ne page.
So, can you check to see if the CSS is rendering without the above?
And also if I were to un-compress everything (uncheck your ‘Enable’ option) I would go back to serving individual JS and CSS files on a per-page basis right? So would that mean I then only serve what each page calls for, rather than the same dynamic files when compression is enabled?
Your help would be greatly appreciated.
Thanks
EdApril 20, 2021 at 6:09 am #1295420Hi Ed,
Thanks for the update. I can’t see a link to your site in this thread, so I can’t check anything for you unfortunately. If you need us to check your site, then please turn off file compression first, or give us access to the backend so that we can turn if off temporarily.
All CSS and JS files are served on every page, regardless if you have file compression active or not. The big advantage with having file compression active, is that all the CSS and JS files are bundled into one file, which is basically what that functionality does. So instead of serving one CSS file for each module, all modules are combined in one file.
Best regards,
RikardApril 20, 2021 at 8:44 am #1295449Hi Rikard
Private info link sent, sorry, I thought I’d sent one! My apologies.
Kind regards and thank you
Ed- This reply was modified 3 years, 5 months ago by Swarez.
April 22, 2021 at 5:26 am #1295919Hi,
Thanks for the update. The login details don’t seem to work, could you check and verify please?
Unknown username. Check again or try your email address.
Also, I see a Google Authenticator field on the login page. Is that required for logging into your site?
Best regards,
RikardApril 22, 2021 at 8:40 am #1295957Hi Rikard
My humble apologies – I was recycling a previous user (actually the guy at WP-Rocket called Remy!) and omitted to tell you that the username cannot be amended!So, the password is correct but your username is remy (was easier than setting up another user!)
I have temporarily removed Google Authenticator
Thanks again and sorry for the delay!
EdApril 24, 2021 at 5:36 am #1296470Hi,
Thanks for that, login details are working now. I checked what is being loaded from the theme styles, and it looks to be correct according to your settings.
Best regards,
RikardApril 25, 2021 at 7:38 pm #1296625Thanks Rikard
So the only way to reduce the bloat is to remove more files across the whole site. So that will mean going through al my pages and removing elements I think I don’t need then removing them at a global level? Crazy!
I would love Kreisi to take the speed and performance issues more seriously. I have half a second of bloat on every page.
Thank you for your efforts – I do appreciate it. But it seems I can do nothing now except strip everything put I don’t want and then go back and fix the pages that are broken.Thanks
EdApril 27, 2021 at 6:43 am #1296907Hi Ed,
Thanks for the update, and feedback. We are always trying to improve performance of the theme. I’m not sure if we’ll be able to load only the resources which are actually being used for each page or post, but it’s what we’re aiming for at least. I’m not sure if there are any themes out there which have actually done this, to be honest with you.
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.