Quick question that I feel really stupid asking but I cannot find an answer on the web.
If I use breakpoints in my responsive design and for example, set a column with an image in it for desktop and do the same again but with a different image in it for mobile will both sets of media still load in the background?
I hope that makes sense?
Hi @mode500,
Thanks for reaching out.
If you have used CSS code to make two images invisible in different breakpoints, it will load two different images at the same time in the background.
Thanks
Thank you for the reply.
However I am not on about CSS but breakpoints within the builder. Say for example I have a section in Cornerstone with an image in it and set those breakpoints for desktop only so that the section is not visible etc on smaller screens, and then I create another section with an image in it with breakpoints that shows on mobile only, do all of the elements and code related to both of the sections and elements still load in the background no matter whether it is being displayed or not?
I am a graphic designer and I have a (well two, but I am only going to use one as an example) large retina image on my homepage which is 267.3 KiB in size which is totally fine for desktop as my page speed rankings are rated as A in GTMetrix and 96% on Google’s Pagespeed insights. However on Google’s Pagespeed insights for mobile I am on amber with a low 60% result and I am just trying to work out what is the best way for me to go forward with this as the images on my homepage are a large part of this issue.
Thanks!
Helo @mode500,
If you have two sets of images, one for the desktop screens and the other for a smaller screen, even if you use the “Hide During Breakpoints” option, those images will still be loaded into the page even if it is not visible. It is much better to use one single image with a flexible width at around 800x800 so that when it is loaded in smaller screens, it is not that too big to load.
Hope this makes sense.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.