“Lesson #1: Don’t forget your favicon.”
But optimizing your website’s favicon goes beyond just making sure you don’t forget it. Below are 5 recommendations for optimizing your favicon, plus two bonus tips, to optimize your website’s favicon.
- Make sure it exists.
- Make sure it is compatible.
- Make sure it is cacheable.
- Make sure it is the right size.
- Make sure to serve it using compression.
Additionally you can try:
- Using 4-bit color depth icons.
- Inlining the favicon using data URIs.