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
Enable memcache in WAMP
Websites
How to Force detecting the Social Profiles associated with a Website
PHP
WordPress Optimization
Plesk Panel
Plesk: Disable Nginx and Rebuild Httpd Configuration
Optimization
Apache Optimization
Optimization
Check PageSpeed

HTML: Link rel – Preload

Posted on January 22, 2021May 6, 2022 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

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 *

Enter Captcha Here : *

Reload Image

View Posts

  • HTML: Link rel – Preload
  • HTML: Attributes of rel
  • Linux Commands
  • Security HTTP Headers
  • WCAG 2.0 checklist

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

  • HTML: Link rel – Preload
  • HTML: Attributes of rel
  • Linux Commands
  • Security HTTP Headers
  • WCAG 2.0 checklist

Copyright © 2023 Technology Forum.