Forum Replies Created
-
AuthorPosts
-
Hi Mike
Thank you for looki8ng into this so thoroughly! It’s very much appreciated.
I will go and look at why this is being duplicated – it could be the Beta feature in WP-Rocket’s new CSS cleanup tool – I will send them a support ticket to ask them to check it.
In the meantime thank you!
All the best
EdHi Ismael
Thanks for replying.
I have no idea what’s going on as you’re right, it all came back! So sorry to have wasted your time.
My only issue is the backwards arrow on the left – it should point the other way – any ideas?
Thanks
EdThanks for your help Yigit.
Sadly, if I have to turn off CSS compression I will compromise the site performance so at least now I know where I’m at.
Thanks for sorting this.
Kind regards
EdHI Rikard
The code is what you get from opensea.io – it’s an NFT trading site (crypto art). I have 80 listings and want to embed a selection on a web page. That code is what you get when you select their ’embed’ option.
My collection is here: https://opensea.io/collection/abstract-art-by-swarez
Click any listing and click ‘share’. That’s the embed code you get. Nothing more. I was hoping to display it here: https://www.swarez.co.uk/nft-and-crypto-art/
Logins in private section.
Thanks in advance.
EdApril 25, 2021 at 7:38 pm in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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 22, 2021 at 8:40 am in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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 20, 2021 at 8:44 am in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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, 7 months ago by Swarez.
April 17, 2021 at 10:10 am in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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 10, 2021 at 10:15 am in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #1293620Hi Rikard
Please keep the post open – I just need to get a little time free to gather the info together/.
Many thanks
EdApril 7, 2021 at 10:30 am in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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 6, 2021 at 9:39 am in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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 3, 2021 at 7:14 pm in reply to: Avia merged Styles.css – unable to remove 80% unused CSS! #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, 7 months ago by Swarez.
Thanks @ismael – that’s very kind of you.
Sadly, it doesn’t yet seem to have made any difference to the CLS issues. My temporary workaround was to swap the image to below the fold but that isn’t how I want things to be. I really hope we can get a solution on this soon – you have flagged it with Kreisi yes? With Gutenberg and blocks making more progress the need for a slicker and faster theme could prove commercially smart for any developer. Just my thoughts.
Thanks for you help as always.
EdHi @ismael
Thanks for the reply.
The Lab Data is the one that Google use in the Search Console so I am currently red in terms of performance. FYI all image and data files are served via CDN (KeyCDN) so there shouldn’t be any significant latency serving scripts or images.
An inspection of the CLS problems seems to point to code that manages the grid elements. Just worth noting that.
Regards
Ed@ismael thanks for the response.
I am using WP Rocket Lazy Loading yes. No animations though.
The issue with disabling Lazy Loading is the impact it has on page load – so you cure one problem but introduce a huge new one!! In fact, disabling lazy loading only reducing CLS by a third so no real solution.
What we need is a Lazy Load script that recognizes the correct responsive image dimensions and create the corresponding placeholder so that there is no CLS. Would that not seem logical?
I cannot achieve this with WP Rocket or the inbuilt Enfold option. Have tested one or two other plugins but they don’t resolve the problem either.
Any other suggestions?
I am having the same issues with CLS. My issues seem to come from Grid Rows and columns and also the main image on the page (I am primarily concerned with the portfolio pages here in ALB).
<div class="flex_cell no_margin av_one_half avia-builder-el-3 el_after_av_cell_one_h…" style="vertical-align:middle; padding:30px; ">
That is one example – taken from here: https://www.swarez.co.uk/modern-art-paintings-for-sale/rangwali-holi/
Any suggestions? Is Kreisi working on improving code with this or any other general code improvements? Things are moving fast in the world of search and Core Web Vitals are here to stay. We all want clean code and fast sites. What can you update us with please?
Thanks
Ed- This reply was modified 3 years, 9 months ago by Swarez.
October 19, 2019 at 10:24 am in reply to: Contact form issue: 'no-reply@mydomain.com' at the top of sent messages #1149480Thanks Ismael – I will paste the new code and test!
Thank you
EdOctober 16, 2019 at 3:18 pm in reply to: Contact form issue: 'no-reply@mydomain.com' at the top of sent messages #1148479Hi Ismael
Thank you for the update – no, I haven’t’ used any filters as you mention.
Not sure how I even do that to be honest!
Shall I just cut and paste your code in place of the code i posted?
Many thanks
EdOctober 13, 2019 at 11:17 am in reply to: Contact form issue: 'no-reply@mydomain.com' at the top of sent messages #1147557Hi Rikard
All updates done, caches cleared and asked for a couple of test emails from Facebook friends – still the same problem….
Thanks
EdHi Victoria
I have rolled back my whole website and database to a backup from Monday and it has returned back to how it should be.
If you had any ideas I would to hear them but don’t worry of not – I have resolved it but it’s very strange that the theme is behaving like this?
Thanks again
EdHi Victoria
Yes that’s what I’m referring to – thank you for the screen-grab.I have a major problem here.
When I go to a Portfolio item all the images (in any image container) are NOT displayed. Additionally when I click in to the image and, for instance, choose ‘insert’ (to perhaps re-select it) I go to ‘Uploaded to this post’ and the list is empty – it say ‘no items found’.This was not the case beforehand. So suddenly there is an issue with the theme not associating images with Portfolio items – yet they were before I switched themes temporarily.
So the images you see in the screen-grab should all be the same dimensions – 650px x 450px. It looks like the theme is not picking up this in the image element.
Will provide logins in Private data.
Hope you can help? This is rather stressful!
Thanks
EdOctober 24, 2018 at 12:06 am in reply to: Update 4.5 – where has the 402 x 325px Portfolio image size gone? #1025699Hi Nikko
The code works! I can now resize and save a Portfolio image of 402x325px!
Thank you so much!
Best wishes
EdOctober 23, 2018 at 10:17 am in reply to: Update 4.5 – where has the 402 x 325px Portfolio image size gone? #1025303Thank you Nikko
I will test and report back! Thanks for the code – that will be a big help if it works okay.
Kind regards
EdOctober 22, 2018 at 11:07 am in reply to: Update 4.5 – where has the 402 x 325px Portfolio image size gone? #1024780Hi Nikko
Thank you for your help – this is odd but I’ll do the adjustments in functions.php.
Sorry to have wasted your time.
Regards
EdOctober 19, 2018 at 8:33 pm in reply to: Update 4.5 – where has the 402 x 325px Portfolio image size gone? #1024212by the way that link from above doesn’t link to anything – did you mean it to?
October 19, 2018 at 8:32 pm in reply to: Update 4.5 – where has the 402 x 325px Portfolio image size gone? #1024211That’s odd because I download every thing from Themeforest as a ZIP file. A simple unpack and I get the code above so how is yours different?? And I have been doing the exact same thing for four years and each one is the same I assure you!
And yesterday was the first time it changed.
So please Nikko, can you tell me what’s happened?
You guys and girls are superb in what you do but this has absolutely no explanation – why has every fresh version of the theme unpacked and given me code above? It makes no sense.
Even on my server all the image uploads have a 402x325px image. and this is generated from functions.php
I appreciate what you’re saying but this is odd don’t you think?
Thanks
EdOctober 19, 2018 at 7:11 pm in reply to: Update 4.5 – where has the 402 x 325px Portfolio image size gone? #1024178Hi Nikko
Thank you for replying but unfortunately your information is a little inaccurate.
For example, in version 4.1 the functions.php file registers this:
$avia_config['imgSize']['portfolio'] = array('width'=>402, 'height'=>325 ); // images for portfolio entries (2,3 column)
That clearly sends a request to create an image at these dimensions for the tag ‘portfolio’In version 4.5 (that I refer to) that has now changed to this:
$avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column)
which now registers a different size upon image upload. So, with reference to my original problem, WordPress will not generate a 402x325px image unless I physically go and change this directly in functions.phpI don’t want to do this every time you have an update. So please either change it back or explain why you have changed the properties of this entry please? It messes with all the resizing optimization for all my Portfolio entries.
I would be grateful if you could paste me some code where I can override this in my child theme functions.php
Thank you in advance
Regards
EdPS – I have unzipped a fresh copy of 4.07 and there is no mention of a 495 x 400 px image size! FYI this is the entire selection of registered image sizes from 4.07
$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>402, 'height'=>325 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider $avia_config['imgSize'] = apply_filters('avf_modify_thumb_size', $avia_config['imgSize']);
- This reply was modified 6 years, 1 month ago by Swarez.
Thanks Rikard – you can close this now – thank you !!!!
Thank you Rickard
Works great now that I figured out where to place the snippet (after creating the CSS class).
Thank you for your help – one to bear in mind for the future!
Kind regrads
EdHey @dude
Thanks for the reply; I appreciate you taking time to do that. All points noted, thank you
You can close the thread.
Regards
Ed -
AuthorPosts