Compress WireClouds JavaScript files
Every time I reload the WireCloud workspace it takes like forever to load all the JavaScript files. The network console of my browser indicates that there are about 300 requests to retrieve all needed JavaScript resources. Those resources my only take about 30ms to load each, but the huge amount of requests causes the dashboard to almost take a minute to fully load.
Even the initial WireCloud landing page uses about 250 requests and thus take like forever to load and does not really contain content.
So is there a way to compress those JavaScript files and / or to unify them? The files from the server even contain comments and linebreaks. As far as I know this should not be the case in JavaScript files that are used in production.
WireCloud uses django-compressor for unify JavaScript and CSS files and should be enabled if DEBUG is False in your settings.py file.
I've tested in the FIWARE Lab's Mashup portal with a dashboard composed of 4 widgets and 4 operators, this lead to ~100 request (javascript files, initial ajax request, css files, ...). But take into account that almost all of those request should come from cache (they are no real requests):
Check your Apache configuration if you don't see this behaviour. Others requests should be returning a 304 error code, so they are real requests but of a ridiculous size if the response has not changed:
Anyway, we're working on reducing the required requests and we're open to any suggestion (would be great if you open a ticket with the suggestion of compressing WirecloudAPI files for widgets and operators).
- Is it possible to pull css values with HTA javascript?
- What a strange syntax?
- JavaScript / Jest: How to show logs from test case only when test fails?
- How to secure my login page
- How can I create a two-way mapping in JavaScript, or some other way to swap out values?
- Route "/[locale]" used `params.locale`. `params` should be awaited before using its properties
- Page.locator() is the recommended way to select and interact with elements. Why does it offer less functionalities than Page.$()?
- How to filter object array based on attributes?
- How do you convert from emoji to unicode escapes in JS
- How to simulate a mouse click?
- Is it possible to add a single item to a vis.js timeline?
- How to ensure order of Cypress request execution
- Jquery Ajax Problem
- Can I run a function after navigating to a new page and waiting for that page to finish loading?
- Cannot start cocos after adding a new file
- Active link with React-Router?
- Is there a way to schedule offline notifications in a pwa?
- How to get the grid coordinates of an element using JavaScript?
- Bootstrap popper.js Failed to find a valid digest in the 'integrity' attribute for resource
- LeafLet map doesnt render properly on modal
- Create object from array
- How to ignore lines of code from coverage in vitest?
- How to manage CORS in Django
- How can I get an element's Accessible Name in javascript in the browser?
- TypeError: fs.readFileSync is not a function in Next.js
- Show hide divs on click in HTML and CSS without jQuery
- If an IIFE contains just one variable declaration that is immediately exported to global scope, why bother with it?
- Need explanation on following type of Javascript code
- What does an array literal with the `for` keyword inside mean in JavaScript?
- How to call a function every minute in a React component?