- This topic has 12 replies, 3 voices, and was last updated 3 months, 3 weeks ago by David.
May 26, 2020 at 3:49 pm #1302720Brian
First, thanks for the amazing theme! I am trying to tweak a few last things on my new site to speed it up as much as possible. I am getting the “serve scaled images” error on speed tests. The big one is my main icon/logo (I believe), which I can’t understand because I resized it to the 200×200 that it is being sized to in CSS according to GTMetrix and reuploaded, but that didn’t fix it. There are also a couple of other images, like on this page: rgystudio.com/rgy-studio-portfolio, and I can’t figure those out either. I have tried some plugins for image optimization, but when they work, it’s only temporarily. Currently, I have Smush active, but it only worked briefly. Do you have any insights to help with this?
Thank you!May 27, 2020 at 12:55 am #1303088DavidStaffCustomer Support
1. I searched the site for the image URL being reported and it is the image in the From the Owner section.
2. Similar search and its almost every image in the Logo, Print and Social Media sections. In Elementor you can select which Media Attachment size should be served up. So you should be able to select a more appropriate size …. but i am not 100% sure as i don’t really use Elementor now.May 27, 2020 at 7:54 am #1303650Brian
Thank you for checking all of that. I am fixing these by switching to the WP gallery instead of elementor’s gallery, and also reuploaded in the image box to get the smush settings to take effect.
I had a problem though when I worked on that. The header image disappeared (the logo). I can see it in some browsers, but in the customizer, the logo doesn’t show up. It is supposed to be the 200×200 px png image. On the browsers where it works, it is the previous image (…LQ-1). Is there any known issue that would cause the header to not load in some instances?
Thank you!May 27, 2020 at 8:22 am #1303695DavidStaffCustomer SupportMay 27, 2020 at 8:31 am #1303706Brian
I cleared the cache again just to be sure (I had done a lot of cache purging when the problem first arose) and it still isn’t working. I’ve disabled Autoptimize now.
Thanks!May 27, 2020 at 8:35 am #1303712Brian
While you’re checking my site, I also have a mobile header issue I can’t quite see how to fix. On this page: rgystudio.com/rgy-studio-portfolio, the header hides behind a few elements that I had to set z-indexes for. This was an elementor issue that was easily fixed with z-indexes, but I don’t exactly understand how to adjust the z-index of the mobile header without affecting anything else about it. Incidentally, the logo appears fine in the mobile sticky header.May 27, 2020 at 4:24 pm #1304203TomLead DeveloperLead Developer
I just checked out your site on GTMetrix and I’m not seeing any scaled image issues. In fact, you’re getting a 100% score.
I’m not seeing a mobile header logo at all right now – the src seems to be broken. It doesn’t look like the actual mobile header element is hidden behind anything.May 27, 2020 at 5:23 pm #1304251Brian
Thanks for the info. So, yes, the scaled images were fixed with Smush, but the header image isn’t broken, I’ve uploaded multiple files of different resolutions and no matter what I use, it acts like it’s broken. Is there a compatibility issue with Smush and GP for the header image perhaps? I’m not sure how to troubleshoot this since I’ve tried all of the normal steps and continue to have the issue no matter what image I upload.
As for the mobile sticky header. It hides behind the button and the first section on rgystudio.com/rgy-studio-portfolio. Those have z-indexes set up to 13 (it was necessary because of an issue with the button on elementor), so I think I just need to set a z-index on the mobile sticky header, but I’m not sure how to do that.
These are the only remaining issues, as the Smush plugin plus not using elemntor’s galleries solved the rest of the image issues.
Thanks!May 28, 2020 at 2:51 am #1304691DavidStaffCustomer SupportMay 28, 2020 at 3:08 am #1304712Brian
Ah, thank you! I had completely forgotten about the header element. I don’t know why Smush removed those photos, but they were all gone from the element. The header logo is set now.
All that remains is this odd sticky header situation on the portfolio page. Is there any way to put the header above those z-indexed elements?
Thanks!May 28, 2020 at 4:50 am #1304820DavidStaffCustomer SupportMay 28, 2020 at 5:12 am #1304839Brian
Thank you so much guys! Everything working great now.May 28, 2020 at 6:10 am #1304893
- You must be logged in to reply to this topic.