{"id":3610,"date":"2017-04-24T14:57:16","date_gmt":"2017-04-24T14:57:16","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=3610"},"modified":"2017-04-24T14:59:25","modified_gmt":"2017-04-24T14:59:25","slug":"agencia-de-seo-tlajomulco","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/agencia-de-seo-tlajomulco\/","title":{"rendered":"Agencia de SEO Tlajomulco"},"content":{"rendered":"

Agencia de SEO Tlajomulco<\/h1>\n
\"Agencia<\/a>
Agencia de SEO Tlajomulco<\/em><\/figcaption><\/figure>\n

Agencia de SEO Tlajomulco.\u00a0<\/strong>Normalmente, en el caso de usar el \u201casync\u201d, el sistema funcionar\u00eda como si carg\u00e1semos el script tras un \u201conload\u201d de la p\u00e1gina.<\/p>\n

<script src=\u201dfichero.js\u201d async><\/p>\n

Otra de las formas sencillas de cargar archivos de forma que no queden bloqueados es a trav\u00e9s del uso de JavaScript y elementos del DOM. Para ello podemos usar un sistema bastante sencillo:<\/p>\n

var js = document.createElement(‘script’); js.src = ‘fichero.js’; var head = document.getElementsByTagName(‘head’)[0]; head.appendChild(js);<\/p>\n

En este caso la carga del JavaScript se har\u00e1 desde la propia cabecera del sitio y no se incluir\u00e1 en el pie, como se suele recomendar.<\/p>\n

Aunque, otra opci\u00f3n m\u00e1s avanzada ser\u00eda la de descargar el JavaScript, y, en el momento en el que est\u00e1 descargado el fichero, hacer que el navegador lo cargue y en este momento, si se ha de ejecutar se podr\u00eda hacer sin necesidad de esperar.<\/p>\n

var js = document.createElement(“script”); js.preload = true; js.src = “fichero.js”;\u00a0\u00a0 \/\/aqu\u00ed se descarga js.onpreload = function() {\u00a0 document.body.appendChild(script);\u00a0 \/\/aqu\u00ed se ejecuta };<\/p>\n

De la misma forma, aunque no sea con scripts, Firefox tiene limitaciones con los ficheros CSS, de forma que podr\u00edamos cargarlos mediante un sistema similar.<\/p>\n

var h = document.getElementsByTagName(‘head’)[0]; var link = document.createElement(‘link’); link.href = ‘fichero.css’; link.type = ‘text\/css’; link.rel = ‘stylesheet’; h.appendChild(link);<\/p>\n

A parte de estos m\u00e9todos, podemos encontrar dos formas m\u00e1s para cargar archivos en JavaScript que tampoco bloquean la carga. La primera de ellas es utilizando la funci\u00f3n setTimeout().<\/p>\n

setTimeout(function() {\u00a0 var script = document.createElement(“script”);\u00a0 script.type = “text\/javascript”;\u00a0 script.src = “archivo.js”;<\/p>\n

WEB PERFORMANCE OPTIMIZATION<\/h4>\n

document.getElementsByTagName(“head”)[0].appendChild(script); }, 0);<\/p>\n

Al cargar el setTimeout() con un tiempo de 0 lo que hacemos es cargarlo en cuando se lea el c\u00f3digo de una forma as\u00edncrona.<\/p>\n

La otra forma es la carga cuando la ventana se haya acabado de cargar, es decir, cuando se haya acabado de renderizar el c\u00f3digo.<\/p>\n

window.onload = function() {\u00a0 var script = document.createElement(“script”);\u00a0 script.type = “text\/javascript”;\u00a0 script.src = “archivo.js”;\u00a0 document.getElementsByTagName(“head”)[0].appendChild(script); };<\/p>\n

Agencia de SEO Tlajomulco.<\/strong><\/p>\n

#Posicionamientoweb #Optimizaci\u00f3nenbuscadores #SEO<\/p>\n","protected":false},"excerpt":{"rendered":"

Agencia de SEO Tlajomulco Agencia de SEO Tlajomulco.\u00a0Normalmente, en el caso de usar el \u201casync\u201d, el sistema funcionar\u00eda como si carg\u00e1semos el script tras un \u201conload\u201d de la p\u00e1gina. <script src=\u201dfichero.js\u201d async> Otra de las formas sencillas de cargar archivos de forma que no queden bloqueados es a trav\u00e9s del uso de JavaScript y elementos …<\/p>\n

Agencia de SEO Tlajomulco<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":3575,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[58,20],"tags":[591,486,485,112,498,120,502,510],"class_list":["post-3610","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-web","category-seo","tag-agencia-de-seo-tlajomulco","tag-optimizacion-en-buscadores-df","tag-optimizacion-en-buscadores-guadalajara","tag-search-engine-optimization","tag-search-engine-optimization-df","tag-seo-google","tag-seo-google-df","tag-seo-google-guadalajara"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=3610"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3610\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/3575"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=3610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=3610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=3610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}