🔥 cnn.com
This Site Is a Masterclass in What NOT to Do
10 issues found
“Images without alt text. Screen readers experience your site like a blindfolded museum tour.”
2 images lack alt attributes.
Fix: Add descriptive alt text to all images.
“No skip navigation. Keyboard users are stuck tabbing through your nav like a maze.”
No skip-to-content link found.
Fix: Add a skip navigation link.
“Your HTML document weighs more than many entire websites. Are you trying to send an encyclopedia through a straw?”
HTML document is very large.
Fix: Reduce HTML size with compression and cleanup.
“Your DOM is getting chunky. Browsers are sweating trying to render this.”
Extremely large DOM.
Fix: Reduce DOM size with virtualization.
“Inline styles everywhere. Your CSS strategy is 'throw it in the HTML and pray.'”
Many inline style attributes.
Fix: Move styles to external CSS.
“You have SO many images. Your page loads like a slideshow from 2002.”
148 images on the page.
Fix: Optimize and lazy-load images.
“Render-blocking scripts in the head. Your page loads like dial-up on purpose.”
Scripts block rendering.
Fix: Add async or defer to scripts.
“External links without rel='noopener'. You're leaving the backdoor wide open.”
External links missing noopener.
Fix: Add rel="noopener" to external links.
“No dark mode support detected. Your site burns retinas at 2 AM.”
No dark mode detected.
Fix: Add prefers-color-scheme support.
“Links going to '#'. Your navigation is playing pretend.”
Links pointing to #.
Fix: Replace # links with real URLs.
How does YOUR site compare to cnn.com?
Enter your URL and get a free, instant roast. No signup required.
🔥 Roast My Site