Есть загруженный index.html с JavaScript- и CSS-файлами. CSS-файл весит 50 МБ и загружается долго: что пользователь увидит на странице в этот момент и в чём проблема?

Если это блокирующая stylesheet для текущего media в head, первый render может задержаться до её загрузки и разбора; CSS на 50 МБ создаёт серьёзную сетевую и вычислительную нагрузку.

HTML при этом может продолжать разбираться, но пользователь часто видит пустую или ещё не обновлённую страницу. Поведение зависит от способа подключения и уже выполненного render, поэтому «всегда покажется голый HTML» неверно. Нужны удаление лишних стилей, разбиение, сжатие, кеш и небольшой критический CSS.

Источник: developer.mozilla.org.