App Shell
The app's shell, is the minimal HTML, CSS, and JavaScript that is required to power the user interface of a progressive web app and is one of the the components that ensures reliably good performance. Its first load should be extremely quick, then immediately be cached. This means that the shell does not need to be loaded every time, but instead just gets the necessary content. - Google Web Fundamentals
App Shell in index.blade.php
The app shell is already configured in your resources/views/index.blade.php
.
You can see how the app shell looks like by temporarily commenting the scripts in your index.blade.php
.
critical.scss
Critical CSS will be served with your app shell. This should be the minimum amount of CSS your app shell needs in order to display. The file will be preprocessed with sass so that you can use the variables you have and it will be excluded from your final.css
so that it doesn't get duplicated (and since it's only concerned with the app shell)
Updated less than a minute ago