Suggestions?

Viewing 3 replies - 1 through 3 (of 3 total)

  • The template looks pretty cool in general. Nice work there!
    I have a couple suggestions:
    1) There are a lot of http requests (from images). You should try combining as many of those into sprites as possible.
    2) Try and load as much javascript into the footer as possible (instead of the head).
    3) Gzip your html output (this will help a bunch, as will the image combinations). This should be as simple as adding the following php just before the doctype in your theme’s header file:
    <?php ob_start('ob_gzhandler'); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional[…]

    Check out Yahoo’s guide to speeding up a site

    As for personal taste, I’d like to see your logo up next to the site title, and I’d also like that big RSS icon to be clickable.
    It looks really good though, so try to focus on the user experience now ??
    peace~

    Thread Starter korcy

    (@korcy)

    well i feel dumb saying this but im pretty new to it all and honestly dont have a clue how to do any of that ??

    only one i know how to and have now added was the adding of the php to the header file.

    any tips on how to do the rest would be great ??

    and thanks for looking.

    Please don’t feel dumb! We all had to start somewhere. Just take the opportunity to learn a little more ??

    You might want to have a look at A List Apart’s CSS Sprite article and also phpied’s article on CSS sprites for repeating backgrounds. Lots of your repeating images can be made to have the same vertical or horizontal dimensions, and then combined into fewer files as described. Any non-repeating images can all be combined into a single file. There are some tools to do this on the web but you can also just use the GIMP (or photoshop or whatever).

    As for combining/minifying the js/php, you can try out Omninoggin’s WP Minify plugin. There are a couple others that are good too.

    For loading Javascript in the footer, have a look at my recent post.

    You can add some blank links with unique id’s somewhere outside your main body, then easily display them as blocks, size them, and absolutely position them with your css file. The one that would float over the rss icon wouldn’t need a background image (unless you want it to light up or something on rollover). The one with your logo would need your logo as the background image.

    Google is your friend ??
    peace~

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Suggestions?’ is closed to new replies.