1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Using Google's Page Speed Optimization Tool! Help!!

Discussion in 'White Hat SEO' started by ramtripper, Sep 23, 2011.

  1. ramtripper

    ramtripper BANNED BANNED

    Joined:
    Jul 31, 2010
    Messages:
    427
    Likes Received:
    273
    Alright so I'm using Google's page speed tester and I'm trying to fix the major problems it identifies with my site...

    Code:
    http://pagespeed.googlelabs.com/pagespeed/
    I got an overall Page Speed Score of 73 (out of 100).

    High priority. These suggestions represent the largest potential performance wins for the least development effort. You should address these items first:
    Optimize images, Leverage browser caching

    I'm having much trouble doing either... Spent many hours of research and trial and error and nothing...


    Optimize images

    Regarding optimizing my images. Most big ones are my JPEG banners. I have 4 major ones. They range from 60-90kb each. The problem is they are important informational banners - visit my homepage from clicking my username to see them. It's the main banner at the top and it switches every few seconds.

    I tried lowering quality a tad bit.. enough to retain quality to the naked eye but lower the size by 5-7 kb. I read about the lossless compression but can't find an actual program that'll do this right. Maybe you guys have some tips?

    Leverage browser caching

    I'm using godaddy as hosting.. yes i know it's crap, yes i am soon switching to hostgator. but for now, im on godaddy. and all the info i found, i tried and nothing.. either there was no actual change done, or my site stopped working until i deleted the new coding from my .htaccess file. i tried the following:

    Code:
    ## EXPIRES CACHING ##
    <IfModule mod_expires.c>
    ExpiresActive On
    ExpiresByType image/jpg "access 1 month"
    ExpiresByType image/jpeg "access 1 month"
    ExpiresByType image/gif "access 1 month"
    ExpiresByType image/png "access 1 month"
    ExpiresByType text/css "access 1 month"
    ExpiresByType application/pdf "access 1 month"
    ExpiresByType text/x-javascript "access 1 month"
    ExpiresByType application/x-shockwave-flash "access 1 month"
    ExpiresByType image/x-icon "access 1 month"
    ExpiresDefault "access 2 days"
    </IfModule>
    ## EXPIRES CACHING ##
    Code:
    <FilesMatch "\.(jpg|jpeg|png|gif|css)$">
    Header set Cache-Control "max-age=3600, public"
    </FilesMatch>

    Having much trouble trying to implement these changes for the last few days. Any help would be GREATLY appreciated.

    EDIT: I Spent 7 Hours Staying Up All Night Finding Programs To Compress These images. Now My Google Page Speed Score is An 85! Same as Yahoo's! Haha! Now I need to figure out a way to leverage the browser caching...

    Links For Lossless JPG and PNG Image Optimizers Here:

    Code:
    http://pnggauntlet.com/
    Code:
    http://home.arcor.de/shld/thejpegreducer/
    It might take google speed tester a few hours to see that you uploaded lighter pictures, but when it notices, o will you be happy!
     
    Last edited: Sep 23, 2011
  2. PhillyLuke

    PhillyLuke Junior Member

    Joined:
    May 18, 2011
    Messages:
    101
    Likes Received:
    37
    Occupation:
    Fulltime SEO/IM
    Location:
    Philadelphia, PA
    What kind of CMS (if any) are you running the site on?

    I use wordpress for all my sites and got some great results from using a caching plugin (WP Total Cache).

    Also you might want to try using CSS Sprites for your images if you're having trouble lowering the quality.

    What this does is combine all your images into 1 file and then uses CSS to properly display each individual image.
     
  3. ramtripper

    ramtripper BANNED BANNED

    Joined:
    Jul 31, 2010
    Messages:
    427
    Likes Received:
    273
    Hey, i got them optimized, check my edit above.. now if anyone can help with the browser leveraging...
     
  4. milian

    milian Power Member

    Joined:
    Jan 9, 2010
    Messages:
    515
    Likes Received:
    69
    Occupation:
    SEO stuff
    Location:
    Around
    are you using wordpress?

    You can install Smushit plugin to compress images when uploaded.


    There is alos this great website to compress images:
    Code:
    http://www.jpegmini.com/main/home