These notes are unpolished collections of thoughts, unfinished ideas, and things I want to remember later. In the spirit of learning in public, I'm sharing them here. Have fun exploring, if you want!

Front End Performance Audit

Tags:

How to do a front end performance audit and some resources.

🔗ResourcesResources

🔗Webpack Bundle AnalyzerWebpack Bundle Analyzer

Tags: [[Performance]]

Gatsby-config.js:

{
    resolve: `gatsby-plugin-webpack-bundle-analyser-v2`,
    options: {
      generateStatsFile: true,
      statsOptions: {
        reasons: true
      }
    }
},

[[Gatsby and Bundle Chunking]]

🔗Auditing Network RequestsAuditing Network Requests

Third party scripts are always going to be a nightmare.

But, to ignore them, you can filter by domain in Chrome Dev Tools: domain:example.com This will show you all network requests originating from that domain.

Or you can do a negative filter, like -domain:yogainternational.com This will show you all network requests not originating from that domain.

🔗Things to [[Learn]] AboutThings to [[Learn]] About

[[Web Workers]]:

https://github.com/developit/workerize (Moves a module into a Web Worker, automatically reflecting exported functions as asynchronous proxies.)