Posts Tagged ‘css’

5 Cool Things You Can Do to Increase Site Speed (and Search Rankings): Part 2

Wed, Apr 28, 2010 1 Comment

Handy Backup website loading speed measured by Google Webmaster Tools

In a comment to the previous post, I was asked how I had managed to save 10KB by optimizing HTML codes. A very correct question, indeed! If you simply replace a piece of code like this:

<table class=”product_box”>
<tr><td class=”product_box_title”> … </td></tr>
</table>

with a div-driven construction like

<div class=”product_box”>
<div
class=”product_box_title”> … </div>
</div>

You won’t win anything but a couple of bytes. Where did I save kilobytes? The answer lies in the third practical advice that I’m going to give.

(more…)

Share or Bookmark this post:
  • del.icio.us
  • Digg
  • Mixx
  • StumbleUpon
  • Slashdot
  • Sphinn
  • Propeller
  • Google Bookmarks

5 Cool Things You Can Do to Increase Site Speed (and Search Rankings): Part 1

Mon, Apr 26, 2010 4 Comments

Handy Backup website loading speed

As I wrote in the previous post, one of the reasons to move Handy Backup site from table-based layout to CSS-driven div’s was Google Webmaster Central blog’s announcement that they included website speed in search ranking algorithms. Getting rid of endless <table>’s, <tr>’s and <td>’s, as well as optimization of CSS allowed me to reduce raw HTML codes by at least 10KB per page, which has of course made its little contribution to the loading time. But after that I decided to delve further to the subject and found that there are many other things that a webmaster can do to improve his site’s performance and visitor experience.

In this post I’ll discuss what makes up a website’s loading speed and what can be done to fasten it.

(more…)

Share or Bookmark this post:
  • del.icio.us
  • Digg
  • Mixx
  • StumbleUpon
  • Slashdot
  • Sphinn
  • Propeller
  • Google Bookmarks

How CSS Affects SEO (as Compared to Table-Based Layout)

Tue, Apr 13, 2010 6 Comments

Handy Backup main page HTML codeI have just finished a very massive piece of work related to converting the official Handy Backup website to tableless HTML/CSS layout. It took almost two weeks of intensive coding and testing, and I sincerely hope that I didn’t miss anything important.
The whole site was originally built in tables that, roughly speaking, started in one template, continued in another and ended in the third one. Although the tables were hand-coded in the CMS across several database tables, the structure itself was not overcomplicated, and I could start with some specific category or page, e.g. homepage. But I always wanted to know if Google really cared for correct markup, so I decided to conduct a large experiment that would affect the entire site rather than a small set of pages.

(more…)

Share or Bookmark this post:
  • del.icio.us
  • Digg
  • Mixx
  • StumbleUpon
  • Slashdot
  • Sphinn
  • Propeller
  • Google Bookmarks