jQuery UI Widgets Forums Angular bundle size

Tagged: ,

This topic contains 13 replies, has 3 voices, and was last updated by  avidsonollins 1 year, 4 months ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    bundle size Posts
  • bundle size #120214

    rajesh gupta
    Participant

    Hello,
    I was examining the generated angular bundles using the source map explorer in production mode.
    One of the generated bundles has jqwidgets. The size contribution is 450kb
    Please see the image link with the source-map-explorer
    https://postimg.cc/Hrgd8ZXP/28b77d57

    Why is it so large?

    bundle size #120215

    rajesh gupta
    Participant

    In another chunk the jqwidgets is 1.53MB
    Please see
    https://postimg.cc/8F5pTZ2J

    bundle size #120225

    admin
    Keymaster

    Hi Rajesh,

    The components are quite sophisticated with a lot of functionality and this means more KB. Also, the full suite is with 60+ components.
    We would not be able to make this smaller unless we remove features.

    Best regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com/

    bundle size #120226

    rajesh gupta
    Participant

    Is there a way to include just the component we are using.

    bundle size #120227

    rajesh gupta
    Participant

    https://www.htmlelements.com.
    Will using this help in reducing the chunk sizes.
    1.5mb download is not acceptable. Is there a way to just chunk out this and not bundled with other parts

    bundle size #120228

    admin
    Keymaster

    Hi Rajesh,

    The size depends on what you import basically. If you import a Grid Module, it will also import all js files related to the Grid so you always import the component you are using. The components built from htmlelements.com will not reduce the app size as they are more feature-rich.

    Best regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com/

    bundle size #120247

    rajesh gupta
    Participant

    Hi, I imported only jqgrid in a lazyload module.
    I get many of the jqgrid files that are not needed. Please see the following screenshot link
    https://postimg.cc/KkqtKbM3

    bundle size #120249

    rajesh gupta
    Participant

    sorry typo
    * I get many not required jqwidget files like jqcombobox etc.

    bundle size #120250

    admin
    Keymaster

    Hi Rajesh,

    jqxcombobox, etc. are used in jqxGrid as editors and as such are included in its module. All imported files in jqxGrid’s module are required either for editing or filtering or in some of the Dialogs created by the Grid.

    Best regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com/

    bundle size #120254

    rajesh gupta
    Participant

    Is there a way not to include the editors. I use only 2-3 features of the grid.

    bundle size #120255

    admin
    Keymaster

    Hi Rajesh,

    No. We do not have such an option.

    Best regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com/

    bundle size #132192

    rajesh gupta
    Participant

    Are the bundle size better in the latest version of jqwidgets.

    There are ways in angular to do tree shaking and reduce the size.

    Are you considering to reduce the download size?

    bundle size #132198

    admin
    Keymaster

    Hi Rajesh,

    There are no changes about this in recent versions.

    Best regards,
    Peter Stoev

    jQWidgets Team
    https://www.jqwidgets.com/

    bundle size #133060

    avidsonollins
    Participant

    Bundle size is a measure of the total file size of a web application or website, including all of its HTML, JavaScript, CSS, images, and other assets. It is important to measure and track bundle size as part of the performance optimization process, as larger bundles can lead to slower loading times and a poorer user experience.

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.