Page 1 of 2

Performance optimisation, cache-control

PostPosted: 19 Mar 2015 13:11
by magosk
We got complaints that one of our mobile web sites (built with CGJQM controls) had long page loading times. I analysed this with various online tools such as http://tools.pingdom.com/fpt/, https://developers.google.com/speed/pagespeed/insights/ and http://www.webpagetest.org/. I found a couple of easy improvements: enable Compression and HttpKeepAlive. All test sites pointed out that you chould leverage browser caching for the following static resources:

Code: Select all
Leverage browser caching of static assets: 50/100
WARNING - (2.0 hours) - https://m.callnreport.com/jq/mobile.core/jquery.mobile-1.3.2.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/$/js/IWGecko__ECC9DEE22.js
WARNING - (2.0 hours) - https://m.callnreport.com/$/js/IWLib__ECC9DEE22.js
WARNING - (2.0 hours) - https://m.callnreport.com/$/gfx/loading.gif
WARNING - (2.0 hours) - https://m.callnreport.com/css/loading-animation/black/Loading2.gif?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/css/ui-themes/default/images/icons-18-white.png
WARNING - (2.0 hours) - https://m.callnreport.com/css/ui-themes/default/images/ajax-loader.gif
WARNING - (2.0 hours) - https://m.callnreport.com/css/loading-animation/black/Loading1.gif?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/jq/jquery.form.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/jq/jquery.event.special.fastclick.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/$/js/IWBase__ECC9DEE22.js
WARNING - (2.0 hours) - https://m.callnreport.com/css/jquery.mobile.helper.min.css?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/css/jquery.mobile.structure-1.3.2.min.css?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/jq/jquery-1.10.2.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/jq/jquery.browser.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/jq/cg.jquery.mobile.helper.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/jq/jquery.blockUI.min.js?v=2.5.0.8
WARNING - (2.0 hours) - https://m.callnreport.com/css/ui-themes/default/jquery.mobile.theme-1.3.2.min.css?v=2.5.0.8


I interpret this as that caching is enabled but with short duration (2h), so that you will take advantage of it during a session when loading new pages, but typically not if you re-visit the site later (e.g. the following day). Am I correct? Is it possible to affect this behaviour somehow? If so, would there be any drawbacks of setting a long duration (e.g. could something go wrong when we upgrade to a new version?)? Also, do you have any other general recommendations regarding optimising the speed of the web site?

Best regards

Magnus Oskarsson

Re: Performance optimisation, cache-control

PostPosted: 24 Mar 2015 12:55
by magosk
Hi again,

any feedback on this?

/Magnus

Re: Performance optimisation, cache-control

PostPosted: 24 Mar 2015 15:11
by Jorge Sousa
Hello

There is nothing we can do on our side

Is the browser who caches, links like this

https://m.callnreport.com/css/loading-animation/black/Loading2.gif?v=2.5.0.8


Server sends status 304 - not modified as it is supposed to

Where did you get the 2 hours figure?

Re: Performance optimisation, cache-control

PostPosted: 24 Mar 2015 15:26
by magosk
The two hours figure came from both https://developers.google.com/speed/pagespeed/insights/ and http://www.webpagetest.org/, other sites did not give a specific figure, but e.g. http://tools.pingdom.com/fpt/ said "The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources". I understand that this is related to http headers (e.g. "cache-control") specified by the web server, but I cannot find how to control the behaviour for this in IntraWeb.

/Magnus

Re: Performance optimisation, cache-control

PostPosted: 24 Mar 2015 15:34
by Jorge Sousa
Hi

Please any other resource, eg, any other image than the following

https://m.callnreport.com/css/loading-animation/black/Loading2.gif?v=2.5.0.8


or any kind of resource, eg, javascript file, and do the same test, you most certainly will get the same results, this not because of the files we deploy.

We just have a specific part in this whole process, we cannot speak for the Intraweb framework.

Re: Performance optimisation, cache-control

PostPosted: 24 Mar 2015 15:43
by magosk
Hi Jorge and thanks for your quick reply!

If I interpret you correctly it is not possible for you to control how the jQuery mobile resources (e.g. .js and .css files) are cached, so that the question should rather be posed to Atozed?

/Magnus

Re: Performance optimisation, cache-control

PostPosted: 24 Mar 2015 15:49
by Jorge Sousa
Hi

Correct, its not possible for we to control how all the resources we provide will be cached. It's a question to ask Atozed. Thats we I suggested you to try with any other resource, because the results will be the same for sure.

Re: Performance optimisation, cache-control

PostPosted: 27 Mar 2015 15:48
by magosk
FYI:

I got good answers from IntraWeb support, see

https://forums.embarcadero.com/message.jspa?messageID=694396

/Magnus

Re: Performance optimisation, cache-control

PostPosted: 27 Mar 2015 16:04
by Jorge Sousa
Hi Magosk

We really really appreciate you, because we're very very surprised. How its possible that STATIC content have a default validity of only 2 hours! It's.... inexplicable...

Thanks again!

We should post a new recommendation soon.

Re: Performance optimisation, cache-control

PostPosted: 27 Mar 2015 16:05
by Jorge Sousa
Hi Magosk

We really really appreciate you, because we're very very surprised. How its possible that STATIC content have a default validity of only 2 hours! It's.... inexplicable...

Thanks again!

We should post a new recommendation soon.