Menu
Three Breast Woman Jasmine Tridevil is a Hoax

Three Breast Woman Jasmine Tridevil is a Hoax

iPhone 6 Plus Has Not the Best Smartphone Screen

iPhone 6 Plus Has Not the Best Smartphone Screen

Amber Heard Topless Photo Leaked

Amber Heard Topless Photo Leaked

Kim Kardashian Leaked Photos Backlash

Kim Kardashian Leaked Photos Backlash

Stephanie Beaudoin Dubbed Worlds Hottest Criminal

Stephanie Beaudoin Dubbed Worlds Hottest Criminal

Web Performance Is User Experience

Jan 16 2014, 5:36pm CST | by , in News

 
 

By Lara Swanson

Think about how you search for things on the web. How quick are you to close a tab and go to the next search engine result if a site takes too long to load? Now consider doing that on your phone while waiting in line for your coffee order–you have even less time, so your expectations for a site to load quickly are even higher.

Web performance is user experience. Fast page load time builds trust in your site; it yields more returning visitors, more users choosing your site over a competitor’s site, and more people trusting your brand. Users expect pages to load in two seconds, and after three seconds, up to 40% of users will abandon your site. Similar results have been noted by major sites like Amazon, who found that 100 milliseconds of additional page load time decreased sales by one percent, and Google, who lost 20% of revenue and traffic due to half a second increase in page load time. Akamai has also reported that 75% of online shoppers who experience an issue such as freezing, crashing, taking too long to load, or having a convoluted checkout process will not buy from that site.

Web performance impacts more than just e-commerce sites; improvements from page speed optimization apply to any kind of site. Users will return to faster sites, evidenced in a study by Google Maps that noted an increase in returning traffic when the Google Maps homepage weight was reduced from 100KB to 80KB. Additionally, page load time is factored into search engine results, bumping faster sites higher in the results list than slower sites.

Page load time also has a significant impact on mobile users’ experience. My team at Etsy found an increased bounce rate of 12% on mobile devices when we added 160KB of images to a page. DoubleClick removed one client-side redirect and saw a 12% increase in click-through rate on mobile devices. In another study, researchers found that if Amazon changed all of their images to compressed JPEG files, it would save 20% of the energy needed to load the page on a phone, and on Facebook it would save 30%.

The bottom line is that your efforts to optimize your site have an effect on the entire experience for your users, including battery life.

These numbers matter because collectively we are designing sites with increasingly rich content–lots of dynamic elements, larger JavaScript files, beautiful animations, complex graphics, etc. You may focus on optimizing design and layout, but those can come at a tradeoff with page speed. Some responsively designed sites are irresponsible with the amount of JavaScript and images they use to reformat a site for smaller screen sizes.

Think about your most recent design. How many different font weights were used? How many images did you use? How large were the image files, and what file formats did you use? How did your design affect the plan for markup and CSS structure?

In this series of posts, we’re going to focus on the basics for optimizing the number and size of requests it takes to load your site quickly. In the next post, we will focus on arguably the biggest quick win for page load time: image formatting and optimization. As you build out sites, sometimes you’ll make choices that favor page load time, other times you’ll make choices that favor aesthetics. The key is to always be thinking in terms of user experience–including performance–and what will have the biggest impact for your site.

This post originally appeared on O’Reilly Programming (“Web Performance Is User Experience“). It’s republished with permission.

Source: Forbes

You Might Also Like

Updates

Shopping Deals

 
 
 

<a href="/latest_stories/all/all/31" rel="author">Forbes</a>
Forbes is among the most trusted resources for the world's business and investment leaders, providing them the uncompromising commentary, concise analysis, relevant tools and real-time reporting they need to succeed at work, profit from investing and have fun with the rewards of winning.

 

 

Comments

blog comments powered by Disqus

Latest stories

Bruce Jenner and Kris Jenner decide to Split up
Bruce Jenner and Kris Jenner decide to Split up
Bruce Jenner and Kris Jenner have decided to split up.
 
 
Taylor Swift Invites Fans at Home for 1989 Secret Listening Session
Taylor Swift Invites Fans at Home for 1989 Secret Listening Session
Taylor Swift invited some lucky fans to listen to her upcoming new album “1989” where and she also talked about her ex Harry Styles.
 
 
Ferrari 458 Recall is Hilarious
Ferrari 458 Recall is Hilarious
You won't believe the reason why the Ferrari 458 super sports car is recalled.
 
 
Gwen Stefani and Pharrell Williams show their Stuff on The Voice Season 7
Gwen Stefani and Pharrell Williams show their Stuff on The Voice Season 7
Gwen Stefani and Pharrell Williams showed their stuff on The Voice Season 7.
 
 
 

About the Geek Mind

The “geek mind” is concerned with more than just the latest iPhone rumors, or which company will win the gaming console wars. I4U is concerned with more than just the latest photo shoot or other celebrity gossip.

The “geek mind” is concerned with life, in all its different forms and facets. The geek mind wants to know about societal and financial issues, both abroad and at home. If a Fortune 500 decides to raise their minimum wage, or any high priority news, the geek mind wants to know. The geek mind wants to know the top teams in the National Football League, or who’s likely to win the NBA Finals this coming year. The geek mind wants to know who the hottest new models are, or whether the newest blockbuster movie is worth seeing. The geek mind wants to know. The geek mind wants—needs—knowledge.

Read more about The Geek Mind.