{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/21076b6e76a94139bed632d26139abd9\" frameborder=\"0\" width=\"1538\" height=\"1153\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1153,"width":1538,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1153,"thumbnail_width":1538,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/21076b6e76a94139bed632d26139abd9-c4de4f07ef661718.gif","duration":292.961,"title":"Debugging LCP and CLS Opportunities for Improved Website Performance","description":"In this video, I walk you through how to debug our LCP and CLS top opportunities using our Nobu demo domain, which currently has an LCP score of 7.26 seconds. I focus on optimizing the home page, where the main issues are time to first byte, load duration, and render delay. I highlight the importance of applying FetchPriorityEqualsHigh to the LCP element to improve loading speed and suggest deferring render-blocking requests like Google Analytics scripts. Additionally, I discuss how to address CLS by creating containers for elements to prevent layout shifts during loading. Please take a look at the knowledge base article for further insights on optimizing LCP elements."}