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

Investigate very slow cold loading of webapp fonts (and slow water fall)

    • Blue Ocean 1.4 - beta 3

      There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

       

      rtyler reported that loading 2 fonts is taking 4 seconds (each, in parallel, even though they are only 70KB each). They must be some amazing fonts.

       

      Scope: 

      • Find out why fonts take 4 seconds to load each https://i.imgur.com/679C44p.png
      • Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know kzantow wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 

       

      A tool like https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

      Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

      Note this network timeline from Tyler: https://i.imgur.com/679C44p.png - fon'ts are taking 4 seconds to load (70kb each) ??? 

       

       

          [JENKINS-48528] Investigate very slow cold loading of webapp fonts (and slow water fall)

          Michael Neale created issue -
          Michael Neale made changes -
          Epic Link New: JENKINS-35761 [ 171656 ]
          Michael Neale made changes -
          Sprint New: Blue Ocean 1.4 - beta 3 [ 416 ]
          Michael Neale made changes -
          Assignee New: Cliff Meyers [ cliffmeyers ]
          Michael Neale made changes -
          Description Original: There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

           

          A tool like [https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T] shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

          Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

           

          Scope: 
           * Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know [~kzantow] wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 

           
          New: There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

           

          A tool like [https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T] shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

          Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

           

          Scope: 
           * Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know [~kzantow] wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 
           * Find out why fonts take 4 seconds to load each https://i.imgur.com/679C44p.png

           
          Michael Neale made changes -
          Description Original: There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

           

          A tool like [https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T] shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

          Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

           

          Scope: 
           * Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know [~kzantow] wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 
           * Find out why fonts take 4 seconds to load each https://i.imgur.com/679C44p.png

           
          New: There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

           

          A tool like [https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T] shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

          Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

          Note this network timeline from Tyler: [https://i.imgur.com/679C44p.png] - fon'ts are taking 4 seconds to load (70kb each) ??? 

           

          Scope: 
           * Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know [~kzantow] wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 
           * Find out why fonts take 4 seconds to load each [https://i.imgur.com/679C44p.png]

           
          R. Tyler Croy made changes -
          Attachment New: Selection_297.png [ 40674 ]
          Michael Neale made changes -
          Summary Original: Investigate very slow waterfall loading cold loading of webapp New: Investigate very slow cold loading of webapp fonts (and slow water fall)
          R. Tyler Croy made changes -
          Labels New: codevalet
          Michael Neale made changes -
          Description Original: There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

           

          A tool like [https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T] shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

          Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

          Note this network timeline from Tyler: [https://i.imgur.com/679C44p.png] - fon'ts are taking 4 seconds to load (70kb each) ??? 

           

          Scope: 
           * Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know [~kzantow] wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 
           * Find out why fonts take 4 seconds to load each [https://i.imgur.com/679C44p.png]

           
          New: There are increasing reports that initial loads are worse and worse (looking at master, and 1.3). 

           

          [~rtyler] reported that loading 2 fonts is taking 4 seconds (each, in parallel, even though they are only 70KB each). They must be some amazing fonts.

           

          Scope: 
           * Find out why fonts take 4 seconds to load each [https://i.imgur.com/679C44p.png]
           * Mostly investigation. Result may be that we need "sane" code splitting and then minification, tree shaking etc(things I know [~kzantow] wants to take a look at) but may be lower hanging fruit in short term so it doesn't appear so bad. 

           

          A tool like [https://gtmetrix.com/reports/ci.blueocean.io/FI3cg80T] shows cold load analysis. The time shown is more ideal for low latency connection, in reality can be up to a minute for people on modest connections. So anytime there is a delay in the waterfall, you can magnify that for users who have no ideal latency

          Take a look at the waterfall on that link. Note there is a cascade in the middle with loading the dashboard and other plugins and localisation files it looks like - that seems new (ish). 

          Note this network timeline from Tyler: [https://i.imgur.com/679C44p.png] - fon'ts are taking 4 seconds to load (70kb each) ??? 

           

           
          Cliff Meyers made changes -
          Rank New: Ranked higher

            Unassigned Unassigned
            michaelneale Michael Neale
            Votes:
            1 Vote for this issue
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: