I’ve just deployed https://falconry.org, my biggest and most ambitious site to date. Super proud of the look but I’m very unhappy with the performance scores in Lighthouse and on GRmextirx. Some of it is stuff I can try to address myself, like image sizes, but much is beyond my understanding. Does anyone out there consult (paid) on such things? Render-blocking, unused CSS, offscreen images, unused Javascript, not to mention cache policies, excessive DOM sizes. Etc. I knew our virtual museum exhibits were going to be heavy, but I know I can do better at least elsewhere. The site is largely Foundry-based so I thought I’d ask here.
Mist of these things are due to the RW and Foundry framework and can not really be changed. You can add a few things in htaccess like the cache rules to improve a bit. Just send me a direct message if I can have a look.
Very nice project!
I think you might consider reducing the size of the banner images. That will surely speed up loading.
The human eye is forgiving, the largest images I use are around 320KB (1700 pixels wide).
I hope this helps,
Hans
Thanks so much. I’m a photographer so I tend to under-compress trying to image-impress. I really need to go through everything and turn down the KB. thought I was being careful, but clearly not careful enough.
Thanks so much. I’ll drop you a line.
I totally agree if it comes to printed matter. The quality of images can’t be good enough. The world of web is practically the opposite (cmyk vs rgb; high res vs low res). Most of the visitors of your website don’t work with high end calibrated screens. With that in mind you must always find the perfect balance between quality and loading speed. On the internet loading speed is key.
Cheers
1 Like
Try using Google https://pagespeed.web.dev gives you hints - but as already mentioned, it’s only for nerds to change most things,
One thing you can do - if not already implemented - is to use the webp format for your images, developed by Google. You can download a plug-in for use in Photoshop or use online conversion services. It reduces your jpg images by about 20% or more in terms of how lossless you want images
Just be careful with this format. Google is pushing it really hard, but in my opinion Safari browser support is just not there for webp images. If you use them and do not take the time to setup fallback images, users with systems on the prior operating system will not see any of your images.
3 Likes