{"id":30123,"date":"2024-11-12T12:39:24","date_gmt":"2024-11-12T12:39:24","guid":{"rendered":"https:\/\/www.seobility.net\/en\/blog\/wiki\/prefetching\/"},"modified":"2026-01-15T15:26:06","modified_gmt":"2026-01-15T15:26:06","slug":"Prefetching","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching","title":{"rendered":"Prefetching"},"content":{"rendered":"<h2><span class=\"mw-headline\" id=\"Definition\">Definition<\/span><\/h2>\n<p>Prefetching is the loading of a resource before the user requests it. It allows web developers to indicate which resources are likely needed in the near future, loading resources upfront and helping to optimize <a href=\"\/en\/wiki\/Page_Speed\" title=\"Page Speed\">page speed<\/a> and the <a href=\"\/en\/wiki\/User_Experience\" title=\"User Experience\">user experience<\/a>.\n<\/p>\n<p>Prefetching focuses on resources needed in the future, for example, on the next page. Although prefetching can speed up the user\u2019s experience on a site if used correctly, it uses computing power and should therefore be used sparingly.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"What_is_prefetching_used_for.3F\">What is prefetching used for?<\/span><\/h2>\n<p>Prefetching is used to improve the load times of web pages and other online resources. It is used to tell the browser which resources it is likely to need in the future, allowing it to load them before they are required.\n<\/p>\n<p>Although this can improve the page speed of the next page, it can slow the loading process for the current page if not used correctly because it consumes resources.\n<\/p>\n<p>Some examples of when the prefetch resource hint can be used are:\n<\/p>\n<ul>\n<li> Prefetching the next page\/resources in a funnel \u2013 Sales funnels are specific parts of a website covering a sales process on a sequence of different pages. Prefetch can help make this process faster as it allows the next page(s) to be loaded before the user clicks through.<\/li>\n<li> Prefetching the page(s)\/resource(s) after the login page \u2013 When a user navigates to the login page, it\u2019s very likely they are going to log in to their account. Prefetching the resources needed on the next page will ensure the page loads faster.<\/li>\n<li> Prefetching important documents \u2013 If there are important documents linked to on the current page, the prefetch resource hint can improve the load time when clicked.<\/li>\n<\/ul>\n<h2><span class=\"mw-headline\" id=\"Link_prefetching\">Link prefetching<\/span><\/h2>\n<p>When link prefetching is used, an attempt is made to predict which links a user will click on. The browser will then automatically prefetch these pages, improving the load time of the next page.\n<\/p>\n<p>Link prefetching can be very effective if there is high <a href=\"\/en\/wiki\/ctr-click-through-rate\" title=\"CTR (Click-Through Rate)\">click-through rates<\/a>. However, if a page doesn\u2019t have a high click-through rate or if there are a lot of links on a page, link prefetching is generally less effective.\n<\/p>\n<h3><span class=\"mw-headline\" id=\"Syntax\">Syntax<\/span><\/h3>\n<pre>&lt;link rel=\"prefetch\" href=\"\/images\/big.jpeg\"&gt;<\/pre>\n<h2><span class=\"mw-headline\" id=\"DNS_prefetching\">DNS prefetching<\/span><\/h2>\n<p>DNS prefetching works by performing a DNS lookup prior to the user clicking a link. This reduces latency by resolving the domain name prior to the resource being requested.\n<\/p>\n<p>Just as with other forms of prefetching, DNS prefetching uses spare resources while the user is on the current page. This means that it can be ineffective or even detrimental if a web developer isn\u2019t selective in what is prefetched.\n<\/p>\n<h3><span class=\"mw-headline\" id=\"Syntax_2\">Syntax<\/span><\/h3>\n<pre>&lt;html&gt;\r\n  &lt;head&gt;\r\n    &lt;link rel=\"dns-prefetch\" href=\"https:\/\/fonts.gstatic.com\/\"&gt;\r\n    &lt;!-- and all other head elements --&gt;\r\n  &lt;\/head&gt;\r\n  &lt;body&gt;\r\n    &lt;!-- your page content --&gt;\r\n  &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<h2><span class=\"mw-headline\" id=\"Cache_prefetching\">Cache prefetching<\/span><\/h2>\n<p>Cache prefetching works to prefetch resources or instructions and moves them to more local and easily accessible cache memory, for example, on a server. Cache memory is faster and easier to access than main memory, helping to reduce the load time of the information\/resource.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"What_resources_does_prefetching_take_up.3F\">What resources does prefetching take up?<\/span><\/h2>\n<p>Prefetching can help web developers optimize page performance, however, it does take up resources to do so. This means that prefetch requests that are wasted increase the load time for the current page.\n<\/p>\n<p>The resources prefetching take up include:\n<\/p>\n<ul>\n<li> Processing power<\/li>\n<li> Network bandwidth<\/li>\n<li> Server bandwidth<\/li>\n<li> Cache space<\/li>\n<\/ul>\n<h2><span class=\"mw-headline\" id=\"Browser_compatibility\">Browser compatibility<\/span><\/h2>\n<p>Prefetch is compatible with most major browsers, including:\n<\/p>\n<ul>\n<li> Google Chrome<\/li>\n<li> Mozilla Firefox<\/li>\n<li> Microsoft Edge<\/li>\n<li> Internet Explorer<\/li>\n<li> Android Browser<\/li>\n<li> Opera<\/li>\n<\/ul>\n<h2><span class=\"mw-headline\" id=\"The_difference_between_prefetching_and_preloading\">The difference between prefetching and preloading<\/span><\/h2>\n<p>Although both popular resource hints, there\u2019s an important difference between prefetch and <a href=\"\/en\/wiki\/Preloading\" title=\"Preloading\">preload<\/a>. Prefetch focuses on loading resources that are likely required for the next navigation.\n<\/p>\n<p>Preload is used for resources on the current page, prioritizing these resources over others. Preload is often used for important late-discovered resources on the current page. This means the preloaded resources are prioritized by the browser over prefetched resources.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Importance_in_SEO_and_marketing\">Importance in SEO and marketing<\/span><\/h2>\n<p>The prefetch attribute is an important part of <a href=\"https:\/\/www.seobility.net\/en\/blog\/page-speed-optimization\/\" target=\"_blank\">page speed optimization<\/a>. It allows web developers and\/or SEOs to add more detailed loading logic, ensuring the browser loads resources as efficiently as possible.<br \/>\nPage speed, in turn, has a significant impact on the user experience and is also an important <a href=\"\/en\/wiki\/Search_Engine\" title=\"Search Engine\">search engine<\/a> ranking factor.\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Related_links\">Related links<\/span><\/h2>\n<ul>\n<li> <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/web.dev\/predictive-prefetching\/\">https:\/\/web.dev\/predictive-prefetching\/<\/a><\/li>\n<li> <a rel=\"nofollow\" class=\"external free\" href=\"https:\/\/www.practicalecommerce.com\/speed-up-your-slowest-pages-with-prefetching\">https:\/\/www.practicalecommerce.com\/speed-up-your-slowest-pages-with-prefetching<\/a><\/li>\n<\/ul>\n<h2><span class=\"mw-headline\" id=\"Similar_articles\">Similar articles<\/span><\/h2>\n<ul>\n<li> <a href=\"\/en\/wiki\/Page_Speed\" title=\"Page Speed\">Page Speed<\/a><\/li>\n<li> <a href=\"\/en\/wiki\/Preloading\" title=\"Preloading\">Preloading<\/a><\/li>\n<\/ul>\n<p><script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"Article\",\n  \"author\": {\n    \"@type\": \"Organization\",\n    \"name\": \"Seobility\",\n    \"url\": \"https:\/\/www.seobility.net\/\"\n  }\n}\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Definition Prefetching is the loading of a resource before the user requests it. It allows web developers to indicate which resources are likely needed in the near future, loading resources upfront and helping to optimize page speed and the user experience. Prefetching focuses on resources needed in the future, for example, on the next page. [&hellip;]<\/p>\n","protected":false},"author":38,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-30123","wiki","type-wiki","status-publish","hentry","wiki_categories-web-development"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is Prefetching? Definition + Explanation - Seobility Wiki<\/title>\n<meta name=\"description\" content=\"Prefetching is the loading of a resource before the user requests it to optimize page speed and user experience. Learn more...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.seobility.net\/en\/wiki\/Prefetching\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Prefetching? Definition + Explanation - Seobility Wiki\" \/>\n<meta property=\"og:description\" content=\"Prefetching is the loading of a resource before the user requests it to optimize page speed and user experience. Learn more...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seobility.net\/en\/wiki\/Prefetching\" \/>\n<meta property=\"og:site_name\" content=\"Seobility\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/seobility.net\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-15T15:26:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/seobility-og-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@seobility_net\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"ScholarlyArticle\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching\"},\"author\":{\"name\":\"Seobility Wiki Team\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#\\\/schema\\\/person\\\/c838e66a3b46262b4c963df5cd5b2d8a\"},\"headline\":\"Prefetching\",\"datePublished\":\"2024-11-12T12:39:24+00:00\",\"dateModified\":\"2026-01-15T15:26:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching\"},\"wordCount\":704,\"commentCount\":0,\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching\",\"name\":\"What is Prefetching? Definition + Explanation - Seobility Wiki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#website\"},\"datePublished\":\"2024-11-12T12:39:24+00:00\",\"dateModified\":\"2026-01-15T15:26:06+00:00\",\"description\":\"Prefetching is the loading of a resource before the user requests it to optimize page speed and user experience. Learn more...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\\\/Prefetching#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wiki\",\"item\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wiki\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prefetching\",\"item\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/wp-json\\\/wp\\\/v2\\\/wiki\\\/30123\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/\",\"name\":\"Seobility\",\"description\":\"Online SEO Software &amp; Tools For Better Rankings\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/#\\\/schema\\\/person\\\/c838e66a3b46262b4c963df5cd5b2d8a\",\"name\":\"Seobility Wiki Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.seobility.net\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seobility-S-2025-150x150.png\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seobility-S-2025-150x150.png\",\"contentUrl\":\"https:\\\/\\\/www.seobility.net\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Seobility-S-2025-150x150.png\",\"caption\":\"Seobility Wiki Team\"},\"description\":\"The Seobility Wiki team consists of seasoned SEOs, digital marketing professionals, and business experts with combined hands-on experience in SEO, online marketing and web development. All our articles went through a multi-level editorial process to provide you with the best possible quality and truly helpful information. Learn more about the people behind the Seobility Wiki.\",\"url\":\"https:\\\/\\\/www.seobility.net\\\/en\\\/blog\\\/author\\\/seobility-wiki-team\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Prefetching? Definition + Explanation - Seobility Wiki","description":"Prefetching is the loading of a resource before the user requests it to optimize page speed and user experience. Learn more...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching","og_locale":"en_US","og_type":"article","og_title":"What is Prefetching? Definition + Explanation - Seobility Wiki","og_description":"Prefetching is the loading of a resource before the user requests it to optimize page speed and user experience. Learn more...","og_url":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching","og_site_name":"Seobility","article_publisher":"https:\/\/www.facebook.com\/seobility.net\/","article_modified_time":"2026-01-15T15:26:06+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/seobility-og-image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@seobility_net","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"ScholarlyArticle","@id":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching#article","isPartOf":{"@id":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching"},"author":{"name":"Seobility Wiki Team","@id":"https:\/\/www.seobility.net\/en\/#\/schema\/person\/c838e66a3b46262b4c963df5cd5b2d8a"},"headline":"Prefetching","datePublished":"2024-11-12T12:39:24+00:00","dateModified":"2026-01-15T15:26:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching"},"wordCount":704,"commentCount":0,"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.seobility.net\/en\/wiki\/Prefetching#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching","url":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching","name":"What is Prefetching? Definition + Explanation - Seobility Wiki","isPartOf":{"@id":"https:\/\/www.seobility.net\/en\/#website"},"datePublished":"2024-11-12T12:39:24+00:00","dateModified":"2026-01-15T15:26:06+00:00","description":"Prefetching is the loading of a resource before the user requests it to optimize page speed and user experience. Learn more...","breadcrumb":{"@id":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seobility.net\/en\/wiki\/Prefetching"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.seobility.net\/en\/wiki\/Prefetching#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.seobility.net\/en\/"},{"@type":"ListItem","position":2,"name":"Wiki","item":"https:\/\/www.seobility.net\/en\/wiki"},{"@type":"ListItem","position":3,"name":"Prefetching","item":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki\/30123"}]},{"@type":"WebSite","@id":"https:\/\/www.seobility.net\/en\/#website","url":"https:\/\/www.seobility.net\/en\/","name":"Seobility","description":"Online SEO Software &amp; Tools For Better Rankings","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seobility.net\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.seobility.net\/en\/#\/schema\/person\/c838e66a3b46262b4c963df5cd5b2d8a","name":"Seobility Wiki Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/Seobility-S-2025-150x150.png","url":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/Seobility-S-2025-150x150.png","contentUrl":"https:\/\/www.seobility.net\/wp-content\/uploads\/2025\/06\/Seobility-S-2025-150x150.png","caption":"Seobility Wiki Team"},"description":"The Seobility Wiki team consists of seasoned SEOs, digital marketing professionals, and business experts with combined hands-on experience in SEO, online marketing and web development. All our articles went through a multi-level editorial process to provide you with the best possible quality and truly helpful information. Learn more about the people behind the Seobility Wiki.","url":"https:\/\/www.seobility.net\/en\/blog\/author\/seobility-wiki-team\/"}]}},"_links":{"self":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki\/30123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki"}],"about":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/types\/wiki"}],"author":[{"embeddable":true,"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/comments?post=30123"}],"version-history":[{"count":0,"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/wiki\/30123\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.seobility.net\/en\/wp-json\/wp\/v2\/media?parent=30123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}