Performance Optimiazation
Minimize Text Files
Minimize Image Files
JPEG - Has no transparency, used for complex image with lots of colors
PNG - Colors are limited, often used for logos
- Display different sized image for different backgrounds.
- Use CDN like imigx
- Remove image metadata
Critical Render Path
HTML
- Load style tag in the
- Load script file right before </body>
CSS
Javascript
- Load script asynchronously
- Defer loading of scripts
- Minimize DOM manipulation