pagespeed

Building charts with Google PageSpeed data?

So if you use the PageSpeed plugin for Firefox, there's an Export Data feature under the Analyze Performance section. So I've gone through our site and done an export on every type of page we use. Now I'd like to import all of this nifty info into a charting system or something so I can start studying the results. I did some searching o...

Google Page Speed - what do these messages mean?

I ran the Google Page Speed Firefox extension on a few pages, and under "efficient CSS selectors" it listed various things that are inefficient in my CSS. But some of the messages seem a bit cryptic - what do these (in bold) mean: div#menu h3.soon small Tag key with 2 descendant selectors and ID overly qualified with tag and Class...

CSS/HTML: Does using max-height on images help HTML rendering?

I just finished reading YSlow recommendation to always define the image dimensions (height/width) to improve HTML rendering performance. However, I don't know the image dimension I'm linking too. What I do know is that the height will never be larger than 200px and the width will never be larger than 300px Would I be a benefit if I de...

IIS Browser caching not working

Hi, I have enabled caching in IIS 6 for all our static images and CSS(by right clicking on those folders in IIS and enabled Content Expiration after 30 days under HTTP Headers). When I run Google PageSpeed, and look at the resources tab, the status of those images and css shows up as 200, but I was expecting a 304(not modified). When...

JPG File Size Optimization - PHP, ImageMagick, & Google's Page Speed

I have photo gallery code that does image re-sizing and thumbnail creation. I use ImageMagick to do this. I ran a gallery page through Google's Page Speed tool and it revealed that the re-sized images and thumbnails both have about an extra 10KB of data (JPEG files specifically). What can I add to my scripts to optimize the file size?...

PHP Library to test loading speeds

I was wondering whether there is a simple PHP library to test the loading speed of a web page or a single resource similar to Google Page Speed and Yahoo! YSlow. The reason is that I'd like to build a web based alternative. ...

Set HTTP Caching Expiration, Recommended by Google PageSpeed

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 ....

How to save optimized png images with java's ImageIO?

I am generating lots of images in java and saving them through the ImageIO.write method like this: final BufferedImage img = createSomeImage(); ImageIO.write( img, "png", new File( "/some/file.png" ); I was happy with the results until Google's firefox addon 'Page Speed' told me that i can save up to 60% of the size if i optimize the ...

Does adding width and height to inline images increase the page load performance?

Does adding width and height to inline images increase the page load performance? <img id="moon" height="200" width="450" src="http://www.domain.com/moon.png" alt="moon image" /> Compare to this <img id="moon" src="http://www.domain.com/moon.png" alt="moon image" /> ...

Any difference between lazy loading Javascript files vs. placing just before </body>

Looked around, couldn't find this specific question discussed. Pretty sure the difference is negligible, just curious as to your thoughts. Scenario: All Javascript that doesn't need to be loaded before page render has been placed just before the closing </body> tag. Are there any benefits or detriments to lazy loading these instead th...

How to compress HTTP response headers?

At the Velocity 2010 conference, Google said that header compression can yield big gains: Hölzle noted a glaring inefficiency in the handling of web page headers, which provide information about a user’s IP address, browser and other session data. The average web page makes 44 calls to different resources, with many of those requests...

what is heavier on load time: css or php requests?

I'm using a cms (Wordpress) and have a gaggle of external stylesheets I'm loading on each page, though some of these stylesheets are page specific. Overall I'm getting bad scores from Yslow and Page Speed so I'm considering adding some php conditionals to tell the browser to load only the page specific css files as necessary. However, ...

Is it wise to place .css and .js files on a CDN?

It seems like most people use a CDN for placing images and/or videos. Is it wise to place your js and css on a cdn as well? ...

How to Specify "Vary: Accept-Encoding" header in .htaccess

Google PageSpeed says I should "Specify a Vary: Accept-Encoding header" for JS and CSS. How do I do this in .htaccess? ...

.htaccess: How to "Specify a cache validator"?

I'm running Google PageSpeed on my site and it's tell me that I need to "Specify a cache validator." The following resources are missing a cache validator. Resources that do not specify a cache validator cannot be refreshed efficiently. Specify a Last-Modified or ETag header to enable cache validation for the following resources: ... t...

How do I benchmark a web page, including all images, scripts, stylesheets etc.

I've tried using a couple of tools (apache bench, html_load) but they only request a single file. I'm testing out bundling strategies and so I need the tool to also download any stylesheets, scripts etc. included in the original html file. I.e. exactly what a browser would load. ...

Google PageSpeed & ImageMagick JPG compression

Given a user uploaded image, I need to create various thumbnails of it for display on a website. I'm using ImageMagick and trying to make Google PageSpeed happy. Unfortunately, no matter what quality value I specify in the convert command, PageSpeed is still able to suggest compressing the image even further. Note that http://www.imagem...

YSlow & Google Page Speed's advice on .htaccess conflict

Thanks in advance for your help. I've been experimenting with YSlow and Google page speed, both provide very helpful advice and neither seems to have an advantage over the other but when it comes to Entity tags they seem to disagree or conflict in some way. The following code satisfies YSlows 'Configure entity tags (ETags)' pointer He...

How to move the wordpress template style.css file in another folder?

Hi, I would like to follow one of Page Speed's recommendation: Serve static content from a cookieless domain. So I need to move the style.css file away from the default template folder and put it in my cookieless domain. How do I notice wordpress for this change? Thanks. ...

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

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...