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

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

    XMLWordPrintable

Details

    • Blue Ocean 1.4 - beta 3

    Description

      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) ??? 

       

       

      Attachments

        Activity

          michaelneale Michael Neale created issue -
          michaelneale Michael Neale made changes -
          Field Original Value New Value
          Epic Link JENKINS-35761 [ 171656 ]
          michaelneale Michael Neale made changes -
          Sprint Blue Ocean 1.4 - beta 3 [ 416 ]
          michaelneale Michael Neale made changes -
          Assignee Cliff Meyers [ cliffmeyers ]
          michaelneale Michael Neale made changes -
          Description 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. 

           
          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

           
          michaelneale Michael Neale made changes -
          Description 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

           
          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]

           
          rtyler R. Tyler Croy made changes -
          Attachment Selection_297.png [ 40674 ]
          michaelneale Michael Neale made changes -
          Summary Investigate very slow waterfall loading cold loading of webapp Investigate very slow cold loading of webapp fonts (and slow water fall)
          rtyler R. Tyler Croy made changes -
          Labels codevalet
          michaelneale Michael Neale made changes -
          Description 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]

           
          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) ??? 

           

           
          cliffmeyers Cliff Meyers made changes -
          Rank Ranked higher
          cliffmeyers Cliff Meyers made changes -
          Status Open [ 1 ] In Progress [ 3 ]
          cliffmeyers Cliff Meyers made changes -
          Rank Ranked higher
          cliffmeyers Cliff Meyers made changes -
          Attachment 2017-12-28-1-tyler-ffx.png [ 40925 ]
          Attachment 2017-12-28-2-tyler-ffx-dns.png [ 40926 ]
          Attachment 2017-12-28-3-cliff-chrome-throttled.png [ 40927 ]
          cliffmeyers Cliff Meyers made changes -
          Status In Progress [ 3 ] Open [ 1 ]
          cliffmeyers Cliff Meyers made changes -
          Assignee Cliff Meyers [ cliffmeyers ]
          michaelneale Michael Neale made changes -
          Resolution Done [ 10000 ]
          Status Open [ 1 ] Closed [ 6 ]

          People

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

            Dates

              Created:
              Updated:
              Resolved: