Uploaded image for project: 'Jenkins'
  1. Jenkins
  2. JENKINS-40932

Combine all css into a single file in the JDL

    XMLWordPrintable

    Details

    • Epic Link:
    • Sprint:
      tethys
    • Similar Issues:

      Description

      Seems that we hit the concurrency limit in Chrome when downloading resources which causes loading to block on a cold load. We used GTMetrics's waterfall report to find this.

      If we can combine all the CSS in JDL together then that removes 3-4 css files we have toninitially download and can let the browser download blueocean.js earlier.

      In Scope

      • Concat all CSS in the JDL
      • Update Blue Ocean to serve the concatinated CSS

      This awesome tool provides some insight into what can be optimised (page speed + yslow + waterfall):
      https://gtmetrix.com/reports/ci.blueocean.io/ijzy6djd
      You can see from this, having fewer http requests wil allow the browser to do less "waterfall loading".
      Once we have this, we can revaluate on hi and low latency connections (low latency things are much worse than that tool shows, about 10x slower for cold load).

        Attachments

          Activity

          Show
          tfennelly Tom FENNELLY added a comment - PRs: https://github.com/jenkinsci/jenkins-design-language/pull/129 https://github.com/jenkinsci/blueocean-plugin/pull/694
          Hide
          jamesdumay James Dumay added a comment -

          Nice Tom!!

          Show
          jamesdumay James Dumay added a comment - Nice Tom!!
          Hide
          tfennelly Tom FENNELLY added a comment -

          We were able to collapse 4 into 1 with those changes. Wasn't feasible to do more.

          Show
          tfennelly Tom FENNELLY added a comment - We were able to collapse 4 into 1 with those changes. Wasn't feasible to do more.

            People

            • Assignee:
              tfennelly Tom FENNELLY
              Reporter:
              jamesdumay James Dumay
            • Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: