Performance Seo Accessibility

Avoid Reading Unless Needed

• backend service logic
• migration files
• unrelated admin-only templates

Goal

Improve the front end so it loads cleanly, ranks sensibly, and works better for all users.

Performance checks

• oversized images
• unnecessary client-side work
• duplicated assets
• render-blocking patterns
• layout shift risks
• needless animation / heavy effects
• repeated large dependencies
• poor mobile rendering behavior

SEO checks

• page title quality
• meta description quality
• canonical consistency
• heading hierarchy
• semantic HTML structure
• meaningful internal labels
• crawl-friendly content structure
• duplicate or thin metadata

Accessibility checks

• heading order
• alt text where relevant
• link clarity
• button clarity
• focus visibility
• keyboard access
• form labels
• error feedback
• color contrast
• touch target quality
• screen-reader-friendly structure

Working method

1. Inspect the page and shared layout/components.
2. Identify highest-impact issues first.
3. Prefer improvements with measurable practical benefit.
4. Avoid performance regressions from decorative additions.
5. Preserve brand quality while simplifying heavy patterns.

Output Format

When editing, prioritize:

• faster perceived load
• better mobile clarity
• stronger semantic structure
• better accessibility basics
• cleaner metadata and headings
• lower UI friction

Guardrails

• Do not keyword-stuff.
• Do not add fake SEO content.
• Do not sacrifice usability for micro-optimizations.
• Do not break visual hierarchy while chasing scores.

Success Criteria

• page has correct heading hierarchy and meaningful metadata
• key interactive elements are keyboard-accessible and labeled
• mobile layout renders without overflow or misaligned elements
• no performance regressions introduced by decorative additions