Skip to content

Technology Forum

SEO, Speed Up website, Server Optimization, Linux, Open Source Softwares

  • Home
  • General
    • Web Server
    • Website Formatting
  • IT Companies
  • Optimization
    • PHP
  • Linux
  • Home
  • Websites
  • HTML
  • HTML: Link rel – Preload
PHP
Plesk/Odin Services Structure
Linux
Manage and Tweak Dedicated Linux Hosting Web Server
General
Identity Theft
Web Server
Security Tips
Linux
Linux Commands
CSS
Word Wrap long text in HTML

HTML: Link rel – Preload

Posted on January 22, 2021February 15, 2023 By admin No Comments on HTML: Link rel – Preload
HTML

The preload value of the <link> element’s rel attribute lets you declare fetch requests in the HTML’s <head> , specifying resources that your page will need very soon, which you want to start loading early in the page lifecycle, before browsers’ main rendering.

Following are different content types can be preloaded. The possible as attribute values are:

  • audio: Audio file, as typically used in <audio>.
  • document: An HTML document intended to be embedded by a <frame> or <iframe>.
  • embed: A resource to be embedded inside an <embed> element.
  • fetch: Resource to be accessed by a fetch or XHR request, such as an ArrayBuffer or JSON file.
  • font: Font file.
  • image: Image file.
  • object: A resource to be embedded inside an <object> element.
  • script: JavaScript file.
  • style: CSS stylesheet.
  • track: WebVTT file.
  • worker: A JavaScript web worker or shared worker.
  • video: Video file, as typically used in <video></code.

Example:

<link rel="preload" href="maxwebsolutions.webm" as="video" type="video/webm">
<link rel="preload" href="fonts/cicle_fina-webfont.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="helpdeskpunjab-logo.png" as="image" media="(max-width: 600px)">
Tags: audio document font html object preload script style worker

Post navigation

❮ Previous Post: HTML: Attributes of rel
Next Post: PHP FPM modification – Plesk ❯

You may also like

HTML
HTML: Attributes of rel

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

View Posts

  • PHP FPM modification – Plesk
  • HTML: Link rel – Preload
  • HTML: Attributes of rel
  • Linux Commands
  • Security HTTP Headers

Categories

  • Domain Name
  • General
    • Servers
    • Web Server
    • Website Formatting
  • IT Companies
  • Linux
  • MySQL
  • Optimization
    • PHP
  • Troubleshooting
  • Web Hosting Control Panel
    • Plesk Panel
  • Websites
    • CSS
    • HTML
    • Optimization
  • Windows
    • Windows 10

Recent Posts

  • PHP FPM modification – Plesk
  • HTML: Link rel – Preload
  • HTML: Attributes of rel
  • Linux Commands
  • Security HTTP Headers

Copyright © 2025 Technology Forum.

Theme: Oceanly News by ScriptsTown