Why are we analyzing TechCrunch website instead of any other website?  Good question. Hmm. The answer is very simple. We can analyze any other website also. I am just giving an example here about how to test the performance of any website. TechCrunch is a famous tech news website, as a techie guy, I chose this one. But Whatever I am explaining here applicable to all other websites.

Let’s get down to the details.

To analyze any website performance we need  following 2 things

  1. How the website is performing on different devices i.e desktop,  mobiles and tabs
  2. Calculating correct performance metric for each device

 

 

Why above two factors are very important?

1)   Why do we need to test website speed on different devices?

The answer is simple.  As per the data, on average only 30 to 40%  users browse the website using desktop and laptop, remaining users come from Mobiles and Tabs.  Also, everyone uses different Mobiles and Tabs. Each device configuration is different. Depending on device configuration, the webpage rendering timings change completely.

To exactly know how our users are feeling about the website performance, we need to test them on different devices.

2)   Why is correct performance metric very important?

As we explained in the previous blog (https://www.perfhack.com/blog/what-is-the-best-performance-metric-to-measure-for-the-website/) Load Time, Fully Loaded Time , SpeedIndex and lots of other metrics are actually won’t tell you how the user feels about your website speed. They just show  you whats happening with the browser when the browser receives response from the web server.

What exactly we need is, how fast user can interact with the website when he enters URL in the browser window. User does not care whats going on behind the screen.

First Lets test techcrunch.com performance on different devices from North America Region.  You can see the result here https://www.perfhack.com/report?id=180502_2H_MS

From the above report, let’s analyze Techcrunch.com performance on the following devices

  1. Desktop
  2. Laptop
  3. Mobiles
  •                         a) iPhone 5S
  •                         b) Samsung Galaxy J5
  •                         c) Moto G 4th Gen
  •                         d) iPhone 6
  •                         e) iPhone 7
  •                         f) Samsung Galaxy S8
  • 4. Tabs
  •                         a) iPad Air
  •                         b) Samsung Galaxy Tab
  •                         c) Amazon Kindle Fire
  •                         d) iPad Air 2
  •                         e) Samsung Tab S3
  •                         f) iPad 5th Gen
Please note that devices are selected here to cover low end to high-end devices and also we considered the popularity of the devices in that region or location. Desktop and Laptop configurations are made based on average configurations for that region or location.

Desktop:

Website Look on Desktop:

Different Website performance metrics on Desktop

The only single performance metric which is very important is: PUIT

PUIT (Perfhack User Impression Time) tells you how fast user can start interacting with the website.  For Desktop, PUIT is 1.38 sec.  Even though Load Time is 5.6 seconds, user can start interacting with the website i.e reading the latest content after 1.38 sec.  So from the user perspective techcrunch.com loads in 1.38 sec. He does not care whats going on behind the screen and also lots of other things which are happening simultaneously.

If you look at below screenshots of techcrnch.com,

you can observe that around 1.3 sec user can read latest headlines and other things. While the user reading the content, rest of the website loads.  By the time user scrolls down the website, most of the content is already available.

For the user, all it matters is how fast he can interact with the website. That is what performance is from the user points of view.

 

Laptop:

Website Look on Laptop:

Different Performance metrics on Laptop:

PUIT on Laptop: 1.094 sec

Even though Load time is  5.38 sec, user can interact with the website around 1 sec on Laptop.

 

On Mobiles:

iPhone 5S:

Website Look on iPhone5S:

Different Performance metrics on iPhone5S:

PUIT on iPhone5S: 1.653 sec

Even though Load time is  6.83 sec, user can interact with the website around 1.6 sec on iPhone5S.

 

Samsung Galaxy J5:

Website Look on Samsung Galaxy J5:

Different Performance metrics on Samsung Galaxy J5:

PUIT on Samsung Galaxy J5: 1.41 sec

Even though Load time is  8.15 sec, user can interact with the website around 1.4 sec on Samsung Galaxy J5.

 

Moto G 4th Gen:

Website Look on Moto G 4th Gen:

Different Performance metrics on Moto G 4th Gen:

PUIT on Moto G 4th Gen: 1.156 sec

Even though Load time is  4.54 sec, user can interact with the website around 1.1 sec on Moto G 4th Gen.

 

iPhone 6:

Website Look on iPhone 6:

Different Performance metrics on iPhone 6:

PUIT on iPhone 6 :  1.271 sec

Even though Load time is  4.92 sec, user can interact with the website around 1.2 sec on iPhone 6.

 

iPhone 7:

Website Look on iPhone 7:

Different Performance metrics on iPhone 7:

PUIT on iPhone 7 :  0.853 sec

Even though Load time is  4.1 sec, user can interact with the website around 0.8 sec on iPhone 7.

 

Samsung Galaxy S8:

Website Look on Samsung Galaxy S8:

Different Performance metrics on Samsung Galaxy S8:

PUIT on Samsung Galaxy S8 :  0.793 sec

Even though Load time is  3.47 sec, user can interact with the website at 0.7 sec on Samsung Galaxy S8.

 

On TABS:

iPad Air:

Website Look on iPad Air:

Different Performance metrics on iPad 2:

PUIT on iPad 2 :   0.7 sec

Even though Load time is  6.21 sec, user can interact with the website around 0.7 sec on iPad 2.

 

Samsung Galaxy Tab:

Website Look on Samsung Galaxy Tab:

Different Performance metrics on Samsung Galaxy Tab:

PUIT on Samsung Galaxy Tab :  1.296 sec

Even though Load time is  8.85 sec, user can interact with the website around 1.3 sec on Samsung Galaxy Tab.

 

Amazon Kindle Fire:

Website Look on Amazon Kindle Fire:

Different Performance metrics on Amazon Kindle Fire:

PUIT on Amazon Kindle Fire :  1.326 sec

Even though Load time is  7.78 sec, user can interact with the website around 1.3 sec on Amazon Kindle Fire.

 

iPad Air 2:

Website Look on iPad Air 2:

Different Performance metrics on iPad Air 2:

PUIT on iPad Air 2 :   1.072 sec

Even though Load time is  5.24 sec, user can interact with the website around 1  sec on iPad Air 2.

 

Samsung Tab S3:

Website Look on Samsung Tab S3:

Different Performance metrics on Samsung Tab S3:

PUIT on Samsung Tab S3 :  1.001 sec 

Even though Load time is  4.89 sec, user can interact with the website at 1 sec on Samsung Tab S3.

 

iPad 5th Gen:

Website Look on iPad 5th Gen:

Different Performance metrics on iPad 5th Gen:

PUIT on iPad 5th Gen :  0.9 sec

Even though Load time is  3.47 sec, user can interact with the website around 0.9 sec on iPad 5th Gen.

 

After testing TechCrunch.com performance on Desktop, Laptop, Different Mobiles and Tabs, on an average it will take the following number of seconds for the user to interact with the website after entering the URL in the browser :

  Desktop :  1.36 sec

Laptop :  1.09 sec

Mobiles :  1.19 sec

Tabs :  1.55 sec

 

 

 

Leave a Reply

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