Overall Score
Roast by AI is a cheeky, concept-driven site that practices what it preaches with a bold brand voice and clean design—but it's ironically riddled with performance issues and missing alt text on 75% of its images, which is *chef's kiss* awkward for a website analyzer.
The Roast
This is a site about roasting websites that's getting roasted by its own performance metrics. Your hero image loads like a sloth on sedatives (exactly what you claim about other sites), you're minifying nothing, and 6 out of 8 images are flying blind without alt text. It's like Gordon Ramsay yelling 'THIS KITCHEN IS A DISASTER!' while his own kitchen is on fire. The irony is so thick you could cut it with a knife, but honestly? The balls to critique others while your own performance sits at 45/100 is either visionary confidence or spectacular obliviousness.
🎯 Start Here
Google PageSpeed Insights
(Real metrics from Google)These scores come directly from Google's PageSpeed API. The AI scores above evaluate broader aspects like copy, trust signals, and conversion.
Core Web Vitals
Performance
SEO
Trust Signals
Accessibility
Mobile
Design & UX
Conversion
Copy & Messaging
Performance
This is genuinely embarrassing for a website analyzer—89/100 mobile performance is respectable, but your mobile LCP of 3.1 seconds, TBT of 121ms, and unminified JavaScript are exactly the sins you're roasting other websites for. You're literally doing the 'do as I say, not as I do' thing.
Issues Found
- Unused JavaScript and CSS remain unminified and unbundled, directly contributing to longer load times and poor TBT (121ms is over the 100ms budget)
- LCP of 3.094 seconds exceeds the 'good' threshold of 2.5 seconds; likely caused by the hero image and unoptimized asset delivery
- Missing performance optimization for images despite having 8 images on page; no lazy loading, WebP format, or responsive image sets visible in code
Recommendations
-
Minify and tree-shake JavaScript high
Remove unused code and minify your JS bundle—this will immediately cut TBT and improve interaction responsiveness.
-
Optimize hero image delivery high
Serve WebP format with JPEG fallback, implement lazy loading for below-fold images, and use responsive sizes to cut LCP time.
-
Implement code splitting and async loading medium
Load non-critical CSS and JavaScript asynchronously to prioritize hero image and form rendering.
SEO
Your meta tags are solid and H1 is present, but Google SEO score is literally 0 and there's zero structural schema markup—for a site *about* roasting SEO, this is like a personal trainer who's completely out of shape. The crawler can probably understand what you do, but search engines have no schema context.
Issues Found
- SEO audit score shows 0, indicating missing schema markup (no BreadcrumbList, Organization, FAQPage, or FAQItem markup despite obvious FAQ content)
- Missing strategic keyword placement in headers; no H2s target primary keywords like 'website audit', 'SEO analysis', or 'performance testing'
- No internal linking strategy to category pages or results—52 internal links but poor keyword anchor text distribution
Recommendations
-
Implement schema markup high
Add Organization, SoftwareApplication, and FAQPage schema to help Google understand your service offerings and improve rich snippet eligibility.
-
Optimize heading hierarchy for keywords high
Restructure H2s to naturally include target keywords like 'AI-powered website audits' and 'SEO performance scoring' instead of generic feature names.
-
Create strategic internal linking anchors medium
Link from relevant content sections to pricing/signup with keyword-rich anchors like 'start your free website roast' instead of generic CTAs.
Trust Signals
You've got the leaderboard gamification and the 'powered by Claude' credibility, but there are almost zero trust markers visible—no testimonials, no case studies, no security badges, and the 'free forever' promise sits next to 'subscribe' without showing what that costs. It feels lean, but also a bit risky for conversions.
Issues Found
- No visible testimonials, case studies, or user reviews on the homepage—just the promise of a public leaderboard, which is novel but unproven
- Security and privacy messaging is minimal; mention of 'privacy policy' is buried in small text instead of being a trust anchor in the footer
- No indicators of company credibility—no 'built by' section, founder names, team photos, or company background to establish legitimacy
Recommendations
-
Add social proof section high
Include 3-5 brief testimonials from power users or a carousel of 'recent roasts' with company names/logos to show active usage and satisfaction.
-
Create a credibility footer medium
Add a visible footer section with company name, founding year, team size (or founder name), and links to privacy/terms to build institutional trust.
-
Clarify data privacy prominently medium
Move privacy messaging to a more visible location (e.g., above the form as 'Your data is private and secure') and link to a trust-focused privacy page.
Accessibility
You've got the skeleton right—skip links, landmarks, ARIA attributes, and proper form labels—but you've sabotaged yourself with 75% of images missing alt text. That's not just sloppy; for an accessibility-scoring tool, it's a glaring credibility issue.
Issues Found
- 6 out of 8 images lack alt text (75% failure rate), including the hero image and roast results card—critical for screen readers and SEO
- The question mark icon in the hero headline has no descriptive alt text; it's purely decorative but needs clarity for context
- No visible focus indicators on interactive elements; hover states might not translate to keyboard navigation
Recommendations
-
Add descriptive alt text to all images high
Write context-rich alt text for the roast results card ('Screenshot of roast results showing SEO: 62/100, Performance: 45/100') and other visuals to improve screen reader experience.
-
Clarify decorative elements medium
Mark purely decorative icons with alt='' but ensure the question mark icon either gets a description or is replaced with semantic HTML.
-
Enhance keyboard navigation visual feedback medium
Add visible focus outlines (outline: 2px solid orange) to buttons and inputs so keyboard users can see where they are.
Mobile
Mobile layout is responsive and readable, with the orange button taking up the full width for easy tapping—good touch targets overall. However, the below-the-fold content disappears entirely on mobile, leaving users wondering if there's more to see, and the roast results card text is barely legible at that size.
Issues Found
- The hero section on mobile appears complete, but scrolling reveals almost nothing—either the page is broken or content isn't loading on mobile viewports
- Form input placeholder text is the default browser gray on gray—visibility is poor and doesn't meet WCAG AA contrast ratios
- The roast results example card has white monospace text on a dark background that's hard to read on smaller phone screens; consider line-height and font-size increases
Recommendations
-
Ensure mobile page content loads high
Debug why below-the-fold sections (features, social proof) don't appear on mobile screenshots—either lazy loading is broken or content is hidden inappropriately.
-
Improve form input contrast medium
Use a darker placeholder color (#666 minimum) and ensure input background has sufficient contrast against text for both light and dark modes.
-
Optimize card typography for mobile medium
Increase line-height to 1.6+ for the roast results example and ensure font-size is at least 14px to maintain readability on phone screens.
Design & UX
Clean, modern design with excellent hierarchy and a confident orange accent color that pops—the layout is spacious and the visual flow guides you straight to the CTA. However, the below-the-fold section appears almost entirely blank in the screenshots, suggesting either serious content gaps or a rendering issue that kills momentum.
Issues Found
- Below-the-fold content appears to be mostly empty white space, breaking the visual journey and making the page feel incomplete
- The example roast card on mobile is barely readable with low contrast text against the gray background
- Inconsistent spacing between sections on desktop—the features section should appear in the provided screenshots but seems MIA
Recommendations
-
Populate below-the-fold with compelling content high
Add social proof, feature highlights, or a clear secondary CTA to maintain engagement momentum past the hero section.
-
Improve roast card readability on mobile medium
Increase contrast ratio on the monospace text in the example roast and ensure text remains legible against background colors.
-
Ensure consistent visual rhythm medium
Review the full page layout to ensure all intended sections are visible and properly spaced across viewport sizes.
Conversion
The CTA placement and design are aggressive in the right way—'Roast My Site' button is prominent, high-contrast orange, and the form is right there in the hero. The free tier (2 roasts/month) creates urgency without gatekeeping, and the leaderboard gamification is *chef's kiss* clever for driving signups.
Issues Found
- Form has only 1 input field (URL), but there's no visual confirmation of what happens after clicking 'Roast My Site'—does it load results? Redirect? Create an account first?
- The free tier limitation ('2 free public roasts per month') is mentioned but there's no clear upgrade path shown on this page—pricing page is linked but not in the hero flow
- No countdown timer or scarcity messaging ('roasts analyzed in the last hour') to create FOMO beyond the leaderboard concept
Recommendations
-
Clarify post-submission flow high
Add microcopy below the form like 'Roast results appear instantly—no account required' to reduce friction and commitment anxiety.
-
Highlight upgrade path in hero medium
Add a secondary CTA or tooltip near the '2 free roasts' line that says 'Unlock unlimited roasts—see pricing' to guide high-intent users.
-
Inject social proof timing medium
Add a small badge like 'Last roasted: 3 minutes ago' or 'Join 5,000+ website creators' above the form to create urgency.
Copy & Messaging
Sharp, personality-driven copy that mirrors the brand's irreverent tone perfectly—'Your website loads slower than a sloth on sedatives' is the kind of wit that makes SaaS copy actually fun to read. The value prop is crystal clear and the CTAs have punch.
Issues Found
- The phrase 'brutally honest friend' is used twice in quick succession (headline and subheading), diluting impact through repetition
- Privacy policy link is buried in tiny gray text below the form instead of being more prominent for trust
- The 'See our privacy policy' line uses a casual tone that clashes slightly with the trust-building moment
Recommendations
-
Vary the 'brutally honest' phrasing low
Replace one instance with an alternative like 'unfiltered feedback' or 'cutting straight to the point' to maintain freshness.
-
Elevate privacy communication medium
Move privacy policy reference to a more visible location or use clearer language like 'We take your data seriously—read our privacy policy' to boost trust signals.
-
Strengthen the leaderboard social proof angle medium
Add a brief line about community engagement (e.g., '500+ websites already roasted') to create FOMO and urgency.
Think you can beat 66/100?
Get your site brutally analyzed by the same AI. 8 scores, a punch list of fixes, 60 seconds.