Nieman Foundation at Harvard
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.
Patrick 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”:
More about the Guardian redesign, including code, on GitHub.
8 comments:
I do not know whether it’s just me or if everybody else encountering problems with your site.
It seems like some of the text within your content are running
off the screen. Can someone else please provide feedback and let me know if this is happening to them too?
This might be a problem with my internet browser because I’ve had this happen before.
Many thanks
hey there and thank you for your information – I’ve definitely picked up
anything new from right here. I did however expertise a few technical points using this web site,
as I experienced to reload the site lots of times previous to I could get it to load
correctly. I had been wondering if your hosting is OK?
Not that I’m complaining, but sluggish loading instances times
will sometimes affect your placement in google and can damage your quality
score if ads and marketing with Adwords.
Anyway I am adding this RSS to my e-mail and can look out for a lot more of your respective
interesting content. Make sure you update this again very soon.
Good info. Lucky me I discovered your blog by chance (stumbleupon).
I have saved as a favorite for later!
excellent points altogether, you just gained a brand new reader.
What might you suggest about your post that you just made a few days
ago? Any positive?
Pretty nice post. I just stumbled upon your weblog and wanted
to say that I’ve truly enjoyed surfing around your blog posts.
After all I will be subscribing in your rss feed and I am hoping you write once more soon!
Everyone loves what you guys tend to be up too.
This kind of clever work and reporting! Keep up the excellent works guys I’ve added you guys to blogroll.
Hiya! I know this is kinda off topic but I’d figured
I’d ask. Would you be interested in exchanging links or maybe guest authoring a blog article or vice-versa?
My site goes over a lot of the same subjects as yours and I feel we
could greatly benefit from each other. If you’re
interested feel free to send me an email. I look forward to hearing
from you! Fantastic blog by the way!
This text is priceless. When can I find out more?
Trackbacks:
Leave a comment