How do I speed up my WordPress site?

My Word­Press blog was super slow. I read this, fol­lowed it’s instruc­tions and wow! I am really impressed with how fast it is.

So what did I do?

First check to see if you site is slow and what grade it gets. Got to gtmetrix.com. Here’s what I started with:starting web site grade.

After I made the changes, here is my web site grade:
after making optimization here is my web site grade

The page size decreased. The files requested decreased. Sur­pris­ingly, the page load time increased but it really seams like it loads faster.

I never heard of cloudflare.com before and here is an arti­cle on who they are and what they do.

I think if you read these arti­cles you will learn some impor­tant lessons about speed and a web site. I also think it will speed up you site. If it doesn’t, you can just unin­stall it.

If you do end up try­ing it, let me know if it helps.

Ideas for Sketching Websites and turning them into buying a new car

  1. You want to build a website.
  2. Don’t open pho­to­shop just yet.
  3. Sketch your site.
    • No pen.
    • Use a pen­cil with an eraser.
    • Don’t think of what you can and can’t do. Let your imag­i­na­tion go free and you’ll be amazed at what ideas you come up with.
    • Later on, you can quickly refine this sketch into a wire­frame that is more plau­si­ble with your cur­rent skill set.

Here is a great site show­ing lots of dif­fer­ent sketch ideas. I par­tic­u­larly like the sketches with arrows that show what the site will do. This is the behav­ior of the site (aka — JavaScript).

  1. Wire­frame your sketch (use a site like mockflow.com)
  2. Cre­ate a PSD of your wireframe
  3. Slice up your psd into the images you’ll use for your site
  4. Code the HTML struc­ture of your PSD
  5. Code the CSS of your PSD
  6. Code the JavaScript of your PSD
  7. Imple­ment your code inside a CMS like Word­Press (cus­tom theme WordPress)
  8. Col­lect your check
  9. Buy that new car you wanted with the check you just received :)