After several posts about data:URI and actual data:URI performance impact let’s see how this technique can affect website performance or some other sides of website consistency or website speed ..
In the prvious posts we stated that dynamic images are bad and how images (from timthumb) can be statified. Let’s speak today about dynamic CSS / JavaScript files and see what can be done here. ..
We minified and combined all JavaScript files on our website and got about 250ms gain in load speed (or 6%) and website performance. It’s not so much but JavaScript minify technique can be very ..
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...
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...
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...
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...
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...
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...
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...
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...
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 (...
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...
