In An Era Of Decline, News Sites Can’t Afford Poor Web Performance

April 26, 2016 — by Matt Young1

main

Application DeliveryWPO

In An Era Of Decline, News Sites Can’t Afford Poor Web Performance

April 26, 2016 — by Matt Young1

For all industries, web performance is an essential part of the online equation, and if there’s an industry that’s been disrupted by the web as greatly as the retail sector, it has to be news and media, making every aspect of the online experience even more important.

At the turn of this century, one of the key terms and concepts in university news and media courses was “media convergence” – that is, all things media coming together via the internet and web-enabled devices to an exploding user base.

The thought (for some) was that all these new avenues for consuming media would lead to a “bigger ocean” of potential consumers, and that the reach of news and media companies (including newspapers) would expand. Others were concerned about keeping up with the 24-hour news cycle.

That idea was only partly true, however. Yes, there is a dizzying amount of media available at the fingertips of the masses, but it’s incredibly fragmented, and readership is down.

In fact, even as print readership declines, so is the readership of online publications. A new research paper finds that over the past eight years the websites of 51 major metropolitan newspapers have not seen appreciable readership gains on average, as reported by Media Life magazine.

With revenue streams having shifted primarily from subscriptions to online ad delivery, and with so many avenues available for web surfers to consume news, from Facebook to YouTube, blogs and yes, online newspapers, anything that can be done to keeps readers reading is essential, and there’s just no room left for slow-loading websites.

After just three seconds, the bounce rate increases, and those that leave are unlikely to bounce back.

[You might also like: eCommerce Closes in on the Three Second Pageload Target ]

Key Findings

As part of our web performance report, Multi-Industry Web Performance 2016 State of the Union – Desktop Edition, we analyzed the real user experience of the top 50 online news and media sites, as ranked by information technology company SimilarWeb, to see what’s really going on.

We found:

  • The top news and media sites had a median Time to Interact of 4.1 seconds, 1.1 seconds outside the 3-second target. Twenty-two percent of the sites fell within that target, with 78% failing to do so.
  • Culprits for slow sites included too many images, with those images often unoptimized, excessive JavaScript requests, and too many requests of the server in general, resulting in time-wasting round trips. The median number of server requests was 97, while the slowest site measured weighed in at 787 requests, with a resultant TTI of 7.7 seconds.
  • Thirty percent of sites tested scored an “F” for image compression on WebPagetest.org, with just 8% earning an “A” grade.
  • Central “hero” images were often delayed due to other elements taking up the HTTP connections and those requests having to wait in line.
  • Third-party scripts took up valuable bandwidth, contributing to slowdown.

The impact of all of this just adds to the downward pressure on the financial strains news and media sites face. While there are a few notable standouts, including the Huffington Post (which we detailed in our report), there are other hugely influential sites and publications where the user experience is taking a nosedive.

Breaking Down The Slowdown Of A Major News Site

The site of one of the world’s foremost newspapers, which we analyzed for our report, didn’t have anything rendered visibly until 4.6 seconds, as seen below.


Source: WebPagetest

Upon closer inspection, the navigation buttons and other key content didn’t display until the 5.8 second mark.


Source: WebPagetest

Looking at the waterfall chart shows exactly what loaded when, and there are a slew of images taking up valuable round trips to the server. While the images requests are small, they add up in significant numbers.

Note: The red vertical line on the chart indicates the 5.8 second mark.


Source: WebPagetest

In total, this site had 339 requests, of which 183 (59.4%) were for images, with 68 (22.1%) for JavaScript. Additionally, there were 27 HTML requests and 15 requests for fonts.


Source: WebPagetest

Digging into what was loaded within the first four seconds, while there were a good number of image files loaded (the vast bulk of the initial requests), some of the requests for custom fonts added up to several seconds of the initial load time.

While there are a number of simultaneous connections that can be open in HTTP 1.1 (typically six for most major browsers), every request takes up time and bandwidth of those individual connections.

