Copy link to clipboard
Copied
I thought Muse optimised images for size needed? Am I wrong? If not then how do you decide on the size for an amiage that stretches to browser width?
I know the videos in this site are big... is it just that or anything else? What can I do to fix it?
Thanks
Copy link to clipboard
Copied
Scan your site with GT Metrix.
Latest Performance Report for: http://www.flairwindows.com/index.html | GTmetrix
Your images are failing because they are way oversized for purpose. For example, you don't need a 2000px wide image if it's being scaled to 360px wide in browsers. I use Photoshop > File > Export > Export As... before I add them to websites.
Copy link to clipboard
Copied
Hi Nancy, I set the image size of the header images to 2000 to cater for largest screen sizes as they are set to fill browser. Can you explain what you mean about scaled to fit 360px browser please?
Copy link to clipboard
Copied
dandybox wrote
I thought Muse optimised images for size needed? Am I wrong?
yes and no, it will crop an image to fit within the frame and make another one for each breackpoint if needed
imo the design
slows you down as well... for desktop I would drop these from the home page (perhaps move them to another page);
and I would keep these two as they load better
Copy link to clipboard
Copied
Hi Ussnorway, client wants them as they are I'm afraid.
Interestingly nobody has mentioned the huge video files?
Copy link to clipboard
Copied
I've run a Nibbler report and have been recommended the following
Add width and height attributes to all image tags. The width and height you specify should be the same as the source image. If you want to resize an image in the browser, use CSS.
How do I do this in muse please? I cant add image alt descriptions as they are in containers.