HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


Mobile and Tablet Performance of OCP

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#94677 (In Topic #18865)
Avatar

Community saint

Hi,

Since rolling our site out at the beginning of the year myself and some users have noticed that the performance on mobile devices can be slow when loading pages - the browser bar loads progressively but you can see 5 to 10 seconds for a page to come.

I have been monitoring this and am still looking for reasons why.

I can have an iPhone and laptop browser on the same network, one will load quickly and the other slowly.
It does not seem to matter whether you are on mobile or non mobile modes - we run our site in mobile for forums and non-mobile for everything else.

Is there an easy way to get some metrics out as to what the browser is up to and where the loading delay is coming from ?

Cheers
Ade
Back to the top
 
Posted
Rating:
#94678
Avatar

Obvious question mark is if the mobile devices are going through wi-fi or not. If you have a mac, this is useful: Loading…


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#94712
Avatar

Community saint

Hi Chris,

Not tried that before - that is a really great way of seeing what is going on.

Both Mac Book Pro and iPhone are connected to the same WiFi network - an Apple Time Machine/Router connected to a 50Meg Virgin Cable service.

Loading our front page and Forum pages on the Mac sees a consistent 1.3 seconds, this rises to 3.5 seconds consistently on the iPhone 5 (iOS 6.0.2).

I will take a much deeper look to compare what is taking longer.

Just wanted to say thanks for pointing me in this direction.

Cheers,
Ade
Back to the top
 
Posted
Rating:
#94716
Avatar

Community saint

Ok, looked at this a little further.

The main time loss being seen is from javascript.js

On the Mac I see:
A latency of 451ms and a duration of 889ms
On the iPhone I see 3.25s latency and 2.13s duration.

I have tried this several times and it is constant.

I get similar figures for the Forum (in mobile mode it is javascript_mobile.js) the main delay of page loading is in the javascript.

I thought it might be the browser, so I tired chrome, it is a little faster but not by much.

Is this just a fact of javascript running on the mobile device or can something be done to speed it up ?

Cheers
Ade
Back to the top
 
Posted
Rating:
#94721
Avatar

It's worth noting the "Show file-type icons" option is taking 17% of your CSS rendering time in Chrome, due to the complexity of that code and the large number of links on your home-page.

I'd disable it.

We'll optimise it in v10, white-listing the links that are checked for icon-application.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#94722
Avatar

It's also worth editing where the logo is and putting an image width and height on it. Also in MENU_BRANCH_TOP.tpl put width="20" height="20" on the images. Also on your club membership.

This is because these are high up on the page, so the image size affects everything below - when the image loads, the browser needs to "reflow" the page.

To be honest, I doubt it'll make any observable difference, but I thought I'd mention it. ocPortal doesn't do it by default because it'd take a lot of server CPU given we don't know what size of theme images an admin may pick. You know though.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#94723
Avatar

Regarding your own observation, this relates to network performance, not CPU. I don't know where you're hosting, but it looks like the network connection from it isn't great…

Code

Chris-Grahams-iMac-2:dev chris$ ping vwgolfmk1.org.uk
PING vwgolfmk1.org.uk (184.173.24.154): 56 data bytes
64 bytes from 184.173.24.154: icmp_seq=0 ttl=45 time=146.183 ms
64 bytes from 184.173.24.154: icmp_seq=1 ttl=45 time=150.115 ms
64 bytes from 184.173.24.154: icmp_seq=2 ttl=45 time=146.244 ms
64 bytes from 184.173.24.154: icmp_seq=3 ttl=45 time=146.321 ms
64 bytes from 184.173.24.154: icmp_seq=4 ttl=45 time=147.561 ms
64 bytes from 184.173.24.154: icmp_seq=5 ttl=45 time=146.187 ms

Code

Chris-Grahams-iMac-2:dev chris$ siege "http://vwgolfmk1.org.uk/themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406" -v -c1 -b
** SIEGE 2.72
** Preparing 1 concurrent users for battle.
The server is now under siege...
HTTP/1.1 200   1.49 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.27 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.27 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.18 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.22 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.10 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.04 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
HTTP/1.1 200   1.19 secs:   89160 bytes ==> /themes/V9MK1OC/templates_cached/EN/javascript.js?1358616406
^C
Lifting the server siege...      done.

Transactions:                34 hits
Availability:            100.00 %
Elapsed time:              5.44 secs
Data transferred:           2.89 MB
Response time:              1.36 secs
Transaction rate:           6.25 trans/sec
Throughput:              0.53 MB/sec
Concurrency:              8.48
Successful transactions:          34
Failed transactions:              0
Longest transaction:           2.25
Shortest transaction:           1.07

Ping latency is high, HTTP latency is about 400ms, and transfer is capped around 4.5 Megabits even when stressing the server for bandwidth via multiple-requests.

I don't know why mobile would have slower transfers, other than maybe the low-power chips in there can't process data particularly fast either.

You may want to try setting up CloudFlare.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: