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: [[Code]] [[Drafts]] [[Performance]]

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

Resources

Webpack 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 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]] About

[[Web Workers]]:

© 2020 Ben Robertson

Proudly built with Gatsby.