Favicon should be small and cacheable

Rule from network under performance category

What is a trooper!

we have submitted your edit to the community for review! We'll review and make it live on the site in the next few hours, the internet thanks you :).

Browse another section of the knowledge base



Suggest an edit

Cancel

This rule has no content... yet.

Add content to this rule

Or just browse to view rules that have content



 

Great news - the site has a favicon, but it is a tad too big.

Favicons should be kept as small as possible making it cacheable and usable by the older browsers.

Newer browsers allow extra icons to be set either in the manifest.json file or meta tags that can define icons for numerous screens sizes.

While HTML5 greatly improves this limit, this error indicates that the file size is over 200kb. Which to us is way to big.

How do I fix this ?

Make sure the favicon at the root of your website (/favicon.ico) is smaller than 200kb.

Several tools exist that are able to generate the sizes required by various devices along with your basic favicon.ico:

Resources

Browse another section of the knowledge base



Signup icon
Ready to see how well your site scores?

Passmarked works best when you have an account. It allows you to keep a dashboard with saved data of the sites you have run through the system, we’ll alert you about important updates and you get access to the Passmarked Slack forum.

Sign up to get started