Join the Webstudio community

Updated 2 years ago

Single 1mb file

At a glance

A community member, Oleg Isonen, noticed a single 1 MB file on the webstudio website and asked about the reason for it. Other community members responded that the browser downloads a compressed version of the file, which is smaller. They acknowledged that the CSS could be more optimized, with unnecessary declarations and suggested using atomic styles to reduce the file size further. The community members also discussed the trade-offs between loading all styles at once versus loading individual files per page, noting that the former avoids a flash of unstyled content when navigating between pages.

Useful resources
@Oleg Isonen was going through the webstudio website and found out that there is a single 1 mb file any reason for that?
B
K
9 comments
Hello, which file you talking about? Could you give a link to it?
Browser download compressed version which is smaller. Though we working on a solution to generate more optimized css.
also i saw one more issue a lot of unecesaary css declarations are being added.
and will there be a functionality in webstudio to break the css per page like indivual files for every page?
The problem with per page styles is a flash of unstyled content when you navigate from one page to another. Loading all styles at once solves it.
okay. but the 1 file could be optimized more?
Atomic styles would cut a lot
From my testing to like 8kb with brotli
Add a reply
Sign up and join the conversation on Discord