google-pagespeed

问题 I have a wordpress website running and i am using W3Total Cache Plug-in to make the site load faster. When i scan the site in Google Page Speed Insight, i noticed i am getting in-consistent scan results. I have a Facebook Messenger chat floating on the webpage and a google map. Since these two gave me Reduce the impact of third-party code Warning i have made changes so that these two will be loaded only after the DOM has loaded completely. Actually i have used jQuery SetTimeOut for this. I

问题 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 have the following js script referenced on the bottom of the page: <script src="http://example.com/test.js" type="text/javascript"></script> Google PageSpeed suggestion is to defer the loading of this js. I don't quite understand how to do that or the repercussions. Can someone please explain? 回答1: Adding the attribute defer to the <script> tag should do it. E.g.: <script src="http://example.com/test.js" type="text/javascript" defer></script> The idea is that the script in the file is

问题 Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; so why is this not fixing my problem. here's my external font css @font-face { font-display: swap; font-family: 'Miriam Libre'; font-style: normal; font-weight: 400; src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL

问题 Hi I'm facing this problem in google pagespeed I almost get my site speed to 100 the only thing remaining is Ensure text remains visible during webfont load I'm already using font-display:swap; so why is this not fixing my problem. here's my external font css @font-face { font-display: swap; font-family: 'Miriam Libre'; font-style: normal; font-weight: 400; src: local('Miriam Libre Regular'), local('MiriamLibre-Regular'), url(https://fonts.gstatic.com/s/miriamlibre/v5/DdTh798HsHwubBAqfkcBTL

问题 I got this recommendation, in Google Pagespeed: The 'learn more'-link leads to 404. I tried figuring out, why this is supposed to save me 7.08 seconds, but can't find it. I would assume that loading 10 icons on a page would be the very last priority?! Isn't images, other fonts and scripts more important? Or is somehow stalling something, that these fonts aren't loaded? I can see in my Network-tab, that if I load the fonts as such: <link rel="preload" href="css/fontawesome.css" as="style"

来源： https://stackoverflow.com/questions/62065117/remove-unused-code-google-page-speed-and-others-errors

来源： https://stackoverflow.com/questions/53315575/lighthouse-failed-document-request

来源： https://stackoverflow.com/questions/53315575/lighthouse-failed-document-request