6:43 how to popup that window to search for core web vitals overlay? NVM I found it: F12 to open devtools, then CTRL+SHIFT+P to open the popup to type "core" into.
Wow what an insight. Could you please tell us how we can use piece of JS code to measure LCP as you mentioned in video... Do we need to create GA event for i am bit lost if you can share an example how we can do that would be great.. at present i keep check on LCP using PageSpeed or GTMatrix etc.
Hi! Really depends on the infrastructure you are using, (v4 vs universal, etc). But in general, once you have the value discussed starting at 5:55, you want to upload that to google analytics. You don't _need_ to change anything in analytics to send that value, you can just send an Event hit using the Google Analytics js api (i.e. ga('send', {ec: 'Web Vital Info', el: 'lcp', ev: THE_NUMBER_YOU_GOT_EARLIER})
@@patrickkettner8398 I tried to implement this through GTM but it script generates error on multiple lines "This language feature is only supported for ECMASCRIPT_2015 mode or better: arrow function"... Sorry i am not a JS guys so but hard for me must be easy for other guys
@@ib4112 sorry about that - the arrow function is just a different syntax for writing a javascript function - i.e. "(FOO, BAR) => alert(BAR)" is the same as "function(FOO, BAR) { alert(BAR) }", just a bit nicer to write. You. can change the () => {} version to standard JS functions to get past that error. If you share a link to a code sample, I may be able to help more
lots of different ways to approach it, but once you have the value discussed starting at 5:55, you want to upload that to google analytics. You don't need to change anything in analytics to send that value, you can just send an Event hit using the Google Analytics js api (i.e. ga('send', {ec: 'Sarahs Web Vital Info', el: 'lcp', ev: THE_NUMBER_YOU_GOT_EARLIER})
It’s difficult to give a universal solution to solve a problem that can be exposed in hundreds of thousands of different ways. If you share a URL with an issue, I would be more than happy to help debug!
@4:30„Whatever element had the highest number of seconds between the first byte and when it was painted is what is reported for the LCP..“ I was confused why lighthouse labels my heading, which is absolute centered on a hero image as the Largest Contentful Paint, and not the Hero image 😂. a ‚Aha‘ moment for me
Shoot! Really sorry about that - that information isn't really needed for the rest of the video :/. If you have any questions (including on the first 20 seconds!) please do leave em and I will be more than happy to help