I’m trying to make my website load faster, but whatever I do, I can’t seem to get a better score.
- Webflow doesn’t seem to make smaller images for mobile devices.
- I have no idea what to do about the “Total blocking time”.
Would anyone be able to tell me if there’s anything I can to do speed up the website?
Thank a bunch
The website link: https://liborigo.com/
Here is my site Read-Only: Webflow - Liborigo
There are plenty of topics here in the forums on this subject which you can find by using the search function.
I’m back in the office tomorrow so will take a look and try to advise what to do…
I have also been looking into the page speed score, but I have a weird delay on my loading it seems, like a 5-6 second lag on all my pages. But can’t find what causes it. It seems once the lag is over everything is instant.
On this screen shot, it looks like the section around 6000ms is holding back the entire first print?
I’ve checked font’s and some of the ussual stuff that affects page speed but have never ran into the weird lag, ussualy it all slowly gets loaded, not waits and then all of it is loaded at once? Any suggestions are greatly appreciated.
Live Site: www.spotdogwalkers.com
Read Only: Webflow - Spot Dog Walkers
Edit: We had a google Google Optimize tag that was causing the issue, any idea why that would cause a 5 second delay on the page load? @webdev
The problem is that every topic has the same answers. Of course, we compress images and everything but is the Webflow team can clarify it once and for all ?? If the problem can’t be resolved just say it, please.
Even if my website is nude the difference is huge between mobile and desktop. So what ?? Is that because of how Webflow is made or it is the Analysis that sucks??
I read you had near the same results on one of your websites 90/90? How have you done it because I tried many ways on different websites and I always get that huge difference even for nude websites?
The fact is there are dozens of topics and youtube videos but there is no one who answers properly.
Hi @Khalilwebdesign - Quick FYI - I don’t work for webflow in case you thought I might. Just a community leader and forum member with lots of experience.
Performance tuning requires dealing with the unique build that each project is. Rarely are any two the same. That makes it hard to hand out a list that would work for everyone.
Basic rule of thumb is controlling the image sizes, limit the use of video unless using a lightbox, be careful about adding third party scripts, limit the DOM size (number of elements). Remember that background images don’t get responsive treatment, choose to use images with img-cover instead and watch that you don’t overuse independent animations. And a big one, limit fonts to a couple of pairings and upload them to your project.
Performance tuning is really hard work. I spend hours optimizing the sites I build to squeeze the best possible performance out of the things I can control. There are other things I can’t on Webflow and that is just how it is. If a client wants better than that then I offer custom builds and hosting where I control all aspects of the delivery. I can then pull of super high scores and the best user experience for end users.
The best performance and analysis tool is your browser devtools. You can block scripts and assets from loading and test in lighthouse (chromium builds) to see the affect. Performance measurements can be tested, and builds compared. Unfortunately for many this is beyond their skillsets. All of it is well documented, it’s just complicated and deep. You have to get into the weeds.
It’s not realistic for me to try to analyze forum projects site performance because It takes to much effort and I have no control over testing or deployment. Doing so would leave me with no room for paying clients. Besides, it is a valuable service that should be paid for since the benefits apply to every visitor, conversions, and SEO results of the site. Hope you find a way to get the level of performance you expect. Cheers.