Performance in FF

37 views
Skip to first unread message

Антон Мирошниченко

unread,
Nov 17, 2016, 6:00:29 AM11/17/16
to Polymer
Hello everyone! 

I have my polymer SPA application called "Designmap" https://app.designmap.ru (it is not ads). It is pretty massive now. Everything woks fine on webkit. But if we will try to use FF for instance it will be not so good. A start loading bar will be showed too long time (~4sec). And it is directly related with "webComponentsReady" event. Because i stop loading when all of components is loaded. For example Chrome needs a few moments to load all components. I use Polymer Starter Kit with Vulcanizer but it is not a solution. Could somebody help me with it? I would like to incrase performance of my app in FF.  

Антон Мирошниченко

unread,
Nov 17, 2016, 7:42:25 AM11/17/16
to Polymer
There is no necessity to sign up to see described effect. 

четверг, 17 ноября 2016 г., 14:00:29 UTC+3 пользователь Антон Мирошниченко написал:

Daniel Llewellyn

unread,
Nov 17, 2016, 1:07:14 PM11/17/16
to Антон Мирошниченко, Polymer
From a quick look you appear to be expecting 2 megabytes of HTML to be parsed quickly. And on top of that you're expecting the parsing to happen as quickly in a polyfill as it happens natively. I think you need to try reducing the amount of HTML you send to the browser to be just what is needed for each view and lazy-load the rest rather than expecting the visitor to download all 2MB on first-hit.

Eric Bidelman

unread,
Nov 17, 2016, 2:10:55 PM11/17/16
to Daniel Llewellyn, Антон Мирошниченко, Polymer
You should consider creating lazy loaded vulcanized bundles. Polymer CLI can do this for you.

It also looks like your elements.html carries a bunch of locales for moment.js. That is adding a lot of weight to your import bundle. I'd suggest only loading what you need give the user's document.documentElement.lang.

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CABtuYwfp-ipCH3uaSP_0v%3DoRDnqV%3DY59eUZq7GDOaJ_Nt%2BbMhw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

Антон Мирошниченко

unread,
Nov 17, 2016, 2:34:05 PM11/17/16
to Polymer, soo...@gmail.com
Thanks. I think it is a good point. Maybe i will separate all of components on two parts:

- common, that will be required for login and home pages 
- all the rest

четверг, 17 ноября 2016 г., 21:07:14 UTC+3 пользователь Daniel Llewellyn написал:

Антон Мирошниченко

unread,
Nov 17, 2016, 2:36:49 PM11/17/16
to Polymer, dan...@bowlhat.net, soo...@gmail.com
Okay, thank you, I will try. And I suppose moment.js' locales comes with paper-data-picker element, I will check it out. 

четверг, 17 ноября 2016 г., 22:10:55 UTC+3 пользователь Eric Bidelman написал:
Reply all
Reply to author
Forward
0 new messages