My name is Michael and wanted to share something everyone should check before publishing a website.
Recently Webflow introduced a much welcomed clean up option for interactions.
Great, however DON’T rely on it to clean everything up, do use the tool but do some extra checking after.
Obvious ones to check are the page trigger interactions,
I found several (not these they are cool) that I had left in, I know what you are thinking, how do you forget. Well if you are constantly changing your design experimenting what works and doesn’t or perhaps do a restore of a backup, things can get missed. So check these!
Next check the actual interactions list.
Then edit each one
This one is dandy (English for works great).
Next one on the list
This is showing that something no longer exists that the action used to link to.
There are other types of warnings as well but all have the same theme that the item name is blank or a setting has not been set.
Three options, (see post by vincent below)
- it could be used on another page
- fix the issue - you may still want the animation or
- manually delete the interaction.
Now you are thinking who cares or what is the issue.
Again you think so what.
Still don’t care you say.
Well even if you don’t use the code it gets downloaded with your website and appears like this
this is their definition
Hope that clears a few things up on how to improve your website performance and how things work.
There are a lot of things to do to get great scores, not just performance but best practice, SEO and accessibility. I thought I would pass on this little extra tip I found. Hope you get some insights from it.
If you want desktop score like this
and scores like this on your mobile
then I am available to hire.