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.
🔗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
- https://github.com/developit/workerize (Moves a module into a Web Worker, automatically reflecting exported functions as asynchronous proxies.)