pagespeed-insights

问题 With google chrome chrome dev, I am running a lighthouse Analysis for mobile. Lighthouse shows a 7.0 seconds delay for Largest Contentful Paint (LCP): I decide to dive into this and click on: "View original trace". It redirects me to the Performance tabs: Here it says that the LCP is 749.7ms (= 0.7497 seconds). Where this discrepancy between LightHouse and Performance tab comes from? 0.7497 seconds for Performance 7.0 seconds for LightHouse 回答1: Why is Lighthouse showing much longer load

问题 When using WebPageTest it is possible to use custom scripts to set cookies. Is it possible to do the same on PageSpeed Insights or lighthouse? For example in the European Union you may want to set cookies to disable the cookie consent popup which will not appear for repeat users who have already consented to the website's cookie policy. 回答1: Page Speed Insights Page Speed Insights (PSI) is designed for simulating a first time user to the site, so your cookies popup would always show. It does

问题 I'm trying to optimize my page speed, and I am receiving this error. I'm kind of confused by what its trying to tell me because it's only listing my domain twice? 回答1: It is merely informing you of the resources requested that are required to render the "above the fold" content. As the initial query was to http and you redirected to https that still counts as 2 requests so it is just informing you. You need to realise the stuff under "diagnostics" has nothing to do with scoring and is purely

问题 I'm using google's page speed insight tool and on production, it works fine. But is it possible to use it on localhost ? or are there any equivalent tool for testing local pages? I know the lighthouse tab is also an option but the metrics are somehow different! I need the same API used in that service! 回答1: You can use Lighthouse Command Line Interface (CLI) (or run it from NodeJS if you are familiar with that), this is the engine that powers Page Speed Insights. That way you configure CPU

问题 I've deferred non-critical CSS/JS and preloaded base CSS of the website. Every lab data on PageSpeed Insights have become better. Except "Largest Contentful Paint" and "Cumulative Layout Shift". Especially, the CLS increases from 0.002 to 1.148! The images on the website are set as background-image which I think there won't be "Images without dimensions" problem. I also tried to fix the font by using font-display , but the CLS is still the same. Are there any other techniques I can use to

问题 I don't know why my LCP would be a p tag, and I have no idea what I would do to reduce the size of it. Sometimes it gets up to 2.6s and gives a yellow rating(instead of green). This is the p tag. All of those classes are bootstrap classes. <p className="text-center mb-md-5 mt-0 mb-5">{aboutText}</p> This is the variable aboutText const aboutText = `Suddenly Magazine highlights the uniqueness of Saskatchewan, and its sudden rise in popularity and growth mentioned in publications such as USA

问题 For those stumbling on this question wondering how to improve their lighthouse score in general, I posted an answer on this topic on another question with lots of general tips. I'm running PageSpeed insights and my biggest problem is the largest contentful paint, at about 8-10 seconds. Below they list my largest contentful paint element Largest Contentful Paint element 1 element found This is the largest contentful element painted within the viewport. Learn More Element This is the a

问题 We use Google PageSpeed Insights as a marketing tool to compare the download speed of websites we do with what our competitors do. But so many mobile sites are rated in the 30s and wondered if that's what the average mobile rating is. Does anyone know? Thx 回答1: Short Answer The average mobile rating is 31. Long Answer. An article I found after writing the below that answers the question This article from tunetheweb has actually done the hard work for us here and gathered the data from

问题 We use Google PageSpeed Insights as a marketing tool to compare the download speed of websites we do with what our competitors do. But so many mobile sites are rated in the 30s and wondered if that's what the average mobile rating is. Does anyone know? Thx 回答1: Short Answer The average mobile rating is 31. Long Answer. An article I found after writing the below that answers the question This article from tunetheweb has actually done the hard work for us here and gathered the data from

问题 Can I use pagespeed insights for my localhost website or offline? 回答1: Yes. Use the "Lighthouse" tab from your google chrome dev tools. This is a great starter tutorial on how to do that: https://www.youtube.com/watch?v=5fLW5Q5ODiE Edit: user izogfif pointed out the "Audit" tab was replaced by "Lighthouse". 回答2: An alternative way to run Lighthouse Although this is an old question there is an alternative way to run Lighthouse (the engine behind Page Speed Insights) locally that may be useful