Join the Webstudio community

Updated last week

Exceptional performance, how?

Hi, everyone!

I'm a developer at an agency working with Remix and Webflow, so Webstudio has caught my eye.

I've noticed that sites built using Webstudio achieve really good metrics on sites like pagespeed.web.dev, webpagetest.org and gtmetrix.com.

The webstudio.is site even achieves 0 seconds Total Blocking Time, which in my experience is virtually impossible with JavaScript frameworks, including Remix, so well done to the team behind this.

At first I thought Webstudio might be disabling JavaScript, but I've since noticed that might not be the case.

https://remix.run/docs/en/main/guides/disabling-javascript

I'm genuinely mind blown and curious, but also interested to understand if there is an optimisation strategy here that might have any tradeoffs for more "complex" and/or "interactive" sites (e.g. using GSAP for scroll based motion).

Would anyone at Webstudio be willing to share how this is achieved?

Thank you!
O
r
7 comments
@ramiroazar there is no secret souce here, its just a practical application of every possible optimization technique that our team implemented and even in the current state there is still a lot of room to implement more optimizations. I can't tell you a simple answer to your question because it would be basically the same as finding all the articles about performance optimizations and putting them in one.
Performance on the web is not "do one thing right". Its "do 101 things right".
This is why we believe that No/low code is the solution, because you can't get it all right as an individual developer. We operate on a higher level of abstraction and can optimize things for you.
Frameworks are on a lower level of abstraction and they do a lot of things for you, but not nearly enough. You can still break too many things as a user and make it slow
When it comes to GSAP a bunch of performance issues are unavoidable, that's why we are building an animation engine now, which is soon to be released.
Thank you, @Oleg Isonen , appreciate you taking the time. That makes sense, I agree. JavaScript frameworks often make bold claims about performance, but in reality they seem extremely difficult to optimise, so it's refreshing to see people doing it well. Well done again to the team for putting in the work.
I'd be totally grateful if you ever release an article going more indepth into some of the key Remix specific techniques, I feel like the comunity and the web could really benefit from that.
Add a reply
Sign up and join the conversation on Discord