How Facebook made mobile site faster for users with limited bandwidth

Facebook engineers rose to the challenge of shrinking profile cover photos to 200 bytes

Facebook has engineered a way to blur the cover photo to reduce bandwidth consumption

Facebook has engineered a way to blur the cover photo to reduce bandwidth consumption

By resorting to unconventional engineering, Facebook saves users in developing countries precious bandwidth while still offering them a close-to-optimal Facebook experience.

In tackling the problem, the Facebook engineering team didn't turn to new technology, but rather thought hard about the tools it was already deploying.

"We used existing technology, but in a kind of clever and unique way," said Brian Cabral, Facebook director of engineering.

The work they did cut the time it takes to download a Facebook page in limited bandwidth conditions by 30 percent. The page could be viewed more quickly, both on the Web and through the company's mobile app.

They also learned some lessons in how much an image can be compressed and still be useful.

With over 1.49 billion users, Facebook is now courting people in parts of the world where neither computers nor high-speed Internet connections abound. That's why it has been looking for ways to conserve bandwidth, so people on slower 2G networks can still use the service.

"Especially in places like India and developing markets, 2G is still the dominant network," said Marty Greenia, a Facebook software engineer.

One of the first projects was trimming the size of each user's cover photo, the image that stretches over the top of profile pages.

This cover photo can run 100KB or larger, which can take some time to download on a 2G connection that tops out at 32KB per second.

As a result, users with limited bandwidth would not see the image for those profile pages they visited, at least not initially. This isn't a desirable Facebook experience.

For low-bandwidth users, the Facebook engineering team wanted to reduce the size of each photo to, ideally, 200 bytes. An image made from 200 bytes, which is a mere 1,600 individual bits, would download quickly even on a slower connection.

Putting images on a 200 byte diet would be quite a challenge, given that the JPEG image format everyone uses for their photos already compresses images, quite efficiently.

The engineering team attacked the problem in a number of ways. "We thought long and hard about this," Cabral said.

One approach the team used was to make a copy of the photo as a frosted-glass impression, in which the details are blurred out, reducing the image size. The frosted glass impression could serve as a stand-in until a full size copy of the image could be downloaded.

Even with the image blurring, the size needed to be cut further, Cabral and Greenia explained in a jointly authored blog item posted Thursday describing the work.

They found that each JPEG file comes with a lot of metadata, describing the attributes such as the photo size. But given that this header data was the largely the same in all cover photos, it could be easily removed and recreated with fixed headers stored on the user's device. "We knew what those bytes would look like," Cabral said.

Finally, a couple of crafty, non-standard compression schemes also helped cut the images to the required size.

The techniques they deployed worked well not only for users with limited bandwidth, but also for all wireless users.

During time of network congestion, a frosted image will often pop up for a few seconds before the full image can be displayed, leading to a more seamless Facebook experience, Greenia said.

Another advantage the work offered was that it could save a bit of money for those on metered data plans, which is often the case for people on 2G networks in developing markets.

"Often people are making trade-offs between using their data plan and using their money for other things," Greenia said. "I feel proud when I can save someone money."

Joab Jackson covers enterprise software and general technology breaking news for The IDG News Service. Follow Joab on Twitter at @Joab_Jackson. Joab's e-mail address is Joab_Jackson@idg.com

Join the Good Gear Guide newsletter!

Error: Please check your email address.

Tags Development toolsapplication developmentsoftwareFacebook

Our Back to Business guide highlights the best products for you to boost your productivity at home, on the road, at the office, or in the classroom.

Keep up with the latest tech news, reviews and previews by subscribing to the Good Gear Guide newsletter.

Joab Jackson

IDG News Service
Show Comments

Most Popular Reviews

Latest News Articles

Resources

PCW Evaluation Team

Azadeh Williams

HP OfficeJet Pro 8730

A smarter way to print for busy small business owners, combining speedy printing with scanning and copying, making it easier to produce high quality documents and images at a touch of a button.

Andrew Grant

HP OfficeJet Pro 8730

I've had a multifunction printer in the office going on 10 years now. It was a neat bit of kit back in the day -- print, copy, scan, fax -- when printing over WiFi felt a bit like magic. It’s seen better days though and an upgrade’s well overdue. This HP OfficeJet Pro 8730 looks like it ticks all the same boxes: print, copy, scan, and fax. (Really? Does anyone fax anything any more? I guess it's good to know the facility’s there, just in case.) Printing over WiFi is more-or- less standard these days.

Ed Dawson

HP OfficeJet Pro 8730

As a freelance writer who is always on the go, I like my technology to be both efficient and effective so I can do my job well. The HP OfficeJet Pro 8730 Inkjet Printer ticks all the boxes in terms of form factor, performance and user interface.

Michael Hargreaves

Windows 10 for Business / Dell XPS 13

I’d happily recommend this touchscreen laptop and Windows 10 as a great way to get serious work done at a desk or on the road.

Aysha Strobbe

Windows 10 / HP Spectre x360

Ultimately, I think the Windows 10 environment is excellent for me as it caters for so many different uses. The inclusion of the Xbox app is also great for when you need some downtime too!

Mark Escubio

Windows 10 / Lenovo Yoga 910

For me, the Xbox Play Anywhere is a great new feature as it allows you to play your current Xbox games with higher resolutions and better graphics without forking out extra cash for another copy. Although available titles are still scarce, but I’m sure it will grow in time.

Featured Content

Latest Jobs

Don’t have an account? Sign up here

Don't have an account? Sign up now

Forgot password?