Suppose you have create your own wordpress blog, without taking too much care about size of pages, you edit your css a little bit, add several new classes in it (and probably few too much), have inserted a few pictures and some flash animation or banner, and suddenly realize that your website has too many kilobytes. Today is a time of fast internet and networks can carry far more data than before, that is the reason why creators of web pages now are pretty relaxed about the pages size. However, it is still good to keep the website as lightweight as possible, but not to lose anything from our precious and great looking styles, images or animations. That was the case with my style.css. It grown to considerable size during developing of this site. I recently found a great solution how to drastically reduce the weight of a css file. I recommend this to everyone.

As you surely already know WordPress usually resume of all published posts on website homepage, or last few posts, or only chosen ones, all depending on the wishes of the author. Of course for all of us website authors is very important to attract attention, so the users would want to read the rest of post, and thus be retained as long as possible on our website. We know that everyone, without exception, prefer colorful, small squares, with some (non) meaningfully scene, better known to us as an images, thus we will try here to get their attention with it. So it would be nice to somehow incorporate the image in each post on the index page of our blog. This is the theme of this post, and one of the solutions is below …