pagespeed

How to use rel=“preload” as=“style” or as=“script” or Better method for page speed

僤鯓⒐⒋嵵緔 提交于 2019-12-04 05:17:15
问题 i am trying to reduce my webpage load time . When i am searching i come to this point preload css and javascript . So i am trying to implement this in my html page please see my html code before and after implementation before <html> <head> <link href="http://fonts.googleapis.com/css?family=lato:400,100,200,300,500%7COpen+Sans:400,300,600,700,800%7COswald:300,400,700" rel="stylesheet" type="text/css"> ........... </head> <body> html contents <script src="assets/js/jquery-1.12.4.min.js" type=

Pagespeed caching css, annoying to develop

為{幸葍}努か 提交于 2019-12-03 19:17:24
问题 I'm working on a site which I havent coded from scratch and in firebug the css files are being displayed as: style.css.pagespeed.ce.5d2Z68nynm.css with the pagespeed extension. Can anyone tell me what's doing this as I can't find it. I'm guessing mod-pagespeed possibly running on server? I want to turn it off for now because it's caching my css and stopping updates which is really annoying to develop with. Thanks in advance. 回答1: According to http://code.google.com/speed/page-speed/docs/using

Google Page Speed insights. Lighthouse measurement origin

隐身守侯 提交于 2019-12-03 18:18:09
问题 Google provides Speed index for given URL by doing a lighthouse measurement: https://developers.google.com/speed/pagespeed/insights The data differs a lot from my own measurement. Now my guess is for the mobile page test they use some 4G emulation on a machine located in the US while my testet webserver is located in europe. Any idea where to find information on the geo location they perform testing from ? 回答1: Lighthouse uses 'a slow 4G connection'. This choice influences the importance of

Leverage browser caching external files

那年仲夏 提交于 2019-12-03 16:52:16
问题 I used google pagespeed Insights to test the performance of my nodejs website. For some of external files it is saying to leverage browser caching but I don't know how to do this ? Leverage browser caching Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network. Leverage browser caching for the following cacheable resources: http://maps.googleapis.com/…kwPPoBErK_

Google Page Speed-Like Image Optimization [closed]

可紊 提交于 2019-12-03 15:09:18
问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 2 years ago . My website has about 20 thousand product images. Google Page Speed tells me they can be optimized, and it's correct - the difference is huge. Google is able to maintain identical quality and reduce the image size by 70-90%, and Page Speed even optimizes them for me and provides me with a link to the optimized

Efficient and inefficient CSS selectors (according to Google, PageSpeed …)

Deadly 提交于 2019-12-03 12:13:46
While trying to reduce the HTML size of a web page, I've come across suggestions by Google and the PageSpeed Firefox Add-On regading efficiency of CSS selectors that (almost) made me reconsider the changes: http://code.google.com/intl/de-DE/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors Specifically, descendant selectors are great for selecting a whole block (e.g. DIV) using an ID or CLASS attribute and then keeping all of its child elements free of CLASS/ID attributes. But if the order of traversal for applying the rules is as described by Google, they should not be used:

How to enable compression in Ruby on Rails?

匆匆过客 提交于 2019-12-03 11:06:51
问题 I posted a similar question here Serving Compressed Assets in Heroku with Rack-Zippy but decided to give up on that service, since I couldn't get it to work. I ran PageSpeed Insights on my website to determine the speed of my website. The most important suggestion I received was to Enable Compression. Compressing resources with gzip or deflate can reduce the number of bytes sent over the network. Enable compression for the following resources to reduce their transfer size by 191.2KiB (74%

How do I use google fonts on my site without compromising the page speed of the site

自古美人都是妖i 提交于 2019-12-03 08:30:04
问题 I use Google fonts and my site's typography. Looks great but it adds a great overhead. Is there a way I can still get the same look and feel for my website without compromising the speed of the site? I am analyzing my site here https://developers.google.com/speed/pagespeed and when I use Google fonts, I am getting a very low score around 60, but if I remove these fonts, then I have a good score. Is there a way I can use these fonts without compromising the web page quality? My priority is

Google Page Speed-Like Image Optimization [closed]

最后都变了- 提交于 2019-12-03 05:50:39
Closed. This question is off-topic. It is not currently accepting answers. Learn more . Want to improve this question? Update the question so it's on-topic for Stack Overflow. My website has about 20 thousand product images. Google Page Speed tells me they can be optimized, and it's correct - the difference is huge. Google is able to maintain identical quality and reduce the image size by 70-90%, and Page Speed even optimizes them for me and provides me with a link to the optimized image. This would be great if I only had a few images, but I can't manually update 20k images. I don't want to

How to make the 1st part of the site loads first? (Like in Google PageSpeed)

不羁的心 提交于 2019-12-03 04:22:45
问题 I have a very large site and it takes pretty long time to load. It takes around 120 seconds. What I'm trying to do is loads 1st half of the site loads 1st. Then user can surf while others parts are being loaded. What I'm trying to do is below. 1st of all is this possible ? According to my knowledge Yes since Google PageSpeed does that. But the problem is if I use PageSpeed I would have to change my DNS server settings and etc. I would like to do this myself. How can I get it done ? What type