This Week in Website Performance

This Week in Website Performance is a weekly feature of the blog. It summarizes recent articles about website performance. How to make yourweb site better, how to improve your users experience when they come to your website and how to optimize the overall experience. Why? Because your friends at care.

Rapid Response – performance techniques for Responsive Web Design

Author: Mark Zeman.

Responsive Web Design (RWD) is gaining more visibility and deployment as increasing numbers of people turn to small form factor devices to browse the web. RWD is new enough to not have established best practices and that can be a barrier to implementation. This article provides a good higher level understanding of the RWD scenario along with a few key techniques to optimise with a mobile first perspective.

How To Speed Up Your Website With Chrome DevTools

Author: Alex Shaikh.

Usually website performance focusses on the raw time to deliver content. There is another aspect to performance in active or dynamic sites and that relates to smoothness of presentation. When repainting is too slow a visual jitter effect sometimes called janking is exhibited, and this is unpleasant to experience. If your website produces low or inconsistent frame rate it’s important to address this user experience deficiency. This article uses Chrome DevTools to work through the problem of janking, and in the process you will have a much better understanding of the problem and its causes and remedies.

Who’s Afraid of the Big Bad Preloader?

Author: Yoav Weiss.

A lesser-understood element in the web performance arena is the browser preloader. Also known as the preload scanner, speculative parser, or look-ahead browser, this optimization feature should be in every performance toolkit. If poorly understood and implemented it may not improve things, and has gotten a bit of a bad rap because of that. Take the time to learn how to use the preloader and see if your site doesn’t improve from the treatment. This article is a great resource to understand preloading and how to make it work for you.

How To Decrease WebSite Loading Speed – 10+ Tips and Tools

Author: (Nuno Lopes, Rui Santos, Andreia Mota, Sérgio Carvalho)

In the world of website performance, there are many features, techniques, tips, and tricks. This lengthy article covers the gamut, from why speed matters to reducing download size to maximizing cache. Be sure to implement monitoring right away so you can see the improvements you’ve made in hard numbers by visiting to establish a monitoring solution. Then follow along this article to make some positive, negative, changes today. The case study presented reduced their loading time to 50% of the initial time.

15 jQuery Tips and Tricks to Increase Performance

Author: Laeeq Khan.

jQuery is a very popular javascript library. With it’s flexibility and ease of use, many sites using javascript implement it. If you develop using the jQuery library you know can be several ways to do things. This article covers 15 different ways to use jQuery in order to maximise it’s performance.

JavaScript Performance Analysis: Keeping the Big Picture

Author: Ariya Hidayat.

Javascript code exists throughout many web based systems and can be a cause of poor performance. This short article covers sampling and tracing of javascript code, in order to efficiently locate code requiring optimisation.

5 Tips to Optimize Your Website’s Performance

Author: Javed Ali.

This short article applies to anyone with a website. If you are starting out or need to revisit the basics, give this a read and implement the 5 tips. Image compression, CDNs, and code minification are a few of the areas covered.