{"id":558,"date":"2015-03-13T10:39:03","date_gmt":"2015-03-13T13:39:03","guid":{"rendered":"http:\/\/www.valuehost.com.br\/blog\/?p=558"},"modified":"2026-02-28T01:55:35","modified_gmt":"2026-02-28T04:55:35","slug":"async-scripts-no-html5","status":"publish","type":"post","link":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/","title":{"rendered":"Async Scripts no HTML5"},"content":{"rendered":"<p>O volume de mudan\u00e7as que a\u00a0nova especifica\u00e7\u00e3o do HTML\u00a0prop\u00f5e para tag &lt;script&gt; \u00e9 pequeno, mas chama aten\u00e7\u00e3o por resolver antigos\u00a0problemas\u00a0de performance.<\/p>\n<p>Nesse artigo vamos entender quais s\u00e3o esses problemas e dar uma passada geral nas mudan\u00e7as que o HTML5 prop\u00f5e para essa tag.<\/p>\n<p><!--more--><\/p>\n<p><!-- more --><\/p>\n<h2>type<\/h2>\n<p>Pra come\u00e7ar, lembra do famoso <em>type=text\/javascript<\/em>?<\/p>\n<p>Ent\u00e3o, pode esquecer ele. A declara\u00e7\u00e3o desse <a href=\"http:\/\/pt.wikipedia.org\/wiki\/MIME\" target=\"_blank\">MIME type<\/a> antes obrigat\u00f3rio no HTML4, se tornou opcional no HTML5, isso \u00e9 claro, se voc\u00ea utilizar javascript ali dentro.<\/p>\n<h2>language<\/h2>\n<p>O antigo atributo <em>language,<\/em> ainda visto em sistemas legados, agora est\u00e1 depreciado devido a nunca ter se tornado um padr\u00e3o de fato.<\/p>\n<h2>O velho problema de performance dos scripts<\/h2>\n<p>Quaisquer arquivos javascript quando carregados utilizando a tag &lt;script&gt;\u00a0s\u00e3o bloqueantes por natureza.<\/p>\n<p>Enquanto \u00e9 feito o download e execu\u00e7\u00e3o do script todo o processo de parser do DOM \u00e9 bloqueado, impedindo a renderiza\u00e7\u00e3o do resto da p\u00e1gina. E olha que isso se aplicada a cada tag de script contida na p\u00e1gina.<\/p>\n<p>A\u00a0<a href=\"http:\/\/www.w3.org\/Protocols\/rfc2616\/rfc2616-sec8.html#sec8.1.4\" target=\"_blank\">especifica\u00e7\u00e3o do HTTP\/1.1<\/a>\u00a0diz que os navegadores n\u00e3o devem proceder com downloads de mais de 2 componentes em paralelo por host.<\/p>\n<p>Uma famosa t\u00e9cnica de otimiza\u00e7\u00e3o de velocidade \u00e9 servir imagens em m\u00faltiplos hosts, assim voc\u00ea consegue mais de dois downloads ocorrendo em paralelo.\u00a0Entretanto, quando se trata de script o browser n\u00e3o ir\u00e1 iniciar nenhum outro download,\u00a0enquanto o script \u00e9 baixado,\u00a0mesmo que em hosts diferentes.<\/p>\n<p>Navegadores antigos, fazem o carregamento dos scripts um ap\u00f3s o outro, veja como funciona no Firefox 3.0.<\/p>\n<p><a href=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lrq5znRVSb1qe32191.gif\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-563\" src=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lrq5znRVSb1qe32191.gif\" alt=\"tumblr_lrq5znRVSb1qe3219\" width=\"498\" height=\"174\" \/><\/a><\/p>\n<p>Alguns browsers j\u00e1 fazem downloads em paralelo, mas o problema de renderiza\u00e7\u00e3o persiste.<\/p>\n<h2>async &amp; defer<\/h2>\n<p>Os atributos booleanos <em>async<\/em> e <em>defer<\/em> v\u00eam para gerenciar exatamente esse tipo de problema. Ou seja, scripts bloqueantes nunca mais.<\/p>\n<p>Para facilitar o entendimento, vou explicar como seria o funcionamento na pr\u00e1tica de cada uma dessas linhas:<\/p>\n<pre class=\"prettyprint lang-html\"><span class=\"tag\">&lt;script<\/span> <span class=\"atn\">src<\/span><span class=\"pun\">=<\/span><span class=\"atv\">\"exemplo.js\"<\/span><span class=\"tag\">&gt;&lt;\/script&gt;<\/span><\/pre>\n<p>A p\u00e1gina aguarda o script terminar de carregar antes de continuar sua renderiza\u00e7\u00e3o e sua\u00a0execu\u00e7\u00e3o \u00e9 feita imediatamente ap\u00f3s. Isso pode aumentar significativamente o tempo de carregamento da p\u00e1gina.<\/p>\n<pre class=\"prettyprint lang-html\"><span class=\"tag\">&lt;script<\/span> <span class=\"atn\">async<\/span> <span class=\"atn\">src<\/span><span class=\"pun\">=<\/span><span class=\"atv\">\"exemplo.js\"<\/span><span class=\"tag\">&gt;&lt;\/script&gt;<\/span><\/pre>\n<p>O download do script \u00e9 feito de forma ass\u00edncrona enquanto o processo de renderiza\u00e7\u00e3o da p\u00e1gina continua a ser feito. O script \u00e9 executado depois que o download estiver completo.<\/p>\n<pre class=\"prettyprint lang-html\"><span class=\"tag\">&lt;script<\/span> <span class=\"atn\">defer<\/span> <span class=\"atn\">src<\/span><span class=\"pun\">=<\/span><span class=\"atv\">\"exemplo.js\"<\/span><span class=\"tag\">&gt;&lt;\/script&gt;<\/span><\/pre>\n<p>Assim como o exemplo acima, o download do script \u00e9 feito de forma ass\u00edncrona. Mas sua execu\u00e7\u00e3o se d\u00e1 apenas quando todo o processo de renderiza\u00e7\u00e3o estiver conclu\u00eddo.<\/p>\n<pre class=\"prettyprint lang-html\"><span class=\"tag\">&lt;script<\/span> <span class=\"atn\">async<\/span> <span class=\"atn\">defer<\/span> <span class=\"atn\">src<\/span><span class=\"pun\">=<\/span><span class=\"atv\">\"exemplo.js\"<\/span><span class=\"tag\">&gt;&lt;\/script&gt;<\/span><\/pre>\n<p>Nesse caso, o <em>async<\/em>\u00a0prevalece e o <em>defer<\/em>\u00a0\u00e9 ignorado.\u00a0Isso possibilita que os desenvolvedores possam usar <em>async<\/em> em browsers que o suportam, mas proporciona um fallback com <em>defer<\/em> para os browsers que n\u00e3o suportam o <em>async<\/em>.<\/p>\n<h2>Compatibilidade<\/h2>\n<p><a href=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroul8WafP1qe32191.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-564\" src=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroul8WafP1qe32191.jpg\" alt=\"tumblr_lroul8WafP1qe3219\" width=\"500\" height=\"100\" srcset=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroul8WafP1qe32191.jpg 500w, https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroul8WafP1qe32191-300x60.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>A implementa\u00e7\u00e3o do atributo <em>async<\/em> continua lenta em alguns navegadores. A Microsoft, por exemplo, s\u00f3 anunciou o suporte para este atributo na vers\u00e3o 10 que nem foi lan\u00e7ada ainda. Melhor do que o Opera que nem previs\u00e3o de suporte oferece.<\/p>\n<p><a href=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroundIovj1qe32191.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-565\" src=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroundIovj1qe32191.jpg\" alt=\"tumblr_lroundIovj1qe3219\" width=\"500\" height=\"100\" srcset=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroundIovj1qe32191.jpg 500w, https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/tumblr_lroundIovj1qe32191-300x60.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>J\u00e1 para o atributo <em>defer<\/em> a hist\u00f3ria \u00e9 outra, sua implementa\u00e7\u00e3o pela\u00a0Microsoft\u00a0\u00e9 antiga e outros players t\u00eam se adaptado h\u00e1 pouco tempo.<\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p>Com essa possibilidade de carregar scripts de forma ass\u00edncrona, seria a morte dos famosos <em>script loaders<\/em>, como\u00a0<a href=\"http:\/\/headjs.com\/\" target=\"_blank\">HeadJS<\/a>\u00a0e o\u00a0LABjs?<\/p>\n<p>Essa \u00e9 uma quest\u00e3o interessante, pois eles chegaram no mercado justamente com o intuito de resolver o problema dos scripts bloqueantes, mas sua perman\u00eancia ainda deve continuar por um bom tempo.<\/p>\n<p>Primeiro por conta do suporte prec\u00e1rio de alguns browsers para essas propriedades e segundo porque eles prop\u00f5e outras funcionalidades bem interessantes. Por exemplo, alguns j\u00e1 combinam todos seus scripts em um s\u00f3, assim apenas uma requisi\u00e7\u00e3o HTTP \u00e9 feita ao servidor, outros possibilitam controles de depend\u00eancia.<\/p>\n<p>O fato \u00e9 que, acabando ou n\u00e3o com os <em>scripts loaders<\/em>, esses atributos por mais simples que pare\u00e7am v\u00e3o proporcionar aplica\u00e7\u00f5es com muito mais performance para todos n\u00f3s. HTML5 sem javascript, \u00e9 como assistir o Tom sem o Jerry, por isso que uma forma otimizada de fazer seu carregamento se mostra t\u00e3o relevante.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O volume de mudan\u00e7as que a\u00a0nova especifica\u00e7\u00e3o do HTML\u00a0prop\u00f5e para tag &lt;script&gt; \u00e9 pequeno, mas chama aten\u00e7\u00e3o por resolver antigos\u00a0problemas\u00a0de performance. Nesse artigo vamos entender quais s\u00e3o esses problemas e dar uma passada geral nas mudan\u00e7as que o HTML5 prop\u00f5e para essa tag.<\/p>\n","protected":false},"author":1,"featured_media":568,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[59],"tags":[244,245,219,246],"class_list":{"0":"post-558","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-webdesign","8":"tag-async","9":"tag-defer","10":"tag-html5","11":"tag-script"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Async Scripts no HTML5 - Blog da ValueHost<\/title>\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.valuehost.com.br\/blog\/async-scripts-no-html5\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Async Scripts no HTML5 - Blog da ValueHost\" \/>\n<meta property=\"og:description\" content=\"O volume de mudan\u00e7as que a\u00a0nova especifica\u00e7\u00e3o do HTML\u00a0prop\u00f5e para tag &lt;script&gt; \u00e9 pequeno, mas chama aten\u00e7\u00e3o por resolver antigos\u00a0problemas\u00a0de performance. Nesse artigo vamos entender quais s\u00e3o esses problemas e dar uma passada geral nas mudan\u00e7as que o HTML5 prop\u00f5e para essa tag.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog da ValueHost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/valuehostbrasil\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-13T13:39:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-28T04:55:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/html5.png\" \/>\n\t<meta property=\"og:image:width\" content=\"831\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@valuehostbrasil\" \/>\n<meta name=\"twitter:site\" content=\"@valuehostbrasil\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/\"},\"author\":{\"name\":\"Administrador\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/6c5c2bfdf39886e117506864a00c479d\"},\"headline\":\"Async Scripts no HTML5\",\"datePublished\":\"2015-03-13T13:39:03+00:00\",\"dateModified\":\"2026-02-28T04:55:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/\"},\"wordCount\":695,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/html5.png\",\"keywords\":[\"async\",\"defer\",\"html5\",\"script\"],\"articleSection\":[\"WebDesign\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/\",\"url\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/\",\"name\":\"Async Scripts no HTML5 - Blog da ValueHost\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/html5.png\",\"datePublished\":\"2015-03-13T13:39:03+00:00\",\"dateModified\":\"2026-02-28T04:55:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/html5.png\",\"contentUrl\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/03\\\/html5.png\",\"width\":831,\"height\":350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/async-scripts-no-html5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Async Scripts no HTML5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/\",\"name\":\"Blog da ValueHost\",\"description\":\"Artigos sobre Hospedagem, Revenda, Linux, VPS, Cloud, Dedicado, Dom\u00ednio, Certificado SSL, Backup, WebDesign, SEO,  Shell, etc\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#organization\",\"name\":\"ValueHost Hospedagem\",\"url\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/logo_valuehost_1024x1024.png\",\"contentUrl\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/logo_valuehost_1024x1024.png\",\"width\":1024,\"height\":1024,\"caption\":\"ValueHost Hospedagem\"},\"image\":{\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/valuehostbrasil\",\"https:\\\/\\\/x.com\\\/valuehostbrasil\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/6c5c2bfdf39886e117506864a00c479d\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/47637a7862f0e39b85e0eaec84ccb39582621378c11b72dc4318f9ca26ad4ff0?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/47637a7862f0e39b85e0eaec84ccb39582621378c11b72dc4318f9ca26ad4ff0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/47637a7862f0e39b85e0eaec84ccb39582621378c11b72dc4318f9ca26ad4ff0?s=96&d=mm&r=g\",\"caption\":\"Administrador\"},\"url\":\"https:\\\/\\\/www.valuehost.com.br\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Async Scripts no HTML5 - Blog da ValueHost","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.valuehost.com.br\/blog\/async-scripts-no-html5\/","og_locale":"pt_BR","og_type":"article","og_title":"Async Scripts no HTML5 - Blog da ValueHost","og_description":"O volume de mudan\u00e7as que a\u00a0nova especifica\u00e7\u00e3o do HTML\u00a0prop\u00f5e para tag &lt;script&gt; \u00e9 pequeno, mas chama aten\u00e7\u00e3o por resolver antigos\u00a0problemas\u00a0de performance. Nesse artigo vamos entender quais s\u00e3o esses problemas e dar uma passada geral nas mudan\u00e7as que o HTML5 prop\u00f5e para essa tag.","og_url":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/","og_site_name":"Blog da ValueHost","article_publisher":"https:\/\/facebook.com\/valuehostbrasil","article_published_time":"2015-03-13T13:39:03+00:00","article_modified_time":"2026-02-28T04:55:35+00:00","og_image":[{"width":831,"height":350,"url":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/html5.png","type":"image\/png"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_creator":"@valuehostbrasil","twitter_site":"@valuehostbrasil","twitter_misc":{"Escrito por":"Administrador","Est. tempo de leitura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#article","isPartOf":{"@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/"},"author":{"name":"Administrador","@id":"https:\/\/www.valuehost.com.br\/blog\/#\/schema\/person\/6c5c2bfdf39886e117506864a00c479d"},"headline":"Async Scripts no HTML5","datePublished":"2015-03-13T13:39:03+00:00","dateModified":"2026-02-28T04:55:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/"},"wordCount":695,"commentCount":1,"publisher":{"@id":"https:\/\/www.valuehost.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/html5.png","keywords":["async","defer","html5","script"],"articleSection":["WebDesign"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/","url":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/","name":"Async Scripts no HTML5 - Blog da ValueHost","isPartOf":{"@id":"https:\/\/www.valuehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#primaryimage"},"image":{"@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/html5.png","datePublished":"2015-03-13T13:39:03+00:00","dateModified":"2026-02-28T04:55:35+00:00","breadcrumb":{"@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#primaryimage","url":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/html5.png","contentUrl":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/03\/html5.png","width":831,"height":350},{"@type":"BreadcrumbList","@id":"https:\/\/www.valuehost.com.br\/blog\/async-scripts-no-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.valuehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Async Scripts no HTML5"}]},{"@type":"WebSite","@id":"https:\/\/www.valuehost.com.br\/blog\/#website","url":"https:\/\/www.valuehost.com.br\/blog\/","name":"Blog da ValueHost","description":"Artigos sobre Hospedagem, Revenda, Linux, VPS, Cloud, Dedicado, Dom\u00ednio, Certificado SSL, Backup, WebDesign, SEO, Shell, etc","publisher":{"@id":"https:\/\/www.valuehost.com.br\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.valuehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.valuehost.com.br\/blog\/#organization","name":"ValueHost Hospedagem","url":"https:\/\/www.valuehost.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.valuehost.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/05\/logo_valuehost_1024x1024.png","contentUrl":"https:\/\/www.valuehost.com.br\/blog\/wp-content\/uploads\/2015\/05\/logo_valuehost_1024x1024.png","width":1024,"height":1024,"caption":"ValueHost Hospedagem"},"image":{"@id":"https:\/\/www.valuehost.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/valuehostbrasil","https:\/\/x.com\/valuehostbrasil"]},{"@type":"Person","@id":"https:\/\/www.valuehost.com.br\/blog\/#\/schema\/person\/6c5c2bfdf39886e117506864a00c479d","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/47637a7862f0e39b85e0eaec84ccb39582621378c11b72dc4318f9ca26ad4ff0?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/47637a7862f0e39b85e0eaec84ccb39582621378c11b72dc4318f9ca26ad4ff0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/47637a7862f0e39b85e0eaec84ccb39582621378c11b72dc4318f9ca26ad4ff0?s=96&d=mm&r=g","caption":"Administrador"},"url":"https:\/\/www.valuehost.com.br\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/558","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=558"}],"version-history":[{"count":0,"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/558\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/media\/568"}],"wp:attachment":[{"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=558"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=558"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.valuehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=558"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}