spikes
How can we modularise our client-side JavaScript?
Questions to consider
What are the different ways we can import/export code? What does "dynamic import" do?
Why might using hundreds of small modules in the browser cause performance problems?
Useful resources
Browser rendering
What is the "critical rendering path" in browsers?
Questions to consider
How does the browser render an HTML page containing links to CSS and JavaScript files?
What does "render blocking" mean?
What do the async and defer keywords do?
Useful resources
Browser caching
How can we avoid unnecessary network requests?
Questions to consider
How can our server tell browsers to cache our responses?
Useful resources
Image performance
How we can efficiently serve image assets?
Questions to consider
How can we optimise image file size?
How can we render different images at different viewport sizes?
Useful resources