Nieman Foundation at Harvard
HOME
          
LATEST STORY
Hot Pod: We now have new, free rankings to show how podcasts stack up against each other
ABOUT                    SUBSCRIBE
May 13, 2014, 2:30 p.m.
LINK: speakerdeck.com  ➚   |   Posted by: Joshua Benton   |   May 13, 2014

Web publishers face a quandary in 2014: User expectations for how quickly a website will load are getting faster and faster. But web pages keep getting fatter and fatter, adding custom fonts, bigger art, more video, and more complex JavaScript into the mix. Our 3G reality often falls short of our broadband dreams.

guardian_logoPatrick Hamman at The Guardian gave an interesting talk last week at the FrontTrends conference in Warsaw about how they’re trying to make theguardian.com load a lot faster in its new, responsive design, and there are a lot of ideas in here ready to be stolen by other news site developers. One remarkable fact: A Guardian audience survey found that, of 17 key product drivers, the speed of the site ranked No. 2, behind only whether content was easy to find or not.

A couple of the main ideas:

The order in which a page’s assets load is critical to user perception. Load the most important parts (for a news article, the headline and text) first and load everything else (related stories, ads, comments, bottom nav, etc.) later. Let your user get started with the task she wants to complete right away. (He even suggests inlining CSS in some cases, long considered a little déclassé in modern web circles.) There’s plenty of good stuff about progressive enhancement and lazy loading if you want to learn more.

Determine what an acceptable load time is — set your time budget, in other words — and test, improve, and iterate your way until you hit that goal. I loved this screenshot of a metrics email bragging that the new Guardian site was “142% faster than NY Times”:

guardian-pageload-nytimes

More about the Guardian redesign, including code, on GitHub.

Show tags Show comments / Leave a comment
 
Join the 15,000 who get the freshest future-of-journalism news in our daily email.
Hot Pod: We now have new, free rankings to show how podcasts stack up against each other
Plus: Parsing the RadioPublic announcement; premium podcast subscriptions; Bill Simmons oversimplifies things.
BuzzFeed is building a New York-based team to experiment with news video
It is the “center of a Venn diagram” between BuzzFeed Motion Pictures and BuzzFeed News.
With NYTEducation, The New York Times is taking its expertise and access to the classroom
“People come to learn with us because they want something that feels Times-ean in the experience.”
What to read next
0
tweets
The Verge launches Circuit Breaker, a gadget blog-as-Facebook page
The Verge is launching a new gadget blog that is built for Facebook. (Articles will also run on The Verge’s website.)
0Millennial-focused local startup Charlotte Agenda is expanding its model to a second city, Raleigh
The North Carolina startup says it’s profitable and is looking to expand its reach — but it’s not seeking outside funding.
0With a scripted daily comedy news show, Mic looks to add a little late night TV to the social video mold
“We don’t just present a bunch of headlines and say what we think. Our videos are chock-full of facts and research.”
These stories are our most popular on Twitter over the past 30 days.
See all our most recent pieces ➚
Encyclo is our encyclopedia of the future of news, chronicling the key players in journalism’s evolution.
Here are a few of the entries you’ll find in Encyclo.   Get the full Encyclo ➚
Baristanet
The New Republic
American Independent News Network
PolitiFact
New Jersey Newsroom
Politico
The Daily
PubliCola
NBC News
Connecticut Mirror
Las Vegas Sun
Craigslist