Optimising for the Web

on YouTube ↗47m

" summary

Aim for something visible within 1 second because beyond ~3 seconds bounce spikes and Google data shows 5s raises bounce probability dramatically (roughly +90%). Reduce initial download by using Unity Addressables or split PCK bundles in Godot, load scenes and menus async, and stream large assets. Compress builds with Brotli compression (typical 15–30% savings), strip unused engine code and remove the Unity logo (saves ~1 MB), and adopt WebGPU for heavy GPU work (WebGPU 120k bullets at 60 FPS demonstrated).

AI-written summary · about

" chapters (11)

1. 0:00Web game optimization intro
2. 3:14Fast load times matter
3. 6:47Three phases of loading
4. 7:49Unity Addressables downloads
5. 13:03Godot PCK bundles
6. 15:51Compressing assets
7. 19:24Reducing Unity build size
8. 21:53Stripping engine code
9. 24:18Runtime performance tips
10. 28:12Future of WebGPU
11. 29:16Q&A

" related talks

• 20mOptimizing assets for graphics heavy Web Applicatoins: tips and tricks from the game dev backgroundVarya Dubinina · Amsterdam JSNation Conference 2018
• 23mOptimizing HTML5 Games: 10 Years of LearningsWill Eastcott · JS GameDev Summit 2022
• 29mSpeed Essentials: Key Techniques for Fast WebsitesKatie Hempenius, Houssein Djirdeh · Chrome Dev Summit 2018
• 46mThink Fast!Mike Butcher · Spotlight Front-End 2014
• 33mSaving the Web 16 Milliseconds at a TimeJOSH W COMEAU · React Boston 2019
• 58mNeed for speed 8, performance tuning of your web applicationYaser Adel Mehraban · NDC Sydney 2018
• 23mOptimizing page load speed on front end sideKrešimir Burić · WebCamp Zagreb 2018
• 01h 03mSpeed up your Web ApplicationSebastian Springer · W-JAX 2018