One thing is that the page here: https://webflow.com/interactions-animations is pretty janky on scroll on my top of the line macbook pro. My guess is its because there are a lot of animations being demo'd which probably wouldn't happen on a real site.
This page loaded quickly for the amount of stuff it has on it, but it scrolls slowly in some parts (and really slowly in one, the part after WORLD WIDE WEB, with the CERN Welcome screens). It also pegs my CPU the entire time. I assume this is due to some of the animations happening constantly throughout the page, even when things are not on screen, since this happens with constantly running CSS transitions on any website. Since this is done in Javascript, why can't they detect if the specific element is on screen and enable/disable the transitions happening for it? A page like this is uncommon since it's a showcase of the tech but I would imagine this would save a lot of headaches for future designers when designing multiple animations on a page (or at least give the option to "stop when not on screen" for an animation).
Hey @trizinix, I fully understand and agree with your sentiment. History sure has a way of repeating itself. As one of the devs on the team who is primarily a Firefox user I feel this everyday. The primary reason we don’t support Firefox is due to our usage of custom scrollbars: https://bugzilla.mozilla.org/show_bug.cgi?id=77790#c188 You can vote for this issue on our Wishlist to help get Firefox support prioritized…
I usually don't post seemingly pedantic comments on HN, but I have to call you out here. You guys are blocking users from using your application in Firefox because of scrollbar colors? That seems like a terrible choice given it is probably alienating a good chunk of potential users.
On that note, can a screenshot be provided in Firefox with the Webflow designer, provided the code functions? If it's really just a scrollbar issue, and the UI is that bad according to the Bugzilla comment, can we see how it looks?
I feel like they should allow me to try their designer without having to sign up. I'd recommend they split test that against their current onboarding flow.
Check out https://www.flexboxgame.com/ to experience the Webflow UI while playing a Flexbox game. Gives you a sense of the controls that Webflow exposes without signing up.
Hmm, I can't seem to get past Level 1 in the flexbox game. I'm probably doing something wrong, but the circle I'm supposed to drag to the outline doesn't want to move.
Check out https://www.flexboxgame.com/ to experience the Webflow UI while playing a Flexbox game. Gives you a sense of the controls that Webflow exposes without signing up.
Hmm, I can't seem to get past Level 1 in the flexbox game. I'm probably doing something wrong, but the circle I'm supposed to drag to the outline doesn't want to move.
You aren't supposed to click and drag it. You use the css flexbox attributes (see right-hand sidebar) to move it over the goal.
This page loaded quickly for the amount of stuff it has on it, but it scrolls slowly in some parts (and really slowly in one, the part after WORLD WIDE WEB, with the CERN Welcome screens). It also pegs my CPU the entire time. I assume this is due to some of the animations happening constantly throughout the page, even when things are not on screen, since this happens with constantly running CSS transitions on any web…
Hey, yladiz!
I'm the tech lead on IX2. Are you using Safari by chance? The part after WORLD WIDE WEB is a known issue and we are working on it, but it works smoothly in Chrome (if you could give it a try). We are also looking at how we can best cull off-screen animations to minimize CPU usage. Thank you for the great feedback!
Hey @trizinix, I fully understand and agree with your sentiment. History sure has a way of repeating itself. As one of the devs on the team who is primarily a Firefox user I feel this everyday. The primary reason we don’t support Firefox is due to our usage of custom scrollbars: https://bugzilla.mozilla.org/show_bug.cgi?id=77790#c188 You can vote for this issue on our Wishlist to help get Firefox support prioritized…
I usually don't post seemingly pedantic comments on HN, but I have to call you out here. You guys are blocking users from using your application in Firefox because of scrollbar colors? That seems like a terrible choice given it is probably alienating a good chunk of potential users.
What would HN be without pedanticism? ️¯\_(ツ)_/¯
We’re also more than just “guys”.
I signed up to try Webflow. Unfortunately Firefox is not supported. I guess the "Only works in Chrome" really is the new "Works best in IE6".
Hey @trizinix, I fully understand and agree with your sentiment. History sure has a way of repeating itself. As one of the devs on the team who is primarily a Firefox user I feel this everyday. The primary reason we don’t support Firefox is due to our usage of custom scrollbars: https://bugzilla.mozilla.org/show_bug.cgi?id=77790#c188 You can vote for this issue on our Wishlist to help get Firefox support prioritized…
Do you folks need a custom scrollbar? Is it functional in any way?
WebPageTest.org result: https://www.webpagetest.org/result/171024_AW_97ca0329c0a7e7d... I am impressed how fast it loads, despite it being over 3.5MB.
Hey there, Webflow CTO here. We take performance seriously here so I'm secretly in glee to see users notice this. It's a similar stack we use for Webflow hosting: https://webflow.com/hosting
A few things on this page that make this site fast:
- Fastly for initial HTML document for sub 10ms TTFB, depending on your location - their instant purge makes it possible for our users to see their updated sites super quickly
- AWS Cloudfront for static, scripts, and media assets
This page loaded quickly for the amount of stuff it has on it, but it scrolls slowly in some parts (and really slowly in one, the part after WORLD WIDE WEB, with the CERN Welcome screens). It also pegs my CPU the entire time. I assume this is due to some of the animations happening constantly throughout the page, even when things are not on screen, since this happens with constantly running CSS transitions on any web…
Hey, yladiz! I'm the tech lead on IX2. Are you using Safari by chance? The part after WORLD WIDE WEB is a known issue and we are working on it, but it works smoothly in Chrome (if you could give it a try). We are also looking at how we can best cull off-screen animations to minimize CPU usage. Thank you for the great feedback! Best, Leonard
Using chrome on a brand new macbook pro and scroll is a little janky everywhere on page.