{"id":19375,"date":"2025-03-21T20:06:12","date_gmt":"2025-03-22T04:06:12","guid":{"rendered":"https:\/\/ahrefs.com\/blog\/es\/?p=19375"},"modified":"2025-03-21T20:09:53","modified_gmt":"2025-03-22T04:09:53","slug":"atributo-fetchpriority","status":"publish","type":"post","link":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/","title":{"rendered":"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu&nbsp;web"},"content":{"rendered":"<div class=\"intro-txt\">El <em>Fetch Priority <\/em>o mejor dicho a nivel t\u00e9cnico, <em>fetchpriority<\/em>, es un atributo de HTML para mejorar el rendimiento de una web y que es aceptado por todos los navegadores modernos desde el a\u00f1o&nbsp;2024.<\/div>\n<p>Y este atributo, que a\u00fan se pasa por alto en una gran parte de webs, puede marcar la diferencia que te haga mejorar el WPO de una&nbsp;web.<\/p>\n<p>El WPO, <em>Web Performance Optimization<\/em>, traducido del ingl\u00e9s \u201cOptimizaci\u00f3n del rendimiento de una web\u201d consiste en buscar e implementar formas de hacer que una web vaya m\u00e1s r\u00e1pida y fluida, sin que haya perjuicio en el contenido que acabar\u00e1 recibiendo el usuario.<\/p>\n<p>Un aspecto que se suele ignorar a la hora de trabajar el WPO es el hecho de que no todo consiste en mejorar cada uno de los elementos que se descarga el usuario. El orden en el que se descargan y ejecutan los elementos en el navegador tambi\u00e9n es una parte crucial a la hora de mejorar la experiencia del usuario y la sensaci\u00f3n de velocidad y rapidez.<\/p>\n<p>Es por ello que los SEO t\u00e9cnicos solemos jugar mucho con las precargas y las cargas diferidas.<\/p>\n<p>Normalmente, el orden por defecto viene dado por lo que va encontrando el navegador al descargar el HTML inicial, y a esos recursos les asigna una prioridad, dependiendo tambi\u00e9n del peso y el tipo de elemento. Los navegadores suelen hacer esto de forma predeterminada con el objeto de intentar generar la mejor experiencia, pero no siempre lo hacen de la forma m\u00e1s \u00f3ptima.<\/p>\n<p>Adem\u00e1s de otro tipo de precargas como el <em>preload<\/em>, <em>prefetch<\/em> y el <em>preconnect<\/em>, existe una precarga llamada <em>FetchPriority<\/em> que se inserta en las <a href=\"https:\/\/ahrefs.com\/blog\/es\/etiquetas-html\/\">etiquetas HTML<\/a> como atributo.<\/p>\n<p>Sin embargo, este atributo es dif\u00edcil de entender y de ejecutar de una forma correcta, as\u00ed que lo voy a simplificar para que sea entendible.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"\u00bfQu\u00e9 hace el Fetch Priority?\" data-section=\"que-hace-fetch-priority\">\n<h2><strong>\u00bfQu\u00e9 hace el <\/strong><strong><em>Fetch Priority<\/em><\/strong><strong>?<\/strong><\/h2>\n<\/div><\/div>\n<p>El <em>Fetch Priority<\/em> altera la prioridad que se le da por defecto a un elemento marcado por HTML y se debe hacer dependiendo de lo relevante y prioritario que sea dicho elemento en la carga de recursos.<\/p>\n<p>Un aspecto importante a destacar es que los navegadores, a pesar de ser buenos estableciendo prioridades, a veces no son conscientes de la prioridad del elemento hasta que llegan a \u00e9l y, en ocasiones, sea en lo inicial o en el cambio, le asignan una prioridad incorrecta.<\/p>\n<p>\u00bfQuieres ver la prioridad que tienen los elementos en tu&nbsp;web?<\/p>\n<p>Puedes utilizar <em>Chrome Devtools &gt; red &gt; Icono con forma de tuerca &gt; Fila de solicitudes Grandes<\/em> y si le das a mostrar la columna de prioridad te saldr\u00e1 la diferencia entre la prioridad inicial y la&nbsp;final.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19381\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg\" alt=\"Ajustes en Chrome Devtools\" width=\"1911\" height=\"585\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg 1911w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools-680x208.jpg 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools-768x235.jpg 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools-1536x470.jpg 1536w\" sizes=\"auto, (max-width: 1911px) 100vw, 1911px\"><\/p>\n<p>Si te preguntas para qu\u00e9 nos puede servir esta informaci\u00f3n, es precisamente para tener idea de qu\u00e9 elementos pueden tener m\u00e1s necesidad de este cambio de prioridad, sum\u00e1ndose evidentemente a nuestros conocimientos para saber establecer un buen criterio.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Prioridades de los elementos\" data-section=\"prioridades-elementos\">\n<h2><strong>Prioridades de los elementos<\/strong><\/h2>\n<\/div><\/div>\n<p>Se debe entender la prioridad con la que un navegador carga por defecto los elementos, ya que antes de querer utilizar un modificador tan potente, debemos entender con qu\u00e9 prioridad suele cargar cada elemento.<\/p>\n<p>La prioridad \u201csuperalta\u201d y \u201calta\u201d son las que se activan en la fase de \u201cbloqueo de dise\u00f1o\u201d por lo que debemos tener cuidado de no sobrecargalo de recursos.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"C\u00f3mo usar fetch priority\" data-section=\"como-usar-fetch-priority\">\n<h2><strong>C\u00f3mo usar <\/strong><strong><em>fetch priority<\/em><\/strong><\/h2>\n<\/div><\/div>\n<p>Ser\u00eda simplemente un atributo de HTML para los elementos <em>link<\/em>, <em>img<\/em> o <em>script<\/em>, que adem\u00e1s suelen ser los que traen los archivos multimedia m\u00e1s pesados.<\/p>\n<p><em>Para la etiqueta Iframe no hay documentaci\u00f3n al respecto. Mientras que el loading lazy s\u00ed que funciona para iframe en la mayor\u00eda de navegadores, no parece tener el est\u00e1ndar para fetchpriority.<\/em><\/p>\n<p>El atributo <em>fetch priority<\/em> solo tiene 3 valores posibles:<\/p>\n<ul>\n<li>auto: Configuraci\u00f3n predeterminada, no se selecciona una prioridad en espec\u00edfico y se le deja la elecci\u00f3n al navegador.<\/li>\n<li>high: Carga el elemento como una <strong>alta prioridad relativa a los recursos del mismo tipo<\/strong>.<\/li>\n<li>low: Carga el elemento como una <strong>baja prioridad relativa a los recursos del mismo tipo<\/strong>.<\/li>\n<\/ul>\n<p>Ejemplos:<\/p>\n<p><code>&lt;img src=\"\/images\/logo.svg\" fetchpriority=\"high\"&gt;<\/code><\/p>\n<p><code>&lt;link href=\"\/css\/estilos.css\" fetchpriority=\"low\"&gt;<\/code><\/p>\n<p><code>&lt;script src=\"javascript.js\" fetchpriority=\"high\"&gt;&lt;\/script&gt;<\/code><\/p>\n<p><strong>Cabe destacar que el impacto de fetchPriority en esa prioridad depende completamente del navegador utilizado.<\/strong><\/p>\n<p>Es decir, se trata de un est\u00e1ndar de HTML que cada navegador tomar\u00e1 en cuenta, ya que es una sugerencia, no una directiva. El navegador intenta respetar la preferencia del desarrollador, pero tambi\u00e9n puede aplicar sus preferencias de prioridad de recursos para resolver conflictos.<\/p>\n<p>Estos elementos tienen su propia designaci\u00f3n autom\u00e1tica y, por defecto, su prioridad de carga. A continuaci\u00f3n a\u00f1ado una tabla de c\u00f3mo designa la prioridad <em>chrome<\/em> y c\u00f3mo afectan estos atributos, pues si, por ejemplo, hay una etiqueta link con un CSS en el <em>head<\/em>, por medio del atributo <em>fetchpriority low<\/em> no bajaremos su prioridad para que cargue despu\u00e9s de la fase de bloqueo del dise\u00f1o.<\/p>\n<p>Para entender mejor la tabla que se ver\u00e1 a continuaci\u00f3n, para entender la prioridad que tiene cada elemento y c\u00f3mo la podemos modificar, vamos a dividir estas 5 prioridades en dos fases, la que sucede en el LBP (Layout Blocking Phase) y la que sucede despu\u00e9s del&nbsp;LBP.<\/p>\n<p>La <strong>Layout Blocking Phase<\/strong> (fase de bloqueo del dise\u00f1o) en una web se refiere a la parte del proceso de renderizado en la que el navegador retrasa la presentaci\u00f3n visual de la p\u00e1gina debido a la carga y ejecuci\u00f3n de ciertos recursos, especialmente CSS y scripts que afectan al dise\u00f1o.<\/p>\n<p>Quiere decir que podemos cambiar la prioridad de elementos para que se carguen antes de que suceda la muestra visual para mejorar el CLS o despu\u00e9s, para posponer la carga del elemento y no afectar al&nbsp;LCP.<\/p>\n<p><strong>Como cada elemento tiene una prioridad predeterminada distinta <\/strong>y <strong>no podemos cambiar la prioridad de cada elemento a voluntad<\/strong>, en su defecto, podemos hacer una sugerencia y contamos con un rango de \u201cmovimiento de prioridad\u201d dependiendo del elemento. Veamos c\u00f3mo podemos jugar con cada uno de&nbsp;ellos.<\/p>\n<div id=\"attachment_19382\" style=\"width: 906px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-19382\" class=\"wp-image-19382 size-full\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/2-tabla-fetchpriority.png\" alt=\"Tabla de movimientos de prioridad en fetchpriority\" width=\"896\" height=\"697\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/2-tabla-fetchpriority.png 896w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/2-tabla-fetchpriority-546x425.png 546w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/2-tabla-fetchpriority-768x597.png 768w\" sizes=\"auto, (max-width: 896px) 100vw, 896px\"><p id=\"caption-attachment-19382\" class=\"wp-caption-text\">Tabla extra\u00edda y modificada de web.dev<\/p><\/div>\n<p>Leyenda e infograf\u00eda:<\/p>\n<ul>\n<li>\u25c9: La prioridad que tiene el elemento de <strong>forma predeterminada.<\/strong><\/li>\n<li>\u2b06: La prioridad que tendr\u00eda el elemento si se le a\u00f1ade un <strong>fetchpriority=\u201dhigh\u201d<\/strong><\/li>\n<li>\u2b07: La prioridad que tendr\u00eda el elemento si se le a\u00f1ade un <strong>fetchpriority=\u201dlow\u201d<\/strong><\/li>\n<li>** <strong>Early <\/strong>es cuando el elemento se carga <strong>antes <\/strong>de cualquier <strong>imagen <\/strong>no precargada. Y, por el contrario, <strong>Late <\/strong>es cuando el elemento carga <strong>despu\u00e9s <\/strong>de alguna <strong>imagen <\/strong>que no haya sido precargada.<\/li>\n<li>*** El <strong>@media que no afecta<\/strong>, es el CSS que no es ejecutado por las propias restricciones designadas. Ejemplo: si es un @media de m\u00e1ximo 1.200px de ancho y entramos con una pantalla de 1800px de ancho, ser\u00eda un @media que no nos afecta.<\/li>\n<\/ul>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Situaciones claras donde implementarlo\" data-section=\"situaciones-claras-donde-implementarlo\">\n<h3><strong>Situaciones claras donde implementarlo<\/strong><\/h3>\n<\/div><\/div>\n<p>Aunque existen tantas opciones como webs, te muestro unas cuantas.<\/p>\n<h4><strong>High<\/strong><\/h4>\n<ul>\n<li>Logotipos en la barra de navegaci\u00f3n. Claramente, quieres que se vean pronto, pero tal vez no sea tan prioritario como para un <em>preload<\/em>.<\/li>\n<li><em>Scripts<\/em> que necesiten prioridad pero no tanta como para un <em>preload<\/em>.<\/li>\n<li>Im\u00e1genes fuera del<em> viewport<\/em> o que no forman parte de las 5 primeras im\u00e1genes, pero afectan al&nbsp;LCP.<\/li>\n<\/ul>\n<h4><strong>Low<\/strong><\/h4>\n<ul>\n<li>Im\u00e1genes que cargan al hacer <em>hover<\/em> en la barra de navegaci\u00f3n. Pues el <em>loading-lazy<\/em> no funcionar\u00e1 de forma correcta, ya que realmente se muestran en el <em>viewport<\/em>.<\/li>\n<li>Im\u00e1genes escondidas en un carrusel inicial.<\/li>\n<li><em>Scripts<\/em> de an\u00e1lisis, especialmente cuando no es tan importante adquirir una cifra exacta del porcentaje de rebote.<\/li>\n<li><em>Scripts<\/em> en el <em>head<\/em> incluso con <em>async,<\/em> cuando se tiene poca prisa en su ejecuci\u00f3n.<\/li>\n<li>CSS destinado solo a cuando la web se imprime.<\/li>\n<li><em>Preloads<\/em> que son menos prioritarios que otros <em>preloads<\/em> (contradictorio pero no&nbsp;mucho).<\/li>\n<\/ul>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Diferencias entre preload y Fetch Priority\" data-section=\"diferencias-entre-preload-fetch-priority\">\n<h3><strong>Diferencias entre <\/strong><strong><em>preload<\/em><\/strong><strong> y <\/strong><strong><em>Fetch Priority<\/em><\/strong><\/h3>\n<\/div><\/div>\n<p>El <strong>preload <\/strong>permite informar al navegador de los recursos que quieres descargar y cargar antes de que el navegador llegue a ellos y los descubra de forma natural, muy \u00fatil por ejemplo para las fuentes que cargamos mediante un archivo de CSS externo, as\u00ed podemos descargar y cargar las fuentes mientras se llega a ese proceso.<\/p>\n<p>Sin embargo, no siempre es conveniente hacer esta precarga y lo \u00fanico que queremos es indicar, cuando llegue el navegador a un recurso, si tiene importancia inicialmente o&nbsp;no.<\/p>\n<p>Es importante diferenciar la prioridad de carga con un <em>preload<\/em>, ya&nbsp;que:<\/p>\n<p><strong>La precarga no es opcional, es obligatoria.<\/strong><\/p>\n<ul>\n<li>Cuando usas <code>&lt;link rel=\"preload\"&gt;<\/code>, le est\u00e1s diciendo al navegador que <strong>s\u00ed o s\u00ed<\/strong> tiene que descargar ese recurso, no es solo una sugerencia.<\/li>\n<\/ul>\n<p><strong>La precarga adelanta la descarga, pero no cambia la prioridad.<\/strong><\/p>\n<ul>\n<li>El navegador detecta antes el recurso y lo empieza a descargar, pero lo hace con la prioridad que tendr\u00eda normalmente seg\u00fan su tipo (as=\u201cscript\u201d, as=\u201cimage\u201d, etc.).<\/li>\n<\/ul>\n<p><strong>fetchpriority<\/strong><strong> solo cambia la prioridad, pero no la visibilidad.<\/strong><\/p>\n<ul>\n<li>Si quieres que un recurso se descargue antes, usa preload. Si solo quieres que el navegador le d\u00e9 m\u00e1s o menos importancia sin adelantar su descarga, usa <code>fetchpriority<\/code>.<\/li>\n<\/ul>\n<p>A veces convendr\u00e1 m\u00e1s el <em>fetch priority<\/em> y otras el <em>preload<\/em>, depender\u00e1 de la situaci\u00f3n.<\/p>\n<h4><strong>\u00bfSe pueden combinar?<\/strong><\/h4>\n<p>Aunque en la documentaci\u00f3n de Google dice que s\u00ed, no es una implementaci\u00f3n del todo recomendable.<\/p>\n<p>Un <em>preload<\/em> con un <em>fetchpriority<\/em> resulta contradictorio y se debe hacer con mucho cuidado y llevar a cabo una investigaci\u00f3n en local del proyecto para ver si de verdad esa implementaci\u00f3n es \u00f3ptima y necesaria (en todos los navegadores que utilizan tus usuarios).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19383\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/3-preload-fetchpriority.png\" alt=\"Un preload con un fetchpriority\" width=\"990\" height=\"359\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/3-preload-fetchpriority.png 990w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/3-preload-fetchpriority-680x247.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/3-preload-fetchpriority-768x278.png 768w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\"><\/p>\n<p>Al margen de que la implementaci\u00f3n de <em>script<\/em> subyacente no deber\u00eda unirse junto al atributo en la documentaci\u00f3n, ya que abarcan temas ligeramente distintos, lo que se indica en lo subrayado de la documentaci\u00f3n es como un \u201cquiero que descargue el recurso antes de que se necesite en el DOM\u201d pero \u201cquiero que la prioridad sea baja\u201d. Es decir, un \u201cs\u00e9 prioritario, pero no&nbsp;mucho\u201d.<\/p>\n<p>Si bien podr\u00eda servir para desmarcar un poco de prioridad entre los recursos prioritarios, no es la implementaci\u00f3n m\u00e1s necesaria ni recomendable. Si algo es prioritario lo es, y si no, no debe serlo. Si quieres bajar el nivel de prioridad a un elemento, deber\u00edas plantearte si necesita un <em>preload<\/em>.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Diferencias entre loading lazy y Fetch Priority\" data-section=\"diferencias-entre-loading-lazy-fetch-priority\">\n<h3><strong>Diferencias entre <\/strong><strong><em>loading lazy<\/em><\/strong><strong> y <\/strong><strong><em>Fetch Priority<\/em><\/strong><\/h3>\n<\/div><\/div>\n<p>Podemos decir que el atributo <strong>loading <\/strong>marca <strong>cu\u00e1ndo <\/strong>debe extraerse el elemento, mientras que el fetch <strong>priority <\/strong>marca <strong>qu\u00e9 importancia<\/strong> tiene extraerlo.<\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Navegadores compatibles\" data-section=\"navegadores-compatibles\">\n<h2><strong>Navegadores compatibles<\/strong><\/h2>\n<\/div><\/div>\n<p>Seg\u00fan CanIUse tiene compatibilidad con los navegadores m\u00e1s utilizados y modernos:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19384\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/4-link-fetchpriority.png\" alt=\"Seg\u00fan CanIUse tiene compatibilidad con los navegadores m\u00e1s utilizados y modernos\" width=\"1585\" height=\"564\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/4-link-fetchpriority.png 1585w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/4-link-fetchpriority-680x242.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/4-link-fetchpriority-768x273.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/4-link-fetchpriority-1536x547.png 1536w\" sizes=\"auto, (max-width: 1585px) 100vw, 1585px\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-19385 size-full\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/5-headers.png\" alt=\"Fetchpriority y compatibilidad con los navegadores m\u00e1s utilizados\" width=\"1565\" height=\"492\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/5-headers.png 1565w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/5-headers-680x214.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/5-headers-768x241.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/5-headers-1536x483.png 1536w\" sizes=\"auto, (max-width: 1565px) 100vw, 1565px\"><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-19386\" src=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/6-html-element.png\" alt=\"Fetchpriority y compatibilidad con los navegadores m\u00e1s utilizados\" width=\"1553\" height=\"545\" srcset=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/6-html-element.png 1553w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/6-html-element-680x239.png 680w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/6-html-element-768x270.png 768w, https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/6-html-element-1536x539.png 1536w\" sizes=\"auto, (max-width: 1553px) 100vw, 1553px\"><\/p>\n<div class=\"post-nav-link clearfix\" id=\"section1\"><a class=\"subhead-anchor\" data-tip=\"tooltip__copielink\" rel=\"#section1\"><svg width=\"19\" height=\"19\" viewBox=\"0 0 14 14\" style><g fill=\"none\" fill-rule=\"evenodd\"><path d=\"M0 0h14v14H0z\" \/><path d=\"M7.45 9.887l-1.62 1.621c-.92.92-2.418.92-3.338 0a2.364 2.364 0 0 1 0-3.339l1.62-1.62-1.273-1.272-1.62 1.62a4.161 4.161 0 1 0 5.885 5.884l1.62-1.62L7.45 9.886zM5.527 5.135L7.17 3.492c.92-.92 2.418-.92 3.339 0 .92.92.92 2.418 0 3.339L8.866 8.473l1.272 1.273 1.644-1.643A4.161 4.161 0 1 0 5.897 2.22L4.254 3.863l1.272 1.272zm-.66 3.998a.749.749 0 0 1 0-1.06l2.208-2.206a.749.749 0 1 1 1.06 1.06L5.928 9.133a.75.75 0 0 1-1.061 0z\" style \/><\/g><\/svg><\/a><div class=\"link-text\" data-anchor=\"Importante saber\" data-section=\"importante-saber\">\n<h2><strong>Importante saber:<\/strong><\/h2>\n<\/div><\/div>\n<ul>\n<li>Es posible que un CDN no vuelva a priorizar los recursos en un orden especificado y de lugar a problemas.<\/li>\n<li>Esta implementaci\u00f3n, salvo en situaciones claras, no es necesario realizarla en el desarrollo inicial, sino que el ensayo y error, y la propia experiencia de los usuarios, nos permite ver cu\u00e1ndo es \u00fatil emplearlo.<\/li>\n<li>Tambi\u00e9n hay una configuraci\u00f3n llamada <em>priority<\/em> para la API <em>Fetch<\/em> de JavaScript, en este art\u00edculo solo se habla del atributo de HTML para las etiquetas IMG, Link y Script.<\/li>\n<\/ul>\n<div class=\"further-reading\"><div class=\"reading-title\">Lecturas complementarias<\/div><div class=\"reading-content\">\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLScriptElement\/fetchPriority\">HTMLScriptElement: fetchPriority property<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/HTMLLinkElement\/fetchPriority\">HTMLLinkElement: fetchPriority property<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/articles\/fetch-priority?hl=es-419\">Optimiza la carga de recursos con la API de Fetch Priority<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n<h2><strong>Reflexiones finales<\/strong><\/h2>\n<p><em>Fecthpriority<\/em> es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.<\/p>\n<p>No es un atributo que haya que implementar siempre, pero puede resultar de gran utilidad, por ejemplo para im\u00e1genes ocultas en una barra de navegaci\u00f3n o <em>sliders<\/em>, o para <em>Scripts<\/em> que cargan despu\u00e9s de un elemento para poder funcionar, pero que su c\u00f3digo afecta al dise\u00f1o y no queremos una mala experiencia del usuario.<\/p>\n<p>El mundo del WPO es largo y complejo, y conocer todas estas herramientas que nos hacen ganar \u201cminipuntos\u201d en el rendimiento nos permiten contar con flexibilidad en nuestras estrategias para optimizar webs y que sigan siendo r\u00e1pidas sin perder funcionalidad.<\/p>\n<p>\u00bfTienes preguntas?&nbsp;<a href=\"https:\/\/twitter.com\/AhrefsES\">Estamos en X<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Y este atributo, que a\u00fan se pasa por alto en una gran parte de webs, puede marcar la diferencia que te haga mejorar el WPO de una&nbsp;web. El WPO, Web Performance Optimization, traducido del ingl\u00e9s \u201cOptimizaci\u00f3n del rendimiento de una<span class=\"ellipsis\">\u2026<\/span><\/p>\n<div class=\"read-more\">Leer m\u00e1s \u203a<\/div>\n<p><!-- end of .read-more --><\/p>\n","protected":false},"author":50,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"footnotes":""},"categories":[9],"tags":[],"coauthors":[82],"class_list":["post-19375","post","type-post","status-publish","format-standard","hentry","category-technical-seo","odd"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu web<\/title>\n<meta name=\"description\" content=\"Fecthpriority es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu web\" \/>\n<meta property=\"og:description\" content=\"Fecthpriority es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de SEO de Ahrefs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Ahrefs\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-22T04:06:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-22T04:09:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1911\" \/>\n\t<meta property=\"og:image:height\" content=\"585\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Carlos Sanchez\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ahrefs\" \/>\n<meta name=\"twitter:site\" content=\"@ahrefs\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/\"},\"author\":{\"name\":\"Carlos Sanchez\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/8f252ed97fbdff6752fd0d771fcdef0b\"},\"headline\":\"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu&nbsp;web\",\"datePublished\":\"2025-03-22T04:06:12+00:00\",\"dateModified\":\"2025-03-22T04:09:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/\"},\"wordCount\":2153,\"image\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/como-usar-el-atributo-fetchpriority-para-by-carlos-sanchez-technical-seo.jpg\",\"articleSection\":[\"SEO T\u00e9cnico\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/\",\"name\":\"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu web\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1-chrome-dev-tools.jpg\",\"datePublished\":\"2025-03-22T04:06:12+00:00\",\"dateModified\":\"2025-03-22T04:09:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/8f252ed97fbdff6752fd0d771fcdef0b\"},\"description\":\"Fecthpriority es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/atributo-fetchpriority\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1-chrome-dev-tools.jpg\",\"contentUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/1-chrome-dev-tools.jpg\",\"width\":1911,\"height\":585,\"caption\":\"Ajustes en Chrome Devtools\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/\",\"name\":\"Blog de SEO de Ahrefs\",\"description\":\"Estrategias de link building y consejos de posicionamiento SEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/#\\\/schema\\\/person\\\/8f252ed97fbdff6752fd0d771fcdef0b\",\"name\":\"Carlos Sanchez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/carlos-sanchez-cara.jpg7829a97e0c6ddee1bd16fa28762b9c20\",\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/carlos-sanchez-cara.jpg\",\"contentUrl\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/carlos-sanchez-cara.jpg\",\"caption\":\"Carlos Sanchez\"},\"url\":\"https:\\\/\\\/ahrefs.com\\\/blog\\\/es\\\/author\\\/carlos-sanchez\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu web","description":"Fecthpriority es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.","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:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu web","og_description":"Fecthpriority es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.","og_url":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/","og_site_name":"Blog de SEO de Ahrefs","article_publisher":"https:\/\/www.facebook.com\/Ahrefs","article_published_time":"2025-03-22T04:06:12+00:00","article_modified_time":"2025-03-22T04:09:53+00:00","og_image":[{"width":1911,"height":585,"url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg","type":"image\/jpeg"}],"author":"Carlos Sanchez","twitter_card":"summary_large_image","twitter_creator":"@ahrefs","twitter_site":"@ahrefs","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/#article","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/"},"author":{"name":"Carlos Sanchez","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/8f252ed97fbdff6752fd0d771fcdef0b"},"headline":"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu&nbsp;web","datePublished":"2025-03-22T04:06:12+00:00","dateModified":"2025-03-22T04:09:53+00:00","mainEntityOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/"},"wordCount":2153,"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/como-usar-el-atributo-fetchpriority-para-by-carlos-sanchez-technical-seo.jpg","articleSection":["SEO T\u00e9cnico"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/","url":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/","name":"C\u00f3mo usar el atributo fetchpriority para mejorar el rendimiento de tu web","isPartOf":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/#primaryimage"},"image":{"@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/#primaryimage"},"thumbnailUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg","datePublished":"2025-03-22T04:06:12+00:00","dateModified":"2025-03-22T04:09:53+00:00","author":{"@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/8f252ed97fbdff6752fd0d771fcdef0b"},"description":"Fecthpriority es una herramienta m\u00e1s para mejorar la velocidad y rendimiento de nuestras webs, gracias a la estandarizaci\u00f3n de estos atributos por parte de los principales navegadores web.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/atributo-fetchpriority\/#primaryimage","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2025\/03\/1-chrome-dev-tools.jpg","width":1911,"height":585,"caption":"Ajustes en Chrome Devtools"},{"@type":"WebSite","@id":"https:\/\/ahrefs.com\/blog\/es\/#website","url":"https:\/\/ahrefs.com\/blog\/es\/","name":"Blog de SEO de Ahrefs","description":"Estrategias de link building y consejos de posicionamiento SEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ahrefs.com\/blog\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/ahrefs.com\/blog\/es\/#\/schema\/person\/8f252ed97fbdff6752fd0d771fcdef0b","name":"Carlos Sanchez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2024\/07\/carlos-sanchez-cara.jpg7829a97e0c6ddee1bd16fa28762b9c20","url":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2024\/07\/carlos-sanchez-cara.jpg","contentUrl":"https:\/\/ahrefs.com\/blog\/es\/wp-content\/uploads\/2024\/07\/carlos-sanchez-cara.jpg","caption":"Carlos Sanchez"},"url":"https:\/\/ahrefs.com\/blog\/es\/author\/carlos-sanchez\/"}]}},"as_json":null,"json_reviewers":[30],"_links":{"self":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/19375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/comments?post=19375"}],"version-history":[{"count":0,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/posts\/19375\/revisions"}],"wp:attachment":[{"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/media?parent=19375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/categories?post=19375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/tags?post=19375"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/ahrefs.com\/blog\/es\/wp-json\/wp\/v2\/coauthors?post=19375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}