me.dm, home of philip campbell
  • grab my blog rss feed by clicking here.

    Speed Tweaks with Firebug - s3, cloudfront, optimizing css & javascript

    January 4, 2009 2:56 PM

    I've been shaving off some kilobytes and latency from various javascripts and css and have relocated code to a variety of different low latency cdn places. It is really making a difference on the load times for the first page and also for the blog. I'm going hardcore on it and i've found some really good tutorials that have helped me with this.

    Some of the things i did/noticed while optimizing the crap out of the cms and site..

    - considering moving my mt-static folder to s3
    - optimized what css i could and moved that to s3
    - cloudfronted the images.me.dm bucket so you get delivery from local edge connection.
    - repathed and moved images for openx to s3 (but hear they have s3 hosted solution!)
    - friendconnect is 49kb and the more people that join the longer the load time. :(
    - while compressing some css any rgb values got rounded up = ugly colours. :(
    - always remember to change from "owner" to "world" (or auth'd) on s3 store! :)

    I'll try to keep coming back to this post and add new stuff as i learn it and put it in place, the stuff we have access to today is really cool. Some very clever people out here in this digital frontier.

    10 ways to improve your web page performance
    http://sixrevisions.com/web-development/10-ways-to-improve-your-web-page-performance

    css code optimization formatting validation
    http://sixrevisions.com/css/css_code_optimization_formatting_validation/

    Yahoo! UI Library: YUI Compressor
    http://developer.yahoo.com/yui/compressor

    Make your pages load faster by combining and compressing javascript and css files
    http://bit.ly/8X8T

    cssoptimizer
    http://www.cssoptimiser.com/

    css sprite generator
    http://spritegen.website-performance.org/

    rakaz.nl (also a version by someone else for rails)
    make pages load faster by combining and compressing javascript and css files (php)

    A List Apart with CSS Sprites 2 this time with jquery effects (looking at this soon!)
    http://www.alistapart.com/articles/sprites2



    Other Recent Posts

    October 24, 2009 2:59 PM
    October 24, 2009 2:48 PM
    October 24, 2009 2:33 PM
    October 24, 2009 2:00 PM
    October 21, 2009 9:28 PM


      You can probably find me currently @
      Birmingham, West Midlands, England

      Enter your email address:

      Delivered by FeedBurner






    OpenX has not been installed yet -- please read the INSTALL.txt file.