Details page - Speedrank

Serve images in next-gen formats

Image formats like JPEG 2000, JPEG XR, and WebP often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more.

Reset Ignore

Specifics

Potential savings of 344 KB

URL	Size	Potential Savings
..images/www-podcasten-de-a10868fc.png(https://www.produktgenuss.de)	270 KB	169 KB
..images/letscast-fm-57cbae3f.png(https://www.produktgenuss.de)	239 KB	108 KB
..images/speedrank-app-2020-48b16ca4.png(https://www.produktgenuss.de)	152 KB	66.9 KB

Ensure text remains visible during webfont load

Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading. Learn more.

Pick Ignore

Specifics

URL	Potential Savings
..v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2(https://fonts.gstatic.com)	27 ms
..v16/S6uyw4BMUTPHjx4wXiWtFCc.woff2(https://fonts.gstatic.com)	30 ms

[id] attributes on the page are not unique

The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies. Learn more.

Pick Ignore

Specifics

Failing Elements
{"path"=>"1,HTML,1,BODY,0,DIV,0,MAIN,1,SECTION,0,DIV,0,DIV,1,DIV,0,DIV,0,svg,0,defs,0,path", "type"=>"node", "snippet"=>"<path d=\"M213.5 286C331.413 286 427 190.413 427 72.5S304.221 16.45 186.309 16.45C68.396 16.45 0-45.414 0 72.5S95.587 286 213.5 286z\" id=\"bubble-3-a\"></path>", "selector"=>".section:nth-child(2) > .container-sm > .newsletter-inner.section-inner.has-top-divider > .hero-browser > .bubble-3.is-revealing > svg[height=\"\\33 20\"][viewBox=\"\\30 \\ 0\\ 427\\ 320\"][width=\"\\34 27\"] > defs > path", "nodeLabel"=>"path", "explanation"=>"Fix any of the following:\n Document has multiple static elements with the same id attribute"}
{"path"=>"1,HTML,1,BODY,0,DIV,0,MAIN,1,SECTION,0,DIV,0,DIV,1,DIV,0,DIV,0,svg,1,g,0,mask", "type"=>"node", "snippet"=>"<mask fill=\"#fff\" id=\"bubble-3-b\">\n<use xlink:href=\"#bubble-3-a\"></use>\n</mask>", "selector"=>".section:nth-child(2) > .container-sm > .newsletter-inner.section-inner.has-top-divider > .hero-browser > .bubble-3.is-revealing > svg[height=\"\\33 20\"][viewBox=\"\\30 \\ 0\\ 427\\ 320\"][width=\"\\34 27\"] > g[fill-rule=\"evenodd\"][fill=\"none\"] > mask", "nodeLabel"=>"mask", "explanation"=>"Fix any of the following:\n Document has multiple static elements with the same id attribute"}
{"path"=>"1,HTML,1,BODY,0,DIV,0,MAIN,1,SECTION,0,DIV,0,DIV,1,DIV,1,DIV,0,svg,0,defs,0,linearGradient", "type"=>"node", "snippet"=>"<linearGradient id=\"browser-a1\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\">\n<stop offset=\"0%\" stop-color=\"#F6F8FA\" stop-opacity=\".48\"></stop>\n<stop offset=\"100%\" stop-color=\"#F6F8FA\"></stop>\n</linearGradient>", "selector"=>".section:nth-child(2) > .container-sm > .newsletter-inner.section-inner.has-top-divider > .hero-browser > .hero-browser-inner.is-revealing > svg[viewBox=\"\\30 \\ 0\\ 800\\ 900\"] > defs > lineargradient[y1=\"\\30 \\%\"][y2=\"\\31 00\\%\"][x1=\"\\35 0\\%\"]", "nodeLabel"=>"lineargradient", "explanation"=>"Fix any of the following:\n Document has multiple static elements with the same id attribute"}
{"path"=>"1,HTML,1,BODY,0,DIV,0,MAIN,1,SECTION,0,DIV,0,DIV,1,DIV,1,DIV,0,svg,0,defs,1,linearGradient", "type"=>"node", "snippet"=>"<linearGradient id=\"browser-b1\" x1=\"50%\" x2=\"50%\" y1=\"100%\" y2=\"0%\">\n<stop offset=\"0%\" stop-color=\"#F6F8FA\" stop-opacity=\".48\"></stop>\n<stop offset=\"100%\" stop-color=\"#F6F8FA\"></stop>\n</linearGradient>", "selector"=>".section:nth-child(2) > .container-sm > .newsletter-inner.section-inner.has-top-divider > .hero-browser > .hero-browser-inner.is-revealing > svg[viewBox=\"\\30 \\ 0\\ 800\\ 900\"] > defs > lineargradient[y1=\"\\31 00\\%\"][y2=\"\\30 \\%\"][x1=\"\\35 0\\%\"]", "nodeLabel"=>"lineargradient", "explanation"=>"Fix any of the following:\n Document has multiple static elements with the same id attribute"}
{"path"=>"1,HTML,1,BODY,0,DIV,0,MAIN,1,SECTION,0,DIV,0,DIV,1,DIV,1,DIV,0,svg,0,defs,2,linearGradient", "type"=>"node", "snippet"=>"<linearGradient id=\"browser-c1\" x1=\"100%\" x2=\"0%\" y1=\"-12.816%\" y2=\"-12.816%\">\n<stop offset=\"0%\" stop-color=\"#F6F8FA\" stop-opacity=\"0\"></stop>\n<stop offset=\"50.045%\" stop-color=\"#E3E7EB\"></stop>\n<stop offset=\"100%\" stop-color=\"#F6F8FA\" stop-opacity=\"0\"></stop>\n</linearGradient>", "selector"=>".section:nth-child(2) > .container-sm > .newsletter-inner.section-inner.has-top-divider > .hero-browser > .hero-browser-inner.is-revealing > svg[viewBox=\"\\30 \\ 0\\ 800\\ 900\"] > defs > lineargradient[x1=\"\\31 00\\%\"][x2=\"\\30 \\%\"][y1=\"-\\31 2\\.816\\%\"]", "nodeLabel"=>"lineargradient", "explanation"=>"Fix any of the following:\n Document has multiple static elements with the same id attribute"}
{"path"=>"1,HTML,1,BODY,0,DIV,0,MAIN,1,SECTION,0,DIV,0,DIV,1,DIV,1,DIV,0,svg,0,defs,3,filter", "type"=>"node", "snippet"=>"<filter filterUnits=\"objectBoundingBox\" height=\"1000%\" id=\"dropshadow-1\" width=\"1000%\" x=\"-500%\" y=\"-500%\">", "selector"=>".section:nth-child(2) > .container-sm > .newsletter-inner.section-inner.has-top-divider > .hero-browser > .hero-browser-inner.is-revealing > svg[viewBox=\"\\30 \\ 0\\ 800\\ 900\"] > defs > filter", "nodeLabel"=>"filter", "explanation"=>"Fix any of the following:\n Document has multiple static elements with the same id attribute"}