How to Speed Up a Self-Hosted Web Studio Builder

At a glance

The community member followed the guide from https://docs.webstudio.is/contributing/contributing-for-developers, but the loading is very slow even on localhost. They tried running pnpm build and pnpm start in the apps/builder directory, which works, but the login options are disabled. The .env file works when running pnpm dev but not with pnpm start.

The comments suggest that the slow loading is not unusual, with some community members reporting normal load times of 1.15 seconds for the dashboard and 3-5 seconds for the builder after the first load. One community member suggests the issue could be related to disabled cache or insufficient Docker resources. Another community member reports that it takes 4 minutes to load the dashboard on their local computer, which is considered completely broken.

There is no explicitly marked answer in the comments, but the community members provide suggestions and share their own experiences with the loading speed.

Useful resources

zzerobytez

I followed the guide from https://docs.webstudio.is/contributing/contributing-for-developers, and it works, but the loading is very slow even though it runs on localhost.

I tried running pnpm build and pnpm start in the apps/builder directory after slightly modifying the vite.config.js file by removing the Vercel plugin. (Without removing it, pnpm start wouldn't work—probably because I don't know how to run it locally with the Vercel plugin.) This approach works, but the login options (GitHub and secret) are disabled, even though I've configured them in .env, .env.production, and .env.development.

The .env file works when running pnpm dev but not with pnpm start.

11 comments

OOleg Isonen

how much time does it take to load on an empty project? do you have dev tools open? cache disabled?

BBogdan

Dev is just slow

OOleg Isonen

is it dashboard or project?

BBogdan

Kinda expected

OOleg Isonen

slower yes, but not to the level one would write a thread about it, I don't think this is what's happening

OOleg Isonen

even locally in dev mode, dashboard loads for me at 1.15s once cashed

OOleg Isonen

builder loads for me in 3-5s after the first load (so with cash)

OOleg Isonen

so load speed should be normal

OOleg Isonen

my best bet is its either with disabled cache or the docker has no resources, I had lots of struggle when docker had too little memory

zzerobytez

When I run it on my laptop, it takes about 4 minutes, but on the VPS, it takes around 14 minutes with pnpm dev.

However, if I use pnpm start, it only takes a few seconds, but the login options are disabled.

Is there a way to run web studio in production mode locally?

OOleg Isonen

It takes 4 minutes to load dashboard on your local computer? Something is completely broken on your machine. We are talking seconds here.

Add a reply

Join the Webstudio community

How to Speed Up a Self-Hosted Web Studio Builder