Tagged: responsiveness
-
AuthorPosts
-
January 19, 2017 at 4:22 pm #735935
Hey guys, just wondered if you could help me with a problem of resized images.
Our Website is very slow, so we looked for a complete check up with gt metrix
and found an issue with images. The problem is, that.the images being
announced are not used consciously on our webpage in this format.
How can I find out, where to resize this image to speed up performance ?
Or can I simply delete them alternatively? I know Enfold creates them
for responiveness but have no specific clue, how that works in programming.
Thanks for helping out.
Best StephaJanuary 19, 2017 at 4:57 pm #735961P.S. the image is only used on this site attached
January 22, 2017 at 10:44 am #736940Hi!
Thank you for using Enfold.
I checked the page but it’s broken. Is this a blog page? If this is the blog page, you can set the Blog Layout > Blog Layout panel to “use the advance layout builder. After that, edit the actual blog page and insert the blog posts element where you can set the “Preview Image Size” settings.
The site is also using an old version of the theme, 3.6.1. Please upgrade to version 3.8.3. and WP to version 4.7.1
Regards,
IsmaelJanuary 22, 2017 at 7:41 pm #737002Hi Ismael, thanks for your response. What do you mean by Broken? Sounds somehow incomplete :1). No, it’s not used as a blog page. Is there a correlation why gtmetrix find not directly used pics which are minimized by css?
I can run the updates for sure.
Best StephanJanuary 22, 2017 at 10:20 pm #737016Hi!
To procced with any assistance we do require to have the theme updated.
Please do and let us know so we can help you further.Thanks a lot
Cheers!
BasilisJanuary 30, 2017 at 6:21 pm #740336Hi Basilis,
we updated theme to 3.8.4 and WordPress to 4.7.2.
So GTMetrix still displays a lot of serve scaled images in 450×450 which are obviously resized to 175×175
but not used in our page.
I understand that the program uses this for responsiveness but I don’t get this when images like the following list isn’t used directly on the page. Can you help?Best Stephan
February 1, 2017 at 6:59 pm #741397Hey Basilis,
any suggestion here how to go the next step?
Thanks for helping out.
Best StephanFebruary 1, 2017 at 9:01 pm #741440Hi!
Can you install a plugin like WPSmush and run the images through there?
That will solve your issue and as it is an optimisation task, or speed, it is better to hire someone who will be able to help you
with the need, if you can not go through all the steps alone.Cheers!
BasilisFebruary 1, 2017 at 10:09 pm #741472Hi Basilis,
I already installed it and did go through all the steps from Ismael.
What is this information of gtmetrix point to.
I am familiar with html, css and are online-publisher for years.
If you could direct me first I think I can fix that.
Best StephanFebruary 5, 2017 at 3:16 pm #743008Hey Team,
so can you pls lilft my thoughts up to the next step.
What I still see is that gtmetrix point to images that are not used in the page consciously.
For example the image below – you O N L Y can see on the page attached but NOT in the size mentioned
by gtmetrix.
So I assume ENFOLD takes one of the pictures created (for e.g. 450×450 to fit in the container used in this page, right?
The picture uploaded originally is 1500×1000 and the four additional previews of the image are nearly that size (range from 1500×922 to 1500×1026). So does Enfold use smaller created images for example in the gallery, especially for the preview which are squared, by 450×450 and scale them down by css to 175x175px?
What I need to find out is the logic behind and where the image is used gtmetrix refer to. WP Smush already optimized 19 different sizes per image but not the origin as it is above 1MB.
Can you help?
Thanks for lending a hand. You are awesome.
Best StephanFebruary 6, 2017 at 8:32 pm #743566Hi,
Wordpress is cropping images by default when uploading them and if you want to control this behavior you can use a plugin like this: https://wordpress.org/plugins/simple-image-sizes
I hope this will help :).Best regards,
AndyFebruary 6, 2017 at 8:39 pm #743577Hi Andy,
yes I know that. Can you lend a hand how this works in your gallery?
So does wordpress or your theme chose a smaller cropped images
when I use a picture bigger than your enfold gallery container?
And does wordpress the resizing inside of this container or
does enfold programing (css or html) is responsible for having
that phenomenon?
Thanks
StephanFebruary 8, 2017 at 9:19 pm #744506Hi,
as already said WordPress is cropping the images automatically when uploading. However, you can also choose to manually change image sizes via the Enfold settings: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.