Banner Ad Study: The Female Gaze

This eye tracking study found that females pay more attention to banner ads with discounts and models. more »

Healthcare.gov One Year Performance Review

After one year of improvements, how fast is the healthcare.gov website? While the site is more available, response times have slowed down by 62% to 78% over the past year. We offer some triaged recommendations to improve the speed of healthcare.gov. more »

Wordpress Performance Optimization

Learn how to speed optimize Wordpress for faster web pages and ultimately better conversions and rankings. Optimized hosting, performance plugins and modules, profilers, and other tools and software can help you pinpoint performance bottlenecks and speed up your site. more »

Speedy Mobile Sites Impact Google Search Rankings

Google is now factoring in mobile friendliness and mobile website speed into their search engine rankings. more »

Use a Website Accelerator

Automated website acceleration products can speed up your site without developer intervention. We test the effectiveness of Radware's Fastview appliance on a test site and find significant improvements in speed. more »

Velocity 2013 New York City Highlights

The first Velocity Web Performance conference held in New York City was chock full of interesting talks and hands-on workshops. We've got highlights. more »

Healthcare.gov Performance Review

This article evaluates the website performance issues of the healthcare.gov site, and offers some solutions to improve speed. A brief analysis shows a number of issues that could be addressed to improve the user experience. more »

Average Number of Web Page Objects Breaks 100

The size and complexity of web pages has increased at an alarming rate. Despite increases in bandwidth, the load times of web pages has increased by 48% over the past two years. Reducing HTTP requests has become a critical skill in speeding up page load times. more »

Use a Web Page Optimization Tool

Web page analysis and optimization tools can help locate and minimize performance bottlenecks. They can improve accessibility, spelling, XHTML markup, and even search engine visibility. We update our survey of the web page optimization tool landscape. more »

JPEGmini: More Efficient Image Compression

JPEGmini is JPEG optimization software that reduces the size of photographs by up to 5 or 6 times, while maintaining their visual quality. WSO tests the free service and interviews the CTO of ICTV. more »

Page Speed Online

The online version of Google's Page Speed browser extension features a new mobile web page analysis mode. more »

Serving 2012 Olympic Tickets: London2012 15, CoSport 0

The race is on to get tickets to the 2012 Summer Olympics in London, England. Are the web sites handing the traffic as fast as the athletes they promote? more »

Automatically Speed Up Your Site with mod_pagespeed for Apache

mod_pagespeed is an open-source Apache module that automatically speeds up web sites. Through a number of filters, mod_pagespeed trims the fat off your HTML, CSS, JavaScript and images, reduces HTTP requests, and improves caching. In this article we introduce mod_pagespeed and summarize the available filters. more »

PNG24 and PNG Optimization

Which program is the alpha transparency dog of PNG optimization? We put the front runners of the photo optimization pack through their paces. more »

Average Top 100 Weblog Performance Survey

We compare the home page performance of the top 100 weblogs with the top 1000 websites. Updating a top 100 weblog survey, we find a correlation between popularity and page size. more »

Evolution of the Web from 2000 to 2007

In a comparative survey of data traces from 2000 and 2007, University of Twente researchers found that the nature of the Web has changed from a static one-way medium to a dynamic platform for interactive services such as photo and video sharing portals. more »

O'Reilly Books on Web Performance

We sum up the available books on web performance from O'Reilly. more »

Optimize Drop Shadows

Learn how to create optimized drop-shadows in Photoshop to minimize the size of web graphics. more »

Inline Images with Data URLs

Learn how to embed images into your web pages with data URLs. The data: URI scheme includes images directly into your XHTML pages using code instead of external files, saving valuable HTTP requests. more »

The Cost of Banner Advertising on Web Performance

The cost of banner ads for the average website is about one-sixth more objects and one-third more latency. Learn how online advertising affects web page response times, user behavior, and satisfaction. more »

Optimize Parallel Downloads to Minimize Object Overhead

With the average web page growing past 50 external objects, object overhead now dominates most web page delays. Increasing parallel downloads by using multiple hostnames can realize up to a 40% improvement in web page latency. more »

CSS Sprites: How Yahoo.com and AOL.com Improve Web Performance

