Web Tools tools.bryantsmith.com

SEO & Performance

Preload / Preconnect Generator

List the origins and assets your page needs and get the matching preconnect, dns-prefetch, preload, prefetch, and modulepreload tags. Everything is generated in your browser — your input never leaves the page.

Runs in your browser v1.0.0

Resources

live

    Paste multiple URLs

    Generated hints

    0 hints

    No hints yet

    Add a resource or choose a preset to generate link tags.

    
                
      
                
      
                    
                    
                
      
            
      
        
      
    
      

    
      
        
      
            
      How it works
      
        
      
        
      
            
      
                Each row becomes a <link> resource hint. Preconnects and
                dns-prefetches are reduced to their origin, preloads infer an as
                value and MIME type from the file extension, and fonts automatically get the
                crossorigin attribute they require. Duplicate hints, invalid URLs,
                and preloads without an as value are reported with a suggestion
                instead of producing broken markup. Nothing is uploaded; the output is built
                entirely in your browser.
            
      
        
      
    
      

      

      Related tools
      • Cache-Control BuilderBuild a Cache-Control response header from your caching intent, with live explanations and copyable output.
      • Cache-Control ExplainerPaste any Cache-Control header to get a plain-English breakdown of every directive, plus warnings for conflicts and mistakes.
      • Compression Ratio CalculatorCompare original, gzip, and Brotli sizes to see compression ratios and percentage savings.
      • Hreflang GeneratorGenerate hreflang link elements for locale and region combinations from a base URL and URL pattern — entirely in your browser.
      • Robots.txt GeneratorBuild a valid robots.txt with allow/disallow rules, crawl-delay and sitemap — with a live preview in your browser.
      • Schema.org GeneratorBuild common schema.org JSON-LD structured data with guided fields and copy it straight into your pages.
      More SEO & Performance tools