Looking more closely at those first four seconds in the waterfall chart shows just how much time those requests take:

Overall, this site weighed in at over 6.5 MB and took over 32 seconds to fully load. According to the stats generated by the WebPagetest tool, the time to start render was 3.471 seconds.

For this site, the Time to Interact, where the feature content is up an accessible, was a painful 5.8 seconds – well outside the three-second target users expect.

Thankfully, there are techniques that can get this site – and the rest – back into the green.

Use These Web Performance Optimization Techniques To Get Your Content Up Faster

If content is king, then getting that content in front of eyeballs as quickly as possible is paramount. Give these techniques a try – your readers and viewers will thank you.

[You might also like: Why It Takes So Long for News, Sports and Travel Sites to Load]

COMPRESS AND REFORMAT IMAGES

Image compression is a performance technique that minimizes the size (in bytes) of a graphics file without degrading the quality of the image to an unacceptable level. Reducing an image’s file size has two benefits:

  • reducing the amount of time required for images to be sent over the internet or downloaded, and
  • increasing the number of images that can be stored in the browser cache, thereby improving page render time on repeat visits to the same page.

Additionally, inappropriate image formatting is an extremely common performance culprit. An image that is saved to the wrong format can be several times larger than it would be if saved to the optimal format. Images with unnecessarily high resolution waste bandwidth, processing time, and cache space.

As a general rule of thumb, these are the optimal formats for common image types:

  • Photos – JPEG, PNG-24
  • Low complexity (few colors) – GIF, PNG-8
  • Low complexity with transparency – GIF, PNG-8
  • High complexity with transparency – PNG-24
  • Line art – SVG

COMPRESS FONTS

Fonts can eat up bandwidth and contribute to slowdown.  As the Google Developers blog notes, they can be compressed with GZIP, or a compatible processor.

From the Google Developers blog:

  • EOT, and TTF formats are not compressed by default: ensure that your servers are configured to apply GZIP compression when delivering these formats.
  • WOFF has built-in compression – ensure that your WOFF compressor is using optimal compression settings.
  • WOFF2 uses custom preprocessing and compression algorithms to deliver ~30% filesize reduction over other formats.

Compressing fonts will reduce the footprint and help keep things moving along.

CONSOLIDATE JAVASCRIPT AND CSS

Consolidating JavaScript code and CSS styles into common files that can be shared across multiple pages should be a common practice. This technique simplifies code maintenance and improves the efficiency of client-side caching.

  • In JavaScript files, be sure that the same script isn’t downloaded multiple times for one page.
  • Redundant script downloads are especially likely when large teams or multiple teams collaborate on page development.

Hope For the Future

While the news and media industry has seen great changes over in time since the world has gone online, there will always be “news,” even as more of the world’s population takes to the web. While there are many factors in play, delivering a site with timely content delivered in a timely manner can help keep users engaged.

Remember, people get their news somewhere, and removing any obstacles from the process just might help your site deliver the content people want in the way they expect.

There are more techniques in our report which you can employ to nail down your site’s performance bottlenecks.

time_is_money

Get the full report, Multi-Industry Web Performance 2016 State of the Union – Desktop Edition, which also covers the top sites of the ecommerce, news & media and travel industries, and find out how to best optimize your site.

Download Now

Matt Young

As a technology evangelist and writer for Radware, Matt Young delivers research and articles to the application delivery and web performance community. Before joining Radware, Matt was a top blogger for BlackBerry and he also served as the Web Editor for Avaya and as a freelance technology writer in the Greater Bay Area. Matt has a Journalism degree from San Jose State University.

One comment

  • Nestor

    June 24, 2016 at 7:49 am

    You’re so interesting! I do not believe I’ve truly read a single thing likke his
    before. So wonderful to discover someone with unique
    thoughts on this issue. Really.. many thanks for starting his up.
    This website is something that’s needed on the web,
    somepne with some originality!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *