thumb

Reviewing speedup – from advanced to extreme website acceleration

Yesterday we completely finished with our performance optimization Stage 2 (advanced techniques). Let’s review how much acceleration we have got during this process. Actual progress As you can remember we have website load time about 4.2 seconds (clean cache) and the following YSlow chart. N...

thumb

Using CDN – is it cool?

We reviewed multiple hosts application to our website and get a little more speedup. So let’s see how CDN (Content Delivery Network) can help us. Actually CDN is a large number of servers which are distributed all over the world and have very good connection timings (so every HTTP request cos...

thumb

Parallelize images – multiple domains in action

Yesterday we prepared our dynamic images to be distributed among the static ones. Let’s see how this can be implemented. First of all what will we gain after images distribution? On the home page we have 19 images (and about 12 on every blog post one). Actually there are 17 images, 1 CSS imag...

thumb

Statify dynamic images from timthumb

Just to remind: we are going through WordPress performance optimization stage 2 (after 3x speed from Stage 1) and focusing on decrease of number (or payload) of HTTP requests. Last several posts were devoted to CSS images optimization. We reduced their number and reviewed some well-known techniques...

thumb

Creating CSS Sprites: drawbacks and challenges

In the last post we reviewed CSS Sprites technique usage but we didn’t mention all possible ways to use CSS background property including different image formats. Let’s deep into this area and list all possible combinations where background images can be used. Simple usage Some applicat...

thumb

CSS Sprites: revealing sealed mystery

Last posts figured out how to use data:URI combined approach (parts 1, 2, 3). The last one actually was related to improving overall website caching not just base64-embed images. And this will help us to create CSS Sprites properly. CSS Sprites is an important part of overall website acceleration p...

thumb

Add more caching with (background) images

This week we are reviewing advanced techniques to speed up your website. Maybe some of them are really extreme but it’s even better – we don’t need to apply something more in the future. So we have used textual files merging (both JavaScript and CSS ones). Then we have moved to da...

thumb

Even faster styles with data:URI

Yesterday we stopped almost at raw data:URI approach – we included all our CSS images into 1 file (which reduced total number of HTTP requests) but this delayed start of page rendering in browser. Now it needs to download all CSS files which are filledl with base64-encoded data. Here is a wat...

thumb

data:URI is the next generation of acceleration techniques

This is the third post (part 1, 2) in our Stage 2 of website performance optimization. After Stage 1 with 2-3x speedup we are going to add about 20% more to load speed value. Today’s theme is data:URI (and mhtml) technique. Basics: benefits and drawbacks data:URI allows you to present image (...

thumb

Too many styles? Shrink them!

We successfully defeated our JavaScript files yesterday (removed duplicated, merged together, minified, and put to the end of the document). Let’s see what we can do with CSS files. Generally too many styles are not very bad. Especially after we fixed JavaScript blocking behavior. But they al...

MySQL queries: 45 | 0.604s
Memory used: 15.76M
Memory limit: 32M