1,479 questions
1
vote
1
answer
178
views
Picture's srcset and sizes seem to be fine, but PageSpeed loads a wrong image
Here is the code:
<picture>
<source srcset="https://www.shop-naturpur.de/media/image/opc/xs/yogi-tea-aktion2.webp 182w,
https://www.shop-naturpur.de/media/image/opc/...
0
votes
2
answers
201
views
What are impacts of firing scripts only after user action?
I'm currently on loading time optimization of a site. On my research of sites using the same consent solution, I found a site, which loads most scripts, including GTM/GA, only after any user action. ...
-1
votes
1
answer
197
views
Largest Contentful Paint element
<li>
<a href="/home/articles/how_to_foo">How to foo</a>
</li>
PageSpeed Insights says the above element has
Largest Contentful Paint element 3,220 ms
...
0
votes
1
answer
48
views
Does PageSpeed Insights measure the browser cache during performance testing?
Does PageSpeed Insights improve the performance score using the browser cache during performance testing?
0
votes
0
answers
719
views
Problem with PageSpeed Insights: RPC::DEADLINE_EXCEEDED
I have a problem with my portfolio site: https://www.frontendpolska.pl/pl.
I can't test the site in PageSpeed Insights—I keep getting the error:
RPC::DEADLINE_EXCEEDED: context deadline exceeded
or a ...
0
votes
1
answer
124
views
Poor performances with Prestashop Elementor
my client has a poor performance score on PageSpeed (between 35 and 45). He is obviously aiming for higher scores (beyond 90) and therefore this score is a problem.
His website is on Prestashop 1.7 ...
0
votes
1
answer
1k
views
Largest Contentful Paint very slow on mobile using Next.js
I have a website, https://www.paveinsight.com that I'm working on. The site is written using Next.js and hosted on Vercel and the home page is generated as a static page.
Running PageSpeed Insights, ...
0
votes
1
answer
216
views
PageSpeed says my image loading delay is slow, is it my server?
I have an issue with a website I have only at mobile. Home page and portfolio do not load some times. Google pageSpeed says my images loading time is slow:
https://pagespeed.web.dev/analysis/https-dfa-...
0
votes
1
answer
94
views
Pagespeed results differ between the api and the web tool
I'm building a tool to test a number of pages on a website using the pagespeed API. It works fine, but if I compare the results from the API to those in the PageSpeed Insights page (pagespeed.web.dev) ...
0
votes
0
answers
50
views
How to ensure the image in this container is preloaded to reduce LCP
This resource which sits inside a container and updates with the latest post/image every time a new one is posted - is dragging down my LCP on pagespeedinsights.
I have added this code to functions....
1
vote
0
answers
116
views
How can I programmatically obtain the PageSpeed Insights report ID using Node.js (without web scraping)?
I’m trying to get the unique report URL (like https://pagespeed.web.dev/analysis/https-example-com/djlqz3yt2f) for a PageSpeed Insights analysis programmatically using Node.js. I know it's possible to ...
1
vote
1
answer
1k
views
How do you improve Interaction to Next Paint (INP) for mobile button click?
I have a static site and my INP for mobile is in the 200-300 range, just insde the "Needs improvement" bucket. I've tried debugging with web-vitals.js to figure out where the latency is ...
0
votes
1
answer
89
views
Is there any way to speed up three js sites like mine with 3 models?
I am having a website for my academic project -See My Website- but it loads really slow. You can see the below image it has
Total Blocking Time - 11,940 ms I tried compressing the models and the code ...
1
vote
1
answer
1k
views
How to remove very heavy "Inter" font from WooCommerce?
I'm using WooCommerce on my WordPress site, and I noticed that it is loading a large font file called Inter-VariableFont_slnt,wght.woff2.
This font file is as large as my entire page and is ...
1
vote
0
answers
100
views
Why @font-face with local() src is not working?
I'm trying to implement a fallback font for better webpage performance. For this I tried to make use of src: local(Arial) and redefining the ascent-override, descent-override and size-adjust ...
0
votes
1
answer
50
views
Pagespeed struggling with site optimization
I’m facing a confusing issue with the PageSpeed Insights scores for my website. Yesterday, after spending the day optimizing my site, I managed to reach a performance score of 63 on mobile. I checked ...
0
votes
1
answer
357
views
Why does PageSpeed Insights report a large "Other" in Minimize main-thread work?
Running a report on https://www.digitalocean.com via https://pagespeed.web.dev, I get back a result for desktop with a multiple-second-long Total Blocking Time and a recommendation to Minimize main-...
-1
votes
1
answer
72
views
Why one uses async AND defer simultanously?
I see from time to time, people use async and defer simultanously for same (third-party) scripts. Why one does this? Aren't async and defer thought for completely different cases?
2
votes
1
answer
1k
views
What happens with lazy-loaded images above the fold?
Could somebody explain, what happens, if all images, even those above the fold, have attribute loading="lazy"?
Do browsers have any logic to decide to not lazyload images, which are ...
1
vote
1
answer
63
views
Is it possible to refresh a preloaded JSON in mobile Safari?
I use HTTP header Link to speed up loading of user data on my page:
Link: </api/GetUserData>; rel="preload"; as="fetch"
When user data changes, I need to load the data again ...
0
votes
1
answer
35
views
Interaction to next paint and consent
How Google PageSpeed Test and Lighthouse measure INP, while the most sites are behind consent opt-in? What concretely is measured there?
In my understanding, before consent opt-in is granted, a site ...
0
votes
0
answers
48
views
How to avoid layout shift while using of :first selector?
I have a table of content, which can be closed and expanded. Closed one has specific height. The expanded one can't have specified height, because different articles have different amount of headings, ...
0
votes
1
answer
96
views
Poor CLS score in Google Search Console but not Cloudflare or Lighthouse
my site mojiedit.com) has a poor CLS score (> 2.5) when looking at core web vitals in search console for mobile only. However, when I look at the mobile stats in the cloudflare speed test or go to ...
-1
votes
1
answer
113
views
How to fix Maximum content display time component (LCP) in pagespeed
tags img: Component Maximum content display time - 7,580 milliseconds
in desktop lcp score in 1.9sec which is good score but for mobile lcp score is greater than 2.6sec how can i fix lcp score for ...
0
votes
1
answer
114
views
Difference between PageSpeed Insights and Web Vitals browser plug-in
I measure the LCP indicator of the website page https://anc.ua/item/estezifin-krem-1--tuba-15-g-1045278
PageSpeed Insights:
LCP 4+
Web Vitals browser plug-in:
LCP 2 or less
All measurements show ...
0
votes
1
answer
369
views
Pagespeed: problem with "initial-scale" - Does not have a <meta name="viewport"> tag with width or initial-scale
I am working on a site that has a meta viewport tag with an initial-scale value of 0.8. The full tag is here:
<meta name="viewport" content="width=device-width,initial-scale=0.8,...
2
votes
0
answers
167
views
Remove unused css in wp-rocket not working
I'm using wp-rocket for my WordPress website and I applied the Remove unused css option but it seems not working, and still shows in PageSpeed Insight that I have to remove unused css, what should I ...
0
votes
1
answer
470
views
Google Pagespeed Insights not detailing performance issues
I tested a website today 4/10/24 and Google Pagespeed Insights is not longer detailing all the performance issues on the site.
There is no Performance section on any url I tested. The first detail ...
-2
votes
1
answer
3k
views
My load delay and load time are bad in LCP report, What should i do?
This is my report from PageSpeed Insights
https://pagespeed.web.dev/analysis/https-ttbeb-com/z14r7yl4wt?form_factor=mobile
I want to reach score of 90+ for both desktop and mobile, so i need to ...
0
votes
1
answer
353
views
Improving the LCP for Speed Optimization of my website
I have been diving into getting my page speed scores up to snuff, and I have run into a snag when it comes to how Google is measuring my LCP metric. No matter what I seem to do, this metric is always ...
-3
votes
1
answer
2k
views
Slow PageSpeed, Render Delay & LCP issue [closed]
I am working on a website. LCP and Specially Render Delay is low after all works I done on Cache, CDN and trying to not prioritizing Java Scripts.
What I am expecting is quite simple, Good Web Core ...
0
votes
1
answer
131
views
Discrepancy Between Google Search Console Core Web Vitals and PageSpeed Insights Scores
I'm encountering some conflicting results regarding my website's Core Web Vitals (CWV).
Google Search Console (GSC): Reports 30 URLs failing First Input Delay (FID) and 30 URLs needing improvement for ...
0
votes
2
answers
434
views
Pages are served with HTTP/1.1 in browser and HTTP/2 in CURL
I installed HTTP/2 on a local Apache server, running on Ubuntu.
HTTP/2 is working, as it manages to upgrade the protocol when I do CURL on a page:
$ /usr/bin/curl -I --http2 http://test.local/public/
/...
3
votes
1
answer
4k
views
Is there a way to reduce Largest Contentful Pain element Render delay for a very small svg image?
I have a static website that has a very small (9KB) svg image.
When I run the Pagespeed Insight I get this:
as I said the SVG file size is only 9KB.
I tried to convert the image to webp, which ...
4
votes
0
answers
231
views
Retina-Sized Images Trigger Lighthouse "Properly size images" Warning
My image dimensions are 264x270 when viewed on a "Moto G Power" viewport, which is what Lighthouse is currently using for its mobile audit.
I have a <picture> element set to deliver a ...
0
votes
0
answers
36
views
Defer in script tag not work as script evaluates before HTML is parsed
<script defer src="js\js_W2mJqnHnL8R-M2XrnaNYgPkWXECHurpgXtp2OSv8apY.js"></script>
I have put the above script in head tag.
I consider this a render blocking resource as the ...
1
vote
2
answers
1k
views
How to set specific width and height of a div element when media queries are present in css file?
I am trying to resolve the avoid large layout shifts in PagespeedInsights
The solution is to set with and height of the below div element.
<div id="HomeNewsEventsWrapper" class="...
-1
votes
1
answer
724
views
Page speed insight shows FID & INP not applicable in desktop & mobile
While checking my own website https://ensearchopedia.com on page speed insights, the below web vitals showing Not applicable for my website.
First Input Delay (FID) Interaction to Next Paint (INP)
The ...
-2
votes
1
answer
391
views
How to eliminate "Avoid Large Layout Shifts" for the below code?
In lighthouse it shows avoid large layout shift for the following element:
<div id="HomeNewsEventsWrapper" class="section fixedheight1 introduction">
It shows avoid large ...
0
votes
1
answer
479
views
Error! Please ensure you keep the browser window in the foreground during the load and try again. (NO_FCP)
After migrating my website to a new domain, this testing page is displaying incorrectly. I still need this site to function properly.enter image description here
How to fix this? After migrating my ...
0
votes
1
answer
10k
views
Slow pagespeed render delay
Hi all and thank you for being a part of this community.
I am working on this website
orangecountymovers.com and the render delay and LCP is pretty slow. I've tried preloading elements in hero slider,...
0
votes
0
answers
991
views
How to further mitigate bad web vitals LCP results?
I am having a tough time reducing my mobile FCP and LCP stats, being 3.6s and 5.5s respectively.
I've read through this question, done all of the suggested points already and I still face a huge Load ...
-1
votes
1
answer
2k
views
How to optimize largest contentful paint time of responsive image that fills the whole screen
Objective
On my website I got 2 requirements for my image which fills the whole screen and thus should be optimized in loading time:
It's responsive, i.e. bigger screens get better resolutions
The ...
0
votes
1
answer
2k
views
script-src missing according to Google Page Speed although it's in the .htaccess
I'm trying to resolve these warnings
script-src directive is missing. This can allow the execution of unsafe scripts. and
Missing object-src allows the injection of plugins that execute unsafe scripts....
0
votes
0
answers
297
views
WordPress add_action('wp_head'... not working
I'm trying to preload an image by adding a <link rel="preload"... to the site head, with the following code:
if (is_front_page()) {
add_action('wp_head', function(){ ?>
<...
1
vote
1
answer
2k
views
How to optimise a large image with Astro?
I am trying to optimise a 2.4 MB image (4514x5789) with Astro.
I tried:
<Image
src={Image}
alt="image"
quality={80}
format="webp"
loading="lazy"
widths={[...
0
votes
1
answer
226
views
Pagespeed Insights doesn't use gzip
PageSpeed Insights doesn't request files with gzip encodings, which leads to a wrong estimation of files sizes(makes them much bigger then they actually are).
I looked through bunch of similar ...
5
votes
2
answers
1k
views
PageSpeed Insight is showing a low performance for an Angular SPA app
I'm running an Angular app that is showing a very low score in PageSpeed Insight for mobile (41 for mobile, 86 for desktop).
I am attaching the screenshot of the errors here.
I could really use some ...
1
vote
1
answer
2k
views
How to minimize performance hit from cookie consent code?
Here is very basic html that I created to test the impact of cookie consent code.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<...
0
votes
1
answer
89
views
Image sprite vs loading 13 images
I'm looking to find out what is faster.
The server delivering 13 images or delivering a sprite that's 2 times the size of the total images size at 290kb.
I'm speeding up a free wordpress blog I've ...