Learn how AOL and Yahoo! use CSS sprites to improve performance for their busy home pages. CSS sprites save HTTP requests by using CSS positioning to selectively display composite background images. To maximize accessibility and usability, CSS sprites are best used for icons or decorative effects. more »

Mono-Image CSS Rollovers

Learn how to create menu rollovers with different graphic backgrounds with one image. Save HTTP requests by combining on and off images into one mini-sprite and position with CSS. more »

Minimize Noise to Maximize Graphic and Video Compression

Noise is the enemy of efficient multimedia optimization. Learn how to minimize the noise in your images and videos to maximize compression. more »

Update: Pro Ball Head Review

A solid ball head dampens sharpness-robbing vibration for sharper and smaller images and videos for the Web. Updated with the newest models, we compare some pro-level ball heads and offer some tips for sharper photographs. more »

Replace GIF with PNG Images

PNGs are designed to be a more efficient, flexible, and patent-free replacement for GIFs. By replacing your GIFs with PNGs you can speed up your web pages and save bandwidth. more »

Automated Color Harmony Tools

Make your designs sing in four-part color harmony with these automated color harmonization tools. We review a joint effort by Microsoft and Tel Aviv University to automatically enhance the color harmony of an image. more »

Don't Let the Graphics Grinch Steal Your Christmas Bonus

Know what jolly old site owners get when they let their graphics get so plump they shake like a bowl full of jelly? A lump of coal for Christmas. Let our Rudolph guide your way to a merry Christmas and happy New Year with an inspirational rendering of 'Twas the night before Christmas. more »

Combine Images to Save HTTP Requests

Learn how to reduce the number of HTTP requests required by your web pages by combining adjacent images and optionally imagemapping the links. This tutorial shows both client and server side techniques you can use to save precious HTTP requests and speed up your site. more »

CSS Overlays: Using CSS Positioning to Overlay Web Objects

Learn how to create an eye-catching overlay with CSS positioning. This CSS-layout technique is faster than image slicing requiring fewer HTTP requests. more »

Crop Images Contextually

Crop images contextually for faster downloads and higher impact. By cropping maximally and resizing you can convey meaning without slowing down your web pages. more »

Size Images with Width and Height Attributes

Using width and height attributes on images ensures fast webpage display. Conserve bandwidth by using actual size for thumbnail images. more »

Convert Graphic Text to Styled Text

Converting graphic text to CSS text speeds up your site, makes it more accessible, and search engine friendly. more »

Graphics: Blur Backgrounds for Optimized JPEGs

Background blurring reduces non-critical details to make the JPEG algorithm work more efficiently. Converting to Lab Color mode allows you to maximize blur for minimum file size. more »

Graphics: Minimize Dithering

Dithering uses existing colors to strategically change pixels to minimize apparent banding. While dithering increases file size, when used in combination with lossy compression and weighted optimization, dithering can allow lower bit-depths for GIFs and PNGs. more »

Graphics: Influence Histograms

Histogram influencing minimizes banding in GIFs and PNGs by weighting color palettes towards problem areas. Lower banding at lower bit-depths makes for smaller images. more »

Graphics: Minimize Bit-Depth

Minimize the number of colors in GIFs and PNGs to optimize file size. Lower bit-depths mean smaller palettes and code widths, which makes for smaller images. more »

CSS: Substitute CSS2 Menus

Substituting CSS2-styled lists for graphic menus and JavaScript can streamline your pages and make them more accessible. more »

Graphics: Use Lossy Compression for Smaller GIFs and PNGs

Lossy compression lets you squeeze more bytes out of your GIFs and PNGs. Lossy compression increases identical pixel patterns to improve compression in indexed-color images. more »

Graphics: Use Weighted Optimization

Weighted optimization or regional compression applies different degrees of compression to different areas of your image. By varying the quality within images you can improve file size. more »

Graphics: Choose the Right Image Format

Choosing the right image format is the first step in optimizing web graphics. Learn how to choose between the GIF, PNG, and JPEG formats for different image types. more »

Multimedia: Use a Stable Tripod

A stable tripod creates sharper pictures and videos by damping out vibration. Sharper shots mean smaller multimedia destined for the Web. more »

Multimedia: Use Image Stabilization

Image stabilization creates sharper pictures by damping vibration to avoid motion blur. Gyroscopic stabilizers steady cameras for sharper photographs and videos. more »