InertiaJS impact on Core Vitals | Laravel | Page 1

worldly eagle Apr 4, 2024, 5:16 AM

#

Hi!. I am working on project using Inertia and Vue, but I have very strict requirements in terms of SEO core vitals.
Question: Why does Inertia impact core vitals to such a degree?

For test purposes I installed fresh laravel 11 app, manually installed inertia, project runs on vite.
First I tested the core vitals for sample blade file with lorem ipsum. | FCP = 0,6s LCP = 0,6s
Then I created equivalent as vue SFC and run it in router through inertia render. | FCP = 1,7s LCP = 1,7s
This is radical difference!
Mind you that this is fresh installation, without any 3rd party scripts nor plugins.
I also performed test on Inertia SSR in hopes of any improvement. The results were the same. | FCP = 1,7s LCP = 1,7s

I am testing this on local machine (Sail), but I obviously built the assets via npm run build.
I am baffled, at this point I am considering not using Inertia and Vue at all, even tho they provide excellent UX possibilities

#

InertiaJS impact on Core Vitals

kindred wing Apr 4, 2024, 5:18 AM

#

Sail doesn't really give a proper indication of performance, purely due to how it works out of the box, worth testing it further on something more prod-like

#

That said, I'm much more au-fait with a Livewire approach, it all depends on your experience etc

worldly eagle Apr 4, 2024, 5:22 AM

#

The test I performed is due to having high FCP and LCP on production website, I spent days trying to identify the issue, and it came down to just having Inertia + vue is big part of that. I am wondering if I didn't forget to optimize something, since inertia especially with ssr is regarded as a good pratice in terms of seo

unreal halo Apr 4, 2024, 7:39 AM

#

Like @kindred wing said, try with a real web server in stead of Sail. You can also make Sail (artisan serve) handle multiple requests simultaneously by setting an environment variable like PHP_CLI_SERVER_WORKERS=3

#InertiaJS impact on Core Vitals