I have an image that loads in my header on mobile. This is a full width image that sits at the top of the page, meaning I cannot defer it as it contributes to the LCP on desktop. However, on…
I'm using a layout template to yield scripts and content as follows: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>@yield('title', 'The Gourmet')</title> <link rel="stylesheet" href="{{ asset('css/style.css') }}"> @yield('scripts') </head> <body> @include('layout.employee.header') @yield('content') @include('layout.footer') </body> </html> Then…
I have an Angular app which depends on a script on a server, that isn't always stable. So sometimes it takes some time to get loaded. Therefore I added a defer-attribute on it. But the App waits until the download…