Page speed test much SLOWER with Mirage on - what gives?


#1

Hi just put a client on Pro and using page rules have a page with Mirage, Polish & Rocket loader all on.

With Mirage on the testmysitewithgoogle mobile page speed test has gone from 4s to around 11s.

The page with Mirage on is https://www.walkinstyle.co.uk/clothing-c472/paola-collection-m47

I also tested at dareboost.com which said render started at 2.4s fully loaded at 14.9s and got this info from the waterfall that 5.2s was spent on this Mirage resource https://www.walkinstyle.co.uk/cdn-cgi/pe/mirage_bag

The whole report can be seen here: https://www.dareboost.com/en/report/59c451280cf2670c18e9179a

here’s an excerpt for that resource from the waterfall report

General Information
URL: https://www.walkinstyle.co.uk/cdn-cgi/pe/mirage_bag?format=base64&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ftoggle_spacer.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ftoggle_sprite.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Fmenu_tab.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Flogo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ficon_basket.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmodules%2Fpromo_units%2F1447171672slither.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Flist_view.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Fgrid_view.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Ftextured-long-sleeve-metallic-top-p3698-56257_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Flong-sleeve-pearl-fur-shift-dress-p3699-56267_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Flong-sleeve-fur-cuff-knitted-jumper-p3700-56277_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fcrystal-pleated-long-skirt-p3701-56287_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fdelicate-open-knit-3-4-sleeve-top-p3434-51724_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fcapped-chiffon-sleeve-shift-dress-p3448-51878_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fgold-printed-capped-sleeve-fitted-top-p3421-51610_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fgold-printed-straight-skirt-p3422-51622_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Flace-shift-dress-with-chiffon-overlay-p3425-51652_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fembossed-capped-sleeve-evening-top-p3426-51660_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Ffully-lined-chiffon-skirt-p3427-51672_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fcut-out-sleeve-lace-panel-shift-dress-p3430-51696_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ffooter_cards.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_card_logos%2Fvisa_logo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_card_logos%2Fmastercard_logo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_card_logos%2Fmaestro_logo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ffooter_newsletter.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_fb.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_tw.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_gp.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_pi.png
Method: GET
Remote Address: 104.25.121.31
Request headers
:authority: www.walkinstyle.co.uk
:method: GET
:path: /cdn-cgi/pe/mirage_bag?format=base64&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ftoggle_spacer.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ftoggle_sprite.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Fmenu_tab.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Flogo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ficon_basket.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmodules%2Fpromo_units%2F1447171672slither.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Flist_view.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Fgrid_view.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Ftextured-long-sleeve-metallic-top-p3698-56257_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Flong-sleeve-pearl-fur-shift-dress-p3699-56267_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Flong-sleeve-fur-cuff-knitted-jumper-p3700-56277_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fcrystal-pleated-long-skirt-p3701-56287_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fdelicate-open-knit-3-4-sleeve-top-p3434-51724_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fcapped-chiffon-sleeve-shift-dress-p3448-51878_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fgold-printed-capped-sleeve-fitted-top-p3421-51610_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fgold-printed-straight-skirt-p3422-51622_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Flace-shift-dress-with-chiffon-overlay-p3425-51652_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fembossed-capped-sleeve-evening-top-p3426-51660_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Ffully-lined-chiffon-skirt-p3427-51672_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fcut-out-sleeve-lace-panel-shift-dress-p3430-51696_thumb.jpg&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ffooter_cards.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_card_logos%2Fvisa_logo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_card_logos%2Fmastercard_logo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_card_logos%2Fmaestro_logo.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fimages%2Fmobile%2Ffooter_newsletter.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_fb.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_tw.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_gp.png&r[]=https%3A%2F%2Fwww.walkinstyle.co.uk%2Fmedia%2Fimage%2Fmobile_social_icons%2Fsocial_pi.png
:scheme: https
accept: */*
accept-encoding: gzip, deflate, sdch, br
accept-language: en-US,en;q=0.8
cache-control: no-cache
cookie: __cfduid=d6c20d332d137592b66d6301cf5baaf6c1506038031; mobi=yes; VSReferrer=https%3A%2F%2Fwww.dareboost.com%2F; VSCategoryGroup=9; _ga=GA1.3.1290852933.1506038034; _gid=GA1.3.1008587557.1506038034; _gat=1; mobi=yes
pe-token: 8b93b14e21d7dec19594e18097ad7ae71ad05c82-1506038031-1800
pragma: no-cache
referer: https://www.walkinstyle.co.uk/clothing-c472/paola-collection-m47
user-agent: Mozilla/5.0 (Linux; Android 5.0.2; SM-G920T Build/LRX22G) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.81 Mobile Safari/537.36 DareBoost
Response headers
cf-ray: 3a20f2651c0556e1-IAD
content-type: multipart/mirage-bag-base64
date: Thu, 21 Sep 2017 23:54:02 GMT
ds-token: ac8c802a4213f98e675bb732f57535329f41d444-1506038037-15
server: cloudflare-nginx
status: 200

I was expecting it to show improvement with Mirage and that Google will recognise the improvement

Please can you advise,
thanks
Pete


#2

Upon first access, CF has to do all the hard work of creating those optimized images and scripts.

Try running the speed test a few times. This gives CF a chance to cache the optimized resources at each edge server hit.


#3

Thanks for the reply

I have retested multiple times over the last few days and still showing slowed to between 9 & 11 secs.

Tested here: https://testmysite.withgoogle.com/intl/en-gb
with url: stated in 1st post
if you could try

any other ideas?

Pete


#4

This site does not a responsive/mobile layout. Why are you testing for mobile speeds?

At this point my guess is the amount of images on the page.
When I use chrome and throttle the network for 3G I get acceptable times. However when I throttle the CPU as mobile, it takes a long time to render the page.

At this point I would try lazy loading the images.


#5

Thanks for the prompt reply Jules.

I can understand you thinking it’s not responsive/mobile as it’s not obvious - when it detects mobile it loads a different template/stylesheet - you can see an image of the mobile version in the Google testmysite test results. Or use chrome developer tools and select a mobile device to see it rendered.

Maybe this is why it’s showing as slow?

We use infinite scroll to load images.

Could the mobile detection be confusing things?


#6

It’s possible the mobile detection is confusing things. It’s better to use responsive layouts rather than user agent detection.
Also double check infinite scroll - when I tried in a mobile browser, the entire page loaded all at once, including images.