Current time: 02-26-2021, 12:28 AM Hello There, Guest! (LoginRegister)

Post Reply 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
New to all this need help!
01-31-2012, 05:37 AM
Post: #6
RE: New to all this need help!
I am somewhat of a newbie too although I've had my site up and running for more than 3 yrs. I started the site without any html or CSS experience. I downloaded Wordpress and have used WP with various premium themes and lots of plugins to get the kind of look and features I wanted. Unfortunately, this method wasn't always good for performance. To top it off, the Wordpress admin panel is so easy to use that a novice can get something up and running without ever knowing how to access the code.

For example, you that we create image sprites.

Here is where I am lost. I used SpriteMe. It combined several of my graphical images and provided me with a single file of the multiple images that were combined. I don't know where to put the file.

The Wordpress theme I use is Genesis which isn't really a theme. They call it a framework. It's designed so that you don't have access to all of the files you'd normally have access to.

Here is my site:

Any advice?

(03-09-2010 11:13 PM)pmeenan Wrote:  First step is to run a test of the site:

Looks like there is a lot of room for improvement. Here is the order I'd recommend working on it:

1 - Enable gzip compression for html, css and js mime types. That will save 560KB off of the download and should just be a tweak to the server configuration (or .htaccess since it looks like you are running on apache). It will speed up the site and also save you a bunch of bandwidth (and it's a trivial server configuration change).

2 - Combine those css files into a single file and same for the javascript files. You should be able to get your start render time down from 13-14 seconds to 3-4 seconds with just that change and it will have a huge benefit to how fast the site "feels" to your users.

3 - Set a far future expiration on all of the images, css and js. That will eliminate all of the "yellow" requests in the repeat view and make the site REALLY fast for anyone coming back a second time. It does mean that you can't edit or change the files without changing the file name though.

4 - Create an image sprite for the graphical elements on the page (see SpriteMe for help making it easy).

5 - Go through your images and make sure they are the right format and are compressed as much as possible without losing quality (we recommend using the "save for web quality 50" if you are using Photoshop for jpeg's). I see some images that should be jpeg's instead of png's (like this one: that would be a LOT smaller and the ones that are already jpeg's could be 50-80% smaller as well without losing quality.

These are pretty much the critical things that you NEED to do. There is a lot more you could do to make it faster even after these but unless you make these fixes nothing else will really matter.
Find all posts by this user
Quote this message in a reply
Post Reply 

Messages In This Thread
New to all this need help! - hbow36 - 03-09-2010, 06:47 AM
RE: New to all this need help! - pmeenan - 03-09-2010, 11:13 PM
RE: New to all this need help! - smkyle1 - 01-31-2012 05:37 AM
RE: New to all this need help! - hbow36 - 03-10-2010, 03:55 AM
RE: New to all this need help! - pmeenan - 03-10-2010, 04:08 AM
RE: New to all this need help! - pmeenan - 02-02-2012, 11:43 PM
RE: New to all this need help! - moshi - 02-04-2012, 08:04 AM

Forum Jump:

User(s) browsing this thread: 1 Guest(s)