Lighthouse

问题 A recent Lighthouse Report flagged the following issue. Does not use passive listeners to improve scrolling performance It also mentions... Consider marking your touch and wheel event listeners as passive to improve your page's scroll performance. How do I resolve this issue? It appears to be related to jQuery. 回答1: There was a long thread on this topic in https://github.com/jquery/jquery/issues/2871 in 2016 In short: jQuery can't add support to passive listeners. Is expected that this is

问题 I have a PWA app and when I do an Audit using the Chrome development tools, I get this message saying the CSS color code is invalid: Failures: The theme-color meta tag did not contain a valid CSS color. I beg to differ. It's a valid CSS color code. Also the Google dev page says: Lighthouse does not test whether the values are valid CSS color values. but that's contrary to what the audit complains about. I searched for this message and there's very little, or should I say, next to nothing,

问题 Due to a wrong UX design, I have got a very low CLS score. However, I have fixed the mistake over a month ago. But the Field Data still remains not updated. What should I do to force update the Field data? 回答1: What should I do to force update the Field data? You can't I am afraid. However if you want to see your Cumulative Layout Shift data in real time (to catch any problems / confirm fixes early) you can use the "web vitals library" - please see the final level 3 heading ("Tracking using

问题 Due to a wrong UX design, I have got a very low CLS score. However, I have fixed the mistake over a month ago. But the Field Data still remains not updated. What should I do to force update the Field data? 回答1: What should I do to force update the Field data? You can't I am afraid. However if you want to see your Cumulative Layout Shift data in real time (to catch any problems / confirm fixes early) you can use the "web vitals library" - please see the final level 3 heading ("Tracking using

问题 Due to a wrong UX design, I have got a very low CLS score. However, I have fixed the mistake over a month ago. But the Field Data still remains not updated. What should I do to force update the Field data? 回答1: What should I do to force update the Field data? You can't I am afraid. However if you want to see your Cumulative Layout Shift data in real time (to catch any problems / confirm fixes early) you can use the "web vitals library" - please see the final level 3 heading ("Tracking using

问题 I'm running PageSpeed Insights on my website and one big error that I get sometimes is Reduce initial server response time Keep the server response time for the main document short because all other requests depend on it. Learn more. React If you are server-side rendering any React components, consider using renderToNodeStream() or renderToStaticNodeStream() to allow the client to receive and hydrate different parts of the markup instead of all at once. Learn more. I looked up

问题 I was given a task at work to increase the performance of my project. Currently, the Google Lighthouse score fluctuates but overall it's not that great of a score so we are trying to figure out how to increase its performance to be able to show off to our leadership. Our project loads the entirety of the Gatsby site as a single JavaScript bundle. This creates a single page application from the site, which allows new pages to load quickly via JavaScript. But with something as large as our

问题 I was given a task at work to increase the performance of my project. Currently, the Google Lighthouse score fluctuates but overall it's not that great of a score so we are trying to figure out how to increase its performance to be able to show off to our leadership. Our project loads the entirety of the Gatsby site as a single JavaScript bundle. This creates a single page application from the site, which allows new pages to load quickly via JavaScript. But with something as large as our

问题 Does the Cumulative Layout Shift metric stop measuring on user-interaction? Google's guidance on Cumulative Layout Shift says: Layout shifts that occur in response to user interactions (clicking a link, pressing a button, typing in a search box and similar) are generally fine, as long as the shift occurs close enough to the interaction that the relationship is clear to the user. 回答1: It's important to remember that Cumulative Layout Shift (CLS) is not just focused on page load. Many of the

问题 Does the Cumulative Layout Shift metric stop measuring on user-interaction? Google's guidance on Cumulative Layout Shift says: Layout shifts that occur in response to user interactions (clicking a link, pressing a button, typing in a search box and similar) are generally fine, as long as the shift occurs close enough to the interaction that the relationship is clear to the user. 回答1: It's important to remember that Cumulative Layout Shift (CLS) is not just focused on page load. Many of the