question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

PSI isn't requesting all referenced images

See original GitHub issue

Hi Maybe is a dumb question, but… Regarding to native lazyload images in chrome, the viewport is spanded depending on the connection speed. So whats happens when the throttling is “simulated”? Thats is that I can see: In a chrome version 80 with Nexus 5x emulation: Whit native lazy load disbled, only the suplied (lazysizes) lazyload works, so in my site, only 3 images are loaded until you scroll down. When do the audit, only these 3 images are loaded. When native lazyload is enabled, 7 images are loaded, no matter if in performance panel I set network and cpu throttled or not.

In PSI or web.dev the behaviour changes, same on WPT: Some times it load 3 images, some times the 7 ones.

These behaviour changes the timming for tests? At least the onLoad event is at a diferent time…

EDIT: I´m using a WP plugin that uses lazysizes but put the loading=lazy label and a js snippet that bypass the lazysizes if native lazyload is in place.

Images, the same url, 2 times PSI run: tempsnip

tempsnip1

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:17

github_iconTop GitHub Comments

1reaction
connorjclarkcommented, Mar 20, 2020

Simulated throttling means we don’t throttle as the page is loading, we only throttle in our analysis step. However, I could see that our backend services have a varying quality of connection type. That may cause the behavior you see herre. Lazy loading radius is based on ECT.

@exterkamp

We use a brand new chrome profile for each run. We don’t understand exactly when ECT is determined. Ideally we should emulate this behavior. To investigate, we should log out ECT in both environments and see what the difference is.

0reactions
Lofesacommented, Oct 7, 2020

In the same run PSI 6.3.0 show 5 images loaded in mobil emulation and only 2 on desktop

Captura

Captura1

In others runs it show 2 images for both devices, mobil and desktop. In chrome devtools LH desktop, same… some times show 2, some times 5 and some times 6… In mobil seems that consistently only show 2 images Dev Tools LH 6.4.0

Captura

Dev Tools LH 6.0.0

Captura1

I will let the site w/ native lazyload from lazysizes plugin enabled for 48H so you can test it. With native lazyload disabled the site loads only 2 images in PSI and all Dev Tools LH versions and Chrome.

Read more comments on GitHub >

github_iconTop Results From Across the Web

A Guide To Online Proctoring With PSI For Test Takers
Everything you need to plan, schedule, and launch your test using PSI Bridge. ... Your complete reference guide for setting up your testing...
Read more >
Technical issues at PSI Online during exam - Unable to take ...
Hello, So, I was scheduled for my very first Microsoft Exam today using the PSI online examination. As stated in the emails, ...
Read more >
How to Lazy Load Offscreen Images (5 Proven Techniques)
A common suggestion in Google's PageSpeed Insights (PSI) is to “Defer offscreen images”. Defer offscreen images warning PageSpeed Insights.
Read more >
Missing reference information - APA Style
This page shows the basic structure of an APA Style reference to a published work, adapted for missing information, along with the corresponding...
Read more >
Candidate Information Bulletin - PSI Exam
https://www.psiexams.com/pare. All questions and requests for information pertaining to licensure ... the examination site for your convenience, PSI is not.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found