---
title: "#performance — seo-mcp"
description: "SEO tips tagged Performance."
url: "https://seo-mcp.io/tag/performance"
---

# #performance

12 published tips tagged “Performance”.

- [Serve responsive images with srcset](https://seo-mcp.io/t/serve-responsive-images-with-srcset) — srcset with width descriptors and a sizes attribute lets the browser choose an appropriate file per viewport and pixel density. Without sizes, phones download desktop-size images. Provide at least three widths, keep dimensions to reserve layout space, and check the chosen file in the Network panel.
- [Serve responsive images with next/image](https://seo-mcp.io/t/serve-responsive-images-with-next-image) — next/image emits responsive srcset values, picks modern formats and prevents layout shift when width and height are known. Replace raw img tags on content pages, pass sizes for each layout width, mark the LCP image priority, and keep alt text meaningful. Check the rendered HTML for srcset and intrinsic dimensions rather than trusting the component defaults.
- [Reduce INP to under 200 milliseconds](https://seo-mcp.io/t/reduce-inp-to-under-200-milliseconds) — Interaction to Next Paint measures how quickly the page responds to input, reported at p75. A good value is under 200 ms. Find the slowest interactions in the Performance panel, then split long tasks, defer third-party scripts, reduce hydration cost and trim DOM size.
- [Load fonts with next/font to avoid layout shift](https://seo-mcp.io/t/load-fonts-with-next-font-to-avoid-layout-shift) — next/font downloads and self-hosts Google or local fonts at build time, generates size-adjust fallbacks and removes the render-blocking stylesheet request. Import the font in the layout, pass its className to the html element, and reference the CSS variable in styles. Verify with a throttled trace that text does not shift and that no font request leaves your origin.
- [Fix mixed content on HTTPS pages](https://seo-mcp.io/t/fix-mixed-content-on-https-pages) — Mixed content is any http:// resource loaded by an https:// page. Browsers block active mixed content such as scripts and styles, and warn or auto-upgrade passive images. Find it in the console and in crawl output, then serve every subresource over HTTPS, including third-party embeds.
- [Lazy-load below-the-fold images](https://seo-mcp.io/t/lazy-load-below-the-fold-images) — Native loading=lazy defers offscreen images and iframes until they approach the viewport. Apply it only below the fold, keep width and height so space is reserved, and never lazy-load the LCP image. Verify in the Network panel that above-the-fold media loads immediately.
- [Keep CLS under 0.1 on every page](https://seo-mcp.io/t/keep-cls-under-0-1-on-every-page) — Cumulative Layout Shift scores unexpected movement of visible content. Good means 0.1 or less at p75. The main causes are images without dimensions, injected ads or banners, and web fonts changing metrics. Reserve space, preload fonts and never insert content above existing content.
- [Serve security headers](https://seo-mcp.io/t/serve-security-headers) — Security headers reduce injection, clickjacking and downgrade risk. Send HSTS with a long max-age, a Content-Security-Policy in report-only mode first, X-Content-Type-Options nosniff, a Referrer-Policy and frame-ancestors. Verify with curl headers on the production host before you enforce the policy.
- [Improve LCP to under 2.5 seconds](https://seo-mcp.io/t/improve-lcp-to-under-2-5-seconds) — Largest Contentful Paint is the time until the biggest visible element renders. Google's good threshold is 2.5 seconds at the 75th percentile of field data. Measure with CrUX or PageSpeed Insights, identify the element, then fix server response, resource load delay, load duration and render delay.
- [Use modern image formats](https://seo-mcp.io/t/use-modern-image-formats) — AVIF and WebP reduce image weight at equivalent quality, which speeds up LCP and lowers transfer cost. Serve them through picture with a fallback, convert at build time or at the edge, resize to the largest displayed dimension, and check the Content-Type and caching per format.
- [Add a meta viewport tag](https://seo-mcp.io/t/add-a-meta-viewport-tag) — The viewport meta tag tells mobile browsers to use the device width. Without it, pages render at a virtual desktop width and text becomes unreadable. Add width=device-width, initial-scale=1, do not disable zoom, and verify the tag is in the server response.
- [Build one dedicated page per treatment for local SEO](https://seo-mcp.io/t/build-one-dedicated-page-per-treatment-for-local-seo) — Split a bulky services page into one page per treatment, each covering what it treats, how it is done, downtime, suitability, price and who performs it. Add provider bio pages, consented before/after photos and original location pages. Each page then matches a specific treatment query instead of competing on one crowded list.