pagespeed

问题 I'm currently working on my gulp building/deploying pipeline. All the content available on the web about the critical-css-inlining is nice and pretty but it doesn't fit well with real world scenarios where your pages (views) are dinamically assembled. I have: header.html view.html (home.html, about.html, single.html, category.html) footer.html Any web page is a concatenated header + view + footer. Content is not predictable: you cannot know how many articles there will be in a rendered

问题 While checking the website speed at Here It throws this error: Lighthouse returned error: generic :: internal: APP :: 1: Abnormal renderer termination, status = crashed exit_code = 1 Please can anyone tell me how this can be solved and how serious is it? 回答1: Your website has a problem with its SSL certificate. What (I am making an educated guess here) is happening is that Lighthouse is attempting to run the 'redirects to HTTPS' test and is throwing an error within Chrome in 'headless' mode

问题 Not understanding why PageSpeed is scoring "Leverage browser caching" badly when I am using W3 Total Cache and have everything correctly enabled. https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.moderngunrepair.com%2F Using Yoast SEO plugin in, I can see the .htaccess and this is what it displays: # BEGIN W3TC Browser Cache <IfModule mod_mime.c> AddType text/css .css AddType text/x-component .htc AddType application/x-javascript .js AddType application/javascript

问题 I want to leverage browser caching to increase page speed. It sounds like max-age and and last-modified are good choices, but I'm unclear on how to determine which files I should implement for it. In general, I'm confused on how to actually do this and what the code would look like in my htaccess. I guess I'm looking to get some more explicit help or to be shown some examples. Or maybe someone can direct me to a lesson/tutorial on this that a novice like me can understand, which I haven't had

问题 We all know adding a far-future expiration date to static resources is a good practice to increase our websites' page load speed. So we've ensured it for all of our resources BUT the all-too-common Facebook JS SDK and Google Analytics don't do that and thus lower the entire page's speed score. Examining the headers shows Facebook do 20 minutes: Cache-Control public, max-age=1200 Connection keep-alive Content-Type application/x-javascript; charset=utf-8 Date Tue, 23 Sep 2014 04:46:38 GMT Etag

问题 I have a wordpress website I'm creating for a client temporarily hosted on http://dev.eatfit.co.nz/ I'm noticing that often (but not every time) that I browse a page (for example the home page), what I assume is the google pagespeed online service seems to rewrite the url's on the fly to optimise things, so I get urls like this coming back to me (viewable in fiddler or in the .html source) http://dev.eatfit.co.nz/wp-content/themes/eatfit/images/xfoot-logo.png.pagespeed.ic.SWoJqa9Ly9.png I do

问题 I ran tests on my website using Google's PageSpeed and it recommends that I "Leverage browser caching" and provided the following resource: http://code.google.com/speed/page-speed/docs/caching.html#LeverageBrowserCaching This resource never explains how to actually change the expiration date of my http headers. Do I do this through .htaccess? I would like to set the caching for as long as possible (without violating Google's policy of a year max). Any advice on recommended settings (for a

问题 Provide some useful tips as How can I improve the speed of my website? What are the advantages & disadvantages of using sub domains? My website is CareerMitra.com 回答1: use pageSpeed(google) and Yslow(Yahoo) browser's extensions (with firebug or not) for view ALL good pratices for improve your website faster. For sample : this is a list of good practises checked by Yslow in your Website : Minimize HTTP Requests Use a Content Delivery Network Avoid empty src or href Add an Expires or a Cache

问题 I'm working on a shopping site. We display 40 images in our results. We're looking to reduce the onload time of our page, and since images block the onload event, I'm considering lazy loading them by initially setting img.src="" and then setting them after onload. Note that this is not ajax loading of html fragments. the image html along with the alt text is present. it's just the image src is deferred. Does anyone have any idea as to whether this may harm SEO or lead to a google penalty box

问题 It is widely recommended that JS files should be put at the bottom of page to allow html codes to be loaded first. In this case, visitors will see something when waiting for full load of the page. However, I think this is disadvantageous for these reasons: Modern design mainly depends on JS. This means before loading JS, the page will look ugly. If interrupting the connection during the load (not loading JS at all), visitors will miss some of the website features (probably very important);