tocal.in — Website Report

4 scripts without async or defer attributes. These block page rendering. Add defer or async to non-critical scripts.

Add a Permissions-Policy header to control browser feature access.

# Nginx:
add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;

# Next.js (next.config.js headers):
{ key: 'Permissions-Policy', value: 'camera=(), microphone=(), geolocation=()' }

Form inputs should have associated labels or aria-label attributes so screen readers can identify them.

Heading hierarchy jumps from H2 to H4. Don't skip heading levels — this confuses screen readers and assistive technology.

9 images don't use loading="lazy". Add lazy loading to below-the-fold images to improve initial page load.

Add more internal links to help search engines discover and index your other pages. Internal linking also helps distribute page authority.

Add a <main> element to identify the primary content area. Screen reader users use this to skip navigation.

<!-- Wrap your primary content in a <main> element -->
<main id="main-content">
  <h1>Page Title</h1>
  <p>Your primary content here...</p>
</main>

Add a 'Skip to main content' link at the top of the page so keyboard users can bypass repetitive navigation.

<!-- Add as the first element inside <body> -->
<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-50 focus:px-4 focus:py-2 focus:bg-blue-600 focus:text-white focus:rounded">
  Skip to main content
</a>

<!-- Add id to your main content area -->
<main id="main-content">
  ...
</main>

Found 24 elements with large inline styles. Move these to external CSS for better caching and maintainability.

Found 70 HTML comments. Remove unnecessary comments in production to reduce file size.