This rule reached the abnormality threshold, which means there is a real problem you should care about.
The table below shows the interactions between the JavaScript and the DOM on a scroll event.
This is the colors palette, sized by total occurrences:
Current weight: {{image.original | bytes}}
Current weight: {{image.original | bytes}} ({{image.afterCompression | bytes}} gzipped)
With a lossless optimization:
{{image.afterOptimizationAndCompression | bytes}} gzipped (-{{image.gain | bytes}} gzipped)
With a lossless optimization:
{{image.lossless | bytes}} (-{{image.gain | bytes}})
With a lossy optimization:
{{image.afterOptimizationAndCompression | bytes}} gzipped (-{{image.gain | bytes}} gzipped)
With a lossy optimization:
{{image.lossy | bytes}} (-{{image.gain | bytes}})
Reduce the number of stylesheets by concatenating them.
Reduce the number of scripts by concatenating them.
Reduce the number of images by lazyloading them or by spriting them.
Fonts are generally loaded on the critical path of the head. Load as few as possible.
They can be Flash, XML, music or any undetected format.
Try to inline these styles in the head of the HTML or to merge them with other files.
Try to inline these scripts in the HTML or merge them with other files.
Try to inline these images (with base64 encoding for most image types except SVG that don't need base64 encoding). You can also create sprites.