ICEmobile
  1. ICEmobile
  2. MOBI-898

Separate JS files for each component are causing too many requests and slowing down the page load

          Details

          • Type: Improvement Improvement
          • Status: Resolved
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: EE 1.3.0.GA_P01
          • Fix Version/s: 1.3.1
          • Component/s: Faces
          • Labels:
            None
          • Environment:
            n/a

            Description

            Many of the mobi components are requesting separate JS files. In a typical mobile application, this is adding many extra requests and slowing down the page load.
            1. File
              TimelineRawData-after.json
              382 kB
              Philip Breau
            2. File
              TimelineRawData-before.json
              285 kB
              Philip Breau

              Activity

              Ascending order - Click to sort in descending order
              Philip Breau created issue -
              Philip Breau made changes -
              Field Original Value New Value
              Assignee Steve Maryka [ steve.maryka ] Philip Breau [ philip.breau ]
              Philip Breau made changes -
              Issue Type Bug [ 1 ] Improvement [ 4 ]
              Hide
              Permalink
              Philip Breau added a comment - - edited

              The following test was conducted on OSX Chrome using the XCode Link Conditioner tool set to 3g, Lossy Network. An ICEfaces page, using Ace, Mobi, with tabset, pagePanel, buttons, accordion, flipswitch, splitPane, and popup was used.

              Test IM JS Coalescing With Compat Project Stage IF Resource Coalescing Requests Mb Time
              1 False True Dev False 27 2.7 130s
              2 True True Dev False 22 2.7 128s
              3 True True Dev True 7 2.7 167s
              4 True False Dev True 7 1.4 104s
              5 True False Prod True 7 1.1 103s
              6 True False Prod False 20 1.1 54s
              7 False False Prod False 25 1.1 83s
              Show
              Philip Breau added a comment - - edited The following test was conducted on OSX Chrome using the XCode Link Conditioner tool set to 3g, Lossy Network. An ICEfaces page, using Ace, Mobi, with tabset, pagePanel, buttons, accordion, flipswitch, splitPane, and popup was used. Test IM JS Coalescing With Compat Project Stage IF Resource Coalescing Requests Mb Time 1 False True Dev False 27 2.7 130s 2 True True Dev False 22 2.7 128s 3 True True Dev True 7 2.7 167s 4 True False Dev True 7 1.4 104s 5 True False Prod True 7 1.1 103s 6 True False Prod False 20 1.1 54s 7 False False Prod False 25 1.1 83s
              Philip Breau made changes -
              Attachment TimelineRawData-after.json [ 16510 ]
              Attachment TimelineRawData-before.json [ 16511 ]
              Philip Breau made changes -
              Comment [ Chrome web inspector timeline data. ]
              Hide
              Permalink
              Philip Breau added a comment -

              Revision: 38338
              Author: philip.breau
              Date: October-02-13 4:53:18 PM
              Message:
              MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load

              • coalesce the accordion, menuButton, flipswitch, panelPopup, splitPane, and tabSet js files into component.js

                Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/IAccordion.java
                Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/ITabSet.java
                Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/AccordionCoreRenderer.java
                Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/ContentPaneCoreRenderer.java
                Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/TabSetCoreRenderer.java
                Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.accordion
                Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.button
                Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.flipswitch
                Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.panelpopup
                Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.splitpane
                Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.tabset
                Modified : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.util/component.js
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/accordion/Accordion.java
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/button/CommandButtonRenderer.java
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/flipswitch/FlipSwitchRenderer.java
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/menubutton/MenuButtonRenderer.java
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/panelpopup/PanelPopupRenderer.java
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/splitpane/SplitPaneRenderer.java
                Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/tabset/TabSet.java

              Show
              Philip Breau added a comment - Revision: 38338 Author: philip.breau Date: October-02-13 4:53:18 PM Message: MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load coalesce the accordion, menuButton, flipswitch, panelPopup, splitPane, and tabSet js files into component.js Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/IAccordion.java Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/ITabSet.java Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/AccordionCoreRenderer.java Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/ContentPaneCoreRenderer.java Modified : /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/TabSetCoreRenderer.java Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.accordion Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.button Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.flipswitch Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.panelpopup Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.splitpane Deleted : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.tabset Modified : /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.util/component.js Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/accordion/Accordion.java Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/button/CommandButtonRenderer.java Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/flipswitch/FlipSwitchRenderer.java Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/menubutton/MenuButtonRenderer.java Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/panelpopup/PanelPopupRenderer.java Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/splitpane/SplitPaneRenderer.java Modified : /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/tabset/TabSet.java
              Philip Breau made changes -
              Status Open [ 1 ] In Progress [ 3 ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #38338 Wed Oct 02 13:53:18 MDT 2013 philip.breau MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load
              - coalesce the accordion, menuButton, flipswitch, panelPopup, splitPane, and tabSet js files into component.js
              Files Changed
              Commit graph DEL /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.button
              Commit graph DEL /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.flipswitch
              Commit graph DEL /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.panelpopup
              Commit graph DEL /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.accordion
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/flipswitch/FlipSwitchRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/panelpopup/PanelPopupRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/menubutton/MenuButtonRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/TabSetCoreRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/tabset/TabSet.java
              Commit graph MODIFY /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/ITabSet.java
              Commit graph DEL /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.tabset
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/splitpane/SplitPaneRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/accordion/Accordion.java
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/component/button/CommandButtonRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/component/IAccordion.java
              Commit graph MODIFY /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/ContentPaneCoreRenderer.java
              Commit graph DEL /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.splitpane
              Commit graph MODIFY /icemobile/trunk/icemobile/core/src/main/java/org/icemobile/renderkit/AccordionCoreRenderer.java
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/resources/org.icefaces.component.util/component.js
              Philip Breau made changes -
              Status In Progress [ 3 ] Resolved [ 5 ]
              Fix Version/s 1.4 Beta [ 10874 ]
              Resolution Fixed [ 1 ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #38339 Wed Oct 02 15:03:06 MDT 2013 philip.breau MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load
              - additional JSFUtils methods
              Files Changed
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/src/org/icefaces/mobi/utils/JSFUtils.java
              Hide
              Permalink
              Philip Breau added a comment -

              Revision: 38356
              Author: philip.breau
              Date: October-03-13 5:18:45 PM
              Message:
              MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load

              • remove obsolete js file refs from the jsf build

                Modified : /icemobile/trunk/icemobile/jsf/components/component/build.xml

              Show
              Philip Breau added a comment - Revision: 38356 Author: philip.breau Date: October-03-13 5:18:45 PM Message: MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load remove obsolete js file refs from the jsf build Modified : /icemobile/trunk/icemobile/jsf/components/component/build.xml
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #38356 Thu Oct 03 14:18:45 MDT 2013 philip.breau MOBI-898 Separate JS files for each component are causing too many requests and slowing down the page load
              - remove obsolete js file refs from the jsf build
              Files Changed
              Commit graph MODIFY /icemobile/trunk/icemobile/jsf/components/component/build.xml
              Philip Breau made changes -
              Fix Version/s 1.3.1 [ 11376 ]
              Fix Version/s 1.4 Beta [ 10874 ]

                People

                • Assignee:
                  Philip Breau
                  Reporter:
                  Philip Breau
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: