I have a project with Laravel v6 (mix) and vueJs v2 It has LCP error My website LCP is a hero image that I used it like this <picture> <source media="(min-width: 1536px)" :srcset="getAssetPath('/v2/assets/images/home-new.webp')" type="image/webp"> <source media="(min-width: 1280px)" :srcset="getAssetPath('/v2/assets/images/home-bg-1535.webp')" type="image/webp"> <source…
<html> <head> ... </head> <body> --- it looks like <div> <canvas /> <-- only here without another leaf </div> --- or <canvas /> <-- only here without another leaf --- </body> <html> I tried to add another leaf element and…
I am working on lighthouse fixes. I made tab with following structure: <ul class="nav ms-5" role="tablist"> <li role="tab"> <a role="tab" class="tjs-tab__link text-dark active" href="#couponcode" data-bs-toggle="tab">Coupon Code</a> </li> <li role="tab"> <a role="tab" class="tjs-tab__link text-dark" href="#giftcards" data-bs-toggle="tab">Gift Cards</a> </li> </ul> Firstly, I…
how can I sort by related column in laravel lighthouse graphql? For example, I have Products that have One Category but I can't SortBy Category. How can I do that? GraphQL getProducts(orderBy: _ @orderBy): [Product!]! @all type Product { id:…
I'm currently trying to improve the Lighthouse score for my website. The biggest problem that Lighthouse shows is that I don't use an explicit width and height for my images. The problem with this is that my images pretty much…
We are trying to use https://pagespeed.web.dev/ to evaluate the speed of our site. The tool has worked on our site URLs for months, but for the past few days we have been getting below error when trying to use it:…
I have a page which contains a list of items. Each item contains a 'Read more' link that points to a different page. But when I run the lighthouse tool on that page, it complains that links do not have…
Im a beginner in wordpress and im trying to fix this bug. My theme is divi I have some plugins installed: acf contact form 7 Flexy breadcrumb Popups for divi SEOPress Tweny20 Images Befor-After
I am having a problem with high CLS (Content Layout Shift) while using Bootstrap (4.5) grid for two column layout with column order change. CLS is a Core Web Vital metric. Basically Google sees a problem when webpage's parts are…
I am using lighthouse for creating performance reports for a bunch of our own websites. I also need to take a screenshot to see how the website looks on a desktop computer. It seems like Lighthouse by default takes a…