Acelere o carregamento de suas páginas

Muita coisa já foi escrita sobre este assunto, originalmente em português temos o renomado guia Como perder peso no browser cujos autores são feras e a série intitulada Performance front-end aqui mesmo no Tableless. As iniciativas gringas são muitas com destaque ao YSlow e às práticas do Yahoo! para melhorar performance. Neste ponto, se ainda continua

Muita coisa já foi escrita sobre este assunto, originalmente em português temos o renomado guia Como perder peso no browser cujos autores são feras e a série intitulada Performance front-end aqui mesmo no Tableless. As iniciativas gringas são muitas com destaque ao YSlow e às práticas do Yahoo! para melhorar performance.

Neste ponto, se ainda continua nesta leitura, você deve estar se perguntando se existe alguma técnica que não é coberta por alguma destas referências. Há sim. Porém já deixo o aviso, o que veremos a seguir não substitui outras técnicas voltadas a ganho de performance, assim como muitas outras, é apenas uma técnica complementar.

Carregamento especulativo

Uma tentativa de acelerar o carregamento já foi vendida no Brasil como uma funcionalidade incrível creditada a discadores de internet. Sim, discadores. Os pacotes de software incluíam um navegador especial. A função deste era identificar os hiperlinks já no carregamento da página e requisitar por eles sem que o usuário tomasse conhecimento. Assim, quando o usuário seguisse algum hiperlink, o seu conteúdo já estava disponível.

O resultado desta técnica é um tanto desastroso por duas perspectivas. Muito do conteúdo requisitado nunca era utilizado desperdiçando banda de internet e processamento do cliente e servidor. E em segundo, porque já naquele tempo as páginas faziam mal uso de hiperlinks para operar manipulação e exclusão de recursos.

Esta técnica já não é mais utilizada, provando que requisitar mais do que se precisa não é uma solução inteligente.

Carregando apenas conteúdo

Nas aplicações tradicionais, o carregamento de JavaScript e CSS, nossos assets, despendem até metade do tempo total de carregamento da página. Se considerarmos que, para tirar proveito do cache, estes assets serão os mesmos em diferentes páginas. O próximo passo é reaproveitar uma única página durante a navegação.

A técnica consiste em alterar o comportamento padrão dos hyperlinks fazendo com que o endereço indicado no atributo href seja requisitado assincronamente. O resultado da requisição é analisado e apenas o conteúdo de interesse é substituído. O principal ganho de performance se deve ao fato das folhas de estilo e scripts não serem requisitados durante a navegação.

Bibliotecas

jQuery PJAX

Criada por um dos fundadores do GitHub, a biblioteca PJAX implementa a técnica utilizando jQuery. Para testar seu funcionamento, basta navegar por um repositório no próprio GitHub.

A biblioteca permite indicar quais hyperlinks terão seu comportamento modificado e qual o container que deve ser utilizado para depositar o conteúdo retornado pela requisição. O conteúdo retornado pela requisição deve ser tratado no back-end para retornar estritamente o que precisa ser depositado no container. Isto é possível graças a um cabeçalho adicionado a requisição que garante sua identificação no back-end. Mesmo que a intenção seja substituir o , é aconselhado remover o mantendo apenas a tag </code>. Isto garante um ganho de performance ainda mais significativo.</p> <h4 id="turbolinks">Turbolinks</h4> <p>O Turbolinks é um misto de biblioteca JavaScript e código <em>back-end</em> que implementa a  técnica de carregamento de conteúdo no Ruby on Rails sem depender de jQuery. A <em>gem</em>, como são chamados os pacotes de Ruby, é padrão a partir da versão 4.0 do <em>framework</em>.</p> <p>A biblioteca foi desenvolvida pela 37Signals para ser utilizada na versão <em>mobile</em> do seu principal produto, o Campfire. O que atesta que a técnica é praticável em dispositivos móveis modernos.</p> <p>Diferente da biblioteca PJAX, o Turbolinks não permite que seja configurado o <em>container</em> de destino do conteúdo, todo o conteúdo do <code></code> é substituído. Por causa disto, a aplicação não precisa sofrer nenhuma modificação no seu <em>back-end</em> para utilizar a <em>gem</em>: o conteúdo esperado é o mesmo de uma requisição tradicional de página. Como veremos a seguir, os desafios para se utilizar o Turbolinks e mesmo a PJAX, residem no <em>front-end</em> da aplicação</p> <h3 id="como-a-técnica-é-possível">Como a técnica é possível</h3> <p>Requisições assíncronas já são usadas frequentemente e enfrentam praticamente nenhum problema de suporte. Nos primórdios, <em>iframes</em> e API de <code>ActiveXObject</code> eram usados para possibilitar este tipo de requisição. Atualmente, grande parte dos navegadores suportam a API de <code>XMLHttpRequest</code> apesar da <a href="https://www.w3.org/TR/XMLHttpRequest">especificação estar em rascunho desde 2006</a>.</p> <p>Note que a técnica é fundamentalmente calcada na mudança da barra de endereço sem que resulte no carregamento de uma nova página. A barra de endereço está intimamente ligada com a seção de histórico onde os navegadores armazenam as páginas acessadas. Antigamente, este histórico podia apenas ser retrocedido e avançado através da interface JavaScript <code>window.history</code>.</p> <p>Uma nova especificação, associada com o <a href="https://www.w3.org/TR/2011/WD-html5-20110113/history.html">HTML5</a>, permite manipular o histórico e consequentemente a barra de endereço. Como se trata de uma funcionalidade nova, seu <a href="https://caniuse.com/#feat=history">suporte é restrito a navegadores modernos</a>. As bibliotecas PJAX e Turbolinks fazem uma <strong>detecção da funcionalidade</strong> e operam no modelo de navegação tradicional caso esta não esteja disponível.</p> <p>A nova API de <em>history</em> permite adicionar novas entradas com a função <code>window.history.pushState</code>. A função recebe os parâmetros <code>data</code> e <code>title</code>, utilizados para referenciar esta entrada no histórico. O último parâmetro <code>url</code> se trata do endereço a ser mostrado na barra de endereço. A API também define um evento <code>popstate</code> que permite identificar quando o usuário navega por entradas adicionadas ao histórico. Vejamos o funcionamento com um exemplo:</p> <pre><code>window.addEventListener('popstate', function(event) { console.log(event.state); }, false window.history.pushState({ tableless: 'sample' }, 'Fake Post', 'https://tableless.com.br/fake-post'); </code></pre> <p>Como já observamos, a execução da função <code>pushState</code> irá adicionar uma entrada no histórico de navegação e alterar a barra de endereço para <em><a href="https://tableless.com.br/fake-post">https://tableless.com.br/fake-post</a></em>. Na ocasião de o usuário retroceder o histórico de navegação, a barra de endereço será alterada para seu endereço inicial e o evento <code>popstate</code> será disparado. O valor da propriedade <code>state</code> do evento é aquele definido pelo parâmetro <code>data</code> na chamada de <code>pushState</code>. O <em>console</em> será preenchido com <code>Object {tableless: "sample"}</code>.</p> <p>Dependendo da implementação da API no navegador, o evento <code>popstate</code> será disparado logo no carregamento da página. Neste caso, o <em>console</em> será preenchido com <code>undefined</code>.</p> <h3 id="dicas-importantes">Dicas importantes</h3> <p>Fazendo uso das bibliotecas, seu projeto ser tornará uma aplicação que carrega suas páginas assincronamente. Um pré requisito para o que discutiremos a seguir é compreender o comportamento dos <em>scripts</em>. Sempre que um <em>script</em> não é disponibilizado no documento, a única maneira de executá-lo é através da API do DOM. Nestes casos, o seu carregamento será assíncrono e sua execução é condicionada ao término do <em>download</em>. Note, <strong>não há garantia de ordem de execução quando temos mais de um script</strong>.</p> <h4 id="jquery-pjax-1">jQuery PJAX</h4> <p>A biblioteca analisa o conteúdo retornado pela requisição a procura de <em>scripts</em>. Caso o arquivo indicado pelo <code>src</code> ainda não faça parte da aplicação, o <em>script</em> é adicionado ao <code></code>. <strong>Apenas estes serão executados sem garantia de ordem</strong>.</p> <p>O ideal é incluir os <em>scripts</em> no <code></code> e assistir aos eventos <code>pjax:start</code> e <code>pjax:end</code>, disparados imediatamente antes e depois de alterar o conteúdo,  para atribuir e remover comportamentos. Entenda que a biblioteca mantém em <em>cache</em> todos os conteúdos requisitados para agilizar a navegação pelo histórico. Isto matém ativos os comportamentos atribuídos. O impacto é ainda maior se o conteúdo assiste a eventos do <code></code> ou outros objetos globais. A remoção dos comportamentos passa a ser de extrema importância para evitar <em>memory leaks</em>.</p> <h4 id="turbolinks-1">Turbolinks</h4> <p>A biblioteca <strong>executa todos os <em>scripts</em> contidos no <code></code></strong> sem garantia de ordem. Um dos problemas mais comuns se dá quando a biblioteca é ativada em aplicações que seguem a boa prática de inserir os <em>scripts</em> antes do <code></code>. Os <em>scripts</em> que tenham alguma dependência, <em>plugins</em> jQuery, por exemplo, passam a depender da sorte para funcionar. A solução é mover os <em>scripts</em> para o <code></code> ou marcar aqueles que não devem ser executados com o atributo <code>data-turbolinks-eval</code> igual a <code>false</code>.</p> <p>Uma prática comum quando posicionamos <em>scripts</em> no <code></code> é acessar o DOM utilizando funções como <code>jQuery.ready </code>para garantir que já esteja acessível. O maior impacto no uso do Turbolinks é que eventos de <em>load</em> não serão mais disparados durante a navegação, <code>jQuery.ready </code>não irá funcionar. A biblioteca dispara os eventos <code>page:receive</code> e <code>page:load</code> antes e depois de alterar o conteúdo. Os comportamentos precisam ser atribuídos com base nestes eventos.</p> <p>A biblioteca ainda permite que os <em>assets</em> que contenham o atributo <code>data-turbolinks-track</code> sejam analisados a cada requisição. Caso uma mudanças seja identificada, a página é completamente recarregada.</p> <p>Assim como a PJAX, o Turbolinks também implementa uma estratégia de <em>cache</em>. O conteúdo, quando trazido imediatamente do <em>cache</em>, dispara o evento <code>page:restore</code>. Em seguida, para atualizar o conteúdo, a requisição é refeita. Todas as mudanças de conteúdo, que sempre serão duas nestes casos, são seguidas dos eventos <code>page:change</code> e <code>page:update</code>.</p> <p>Gerenciar todos estes eventos pode ser complicado, ainda mais se já estiver acostumado a utilizar <code>jQuery.ready</code>. A solução é adotar o <em>plugin</em> <a href="https://github.com/kossnocorp/jquery.turbolinks">jQuery Turbolinks</a>. Mas não se esqueça, a mesma dica de remoção dos comportamentos mencionada na seção a respeito da PJAX são válidas aqui para evitar <em>memory leaks</em>.</p> <p>Um último desafio é fazer com que outras bibliotecas JavaScript sejam compatíveis com o Turbolinks. Serviços comuns como Google Analytics e <em>widgets</em> do Facebook e Twitter podem não funcionar adequadamente. Um projeto muito interessante chamado <a href="https://reed.github.io/turbolinks-compatibility">Turbolinks Compatibility</a> apresenta estratégias para tornar compatível uma série de bibliotecas.</p> <h3 id="futuro-das-bibliotecas">Futuro das bibliotecas</h3> <p>Formulários ainda são um problema, o Turbolinks não endereça este caso de uso e o PJAX apenas o faz de maneira experimental. O agravante é maior quando o formulário inclui envio de arquivos.</p> <p>A especificação em rascunho do XMLHttpRequest Level 2 permite o envio de arquivos com informação de progresso através de requisições assíncronas. Esta é uma funcionalidade muito interessante para aplicações que fazem <em>upload</em> de muitos arquivos em série, por exemplo. O <a href="https://caniuse.com/xhr2">suporte da API</a> já é muito bom em navegadores modernos.</p> <h2 id="conclusão">Conclusão</h2> <p>A biblioteca PJAX é uma alternativa muito boa por permitir atualizar seções específicas da página. Ao mesmo tempo, para uma implementação inicial, a biblioteca permite também o carregamento total do conteúdo da página.</p> <p>Turbolinks é uma ótima alternativa para implementar a técnica de carregamento de conteúdo em aplicações Ruby on Rails. Se você quiser ir um pouco além, podendo inclusive enviar formulários, a biblioteca <a href="https://github.com/igor-alexandrov/wiselinks">Wiselinks</a> pode ser uma ótima tentativa.</p> <h3 id="evoluindo-ainda-mais-a-sua-aplicação">Evoluindo ainda mais a sua aplicação</h3> <p>Talvez não pareça tão natural, mas o próximo passo é utilizar uma biblioteca como o Backbone.js. Através dela é possível gerenciar cada um dos <em>containers</em> que podem sofrer atualização de conteúdo através do construtor <code>Backbone.View</code>.</p> <p>Os endereços serão gerenciados pelo <code>Backbone.Router</code> que inclusive utiliza <code>window.history.pushState</code>. Note a semelhança, todas as páginas que o roteador conhece devem ser implementadas no <em>back-end</em> para quando o usuário acessar o endereço diretamente. O Backbone.js ainda disponibiliza os construtores de <code>Model</code> e <code>Collection</code> para gerenciar os dados da sua aplicação.</p> <h3 id="por-fim">Por fim</h3> <p>Os ganhos em rapidez de carregamento podem ser bastante significativos, mas a aplicação precisa ser repensada e adequada. É preciso testar constantemente a aplicação em busca de <em>memory leaks</em>.  Apenas adicionar uma das bibliotecas de carregamento de conteúdo assíncrono e esperar que tudo funcione não é uma alternativa. Mas não deixe de tentar, o usuário agradece.</p> </section> </div> <div class="clearfix"></div> <div class="single-shares"><div class="social-shares social-icons clearfix social-color social-btn"><a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftableless.com.br%2Facelere-o-carregamento-de-suas-paginas%2F" rel="nofollow" target="_blank" class="social-icon s-facebook"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></span><span class="icon-text">Share</span></a><a href="https://twitter.com/intent/tweet/?text=Acelere+o+carregamento+de+suas+p%C3%A1ginas&url=https%3A%2F%2Ftableless.com.br%2Facelere-o-carregamento-de-suas-paginas%2F" rel="nofollow" target="_blank" class="social-icon s-twitter"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"/></svg></span><span class="icon-text">Tweet</span></a><a href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Ftableless.com.br%2Facelere-o-carregamento-de-suas-paginas%2F&description=Acelere+o+carregamento+de+suas+p%C3%A1ginas&media=" rel="nofollow" target="_blank" class="social-icon s-pinterest"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"/></svg></span><span class="icon-text">Pin</span></a><a href="https://telegram.me/share/url?text=Acelere+o+carregamento+de+suas+p%C3%A1ginas&url=https%3A%2F%2Ftableless.com.br%2Facelere-o-carregamento-de-suas-paginas%2F" rel="nofollow" target="_blank" class="social-icon s-telegram"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z"/></svg></span><span class="icon-text">Share</span></a></div></div> <div class="element-article article-nav clearfix"> <nav class="entry-navigation"> <div class="entry-navigation-left"> <a href="https://tableless.com.br/6-dicas-para-se-dar-bem-em-freelas-e-trabalhos-remotos/" rel="prev"><div class='nav-post'><div class='nav-desc'><span class="nav-item-text">Artigo Anterior</span><h5>6 dicas para se dar bem em freelas e trabalhos remotos</h5></div></div></a> </div> <div class="entry-navigation-right"> <a href="https://tableless.com.br/imagens-responsivas-de-alta-performance/" rel="next"><div class='nav-post'><div class='nav-desc'><span class="nav-item-text">Próximo Artigo</span><h5>Imagens Responsivas de Alta Performance</h5></div></div></a> </div> </nav> </div> <div class="element-article article-author clearfix"></div> <div class="element-article article-comments clearfix"> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title h2">Deixe um comentário <small><a rel="nofollow" id="cancel-comment-reply-link" href="/acelere-o-carregamento-de-suas-paginas/#respond" style="display:none;"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z"/></svg></span></a></small></h3><form action="https://tableless.com.br/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">O seu endereço de e-mail não será publicado.</span> <span class="required-field-message">Campos obrigatórios são marcados com <span class="required">*</span></span></p><p class="comment-form-comment"><textarea id="comment" name="comment" placeholder="Seu comentário" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-url"><input id="url" name="url" type="text" value="" placeholder="Website" size="30" maxlength="200" /></p> <p class="comment-form-author"><input id="author" name="author" type="text" value="" placeholder="Your Name *" size="30" maxlength="245" required='required' /></p> <p class="comment-form-email"><input id="email" name="email" type="text" value="" placeholder="Your Email *" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Salvar meus dados neste navegador para a próxima vez que eu comentar.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar comentário" /> <input type='hidden' name='comment_post_ID' value='6341' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div> </div> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","dateCreated":"2014-03-25T00:00:00-03:00","datePublished":"2014-03-25T00:00:00-03:00","dateModified":"2024-01-18T15:24:43-03:00","headline":"Acelere o carregamento de suas p\u00e1ginas","name":"Acelere o carregamento de suas p\u00e1ginas","keywords":[],"url":"https:\/\/tableless.com.br\/acelere-o-carregamento-de-suas-paginas\/","description":"Muita coisa j\u00e1 foi escrita sobre este assunto, originalmente em portugu\u00eas temos o renomado guia Como perder peso no browser","copyrightYear":"2014","publisher":{"@id":"#Publisher","@type":"Organization","name":"Tableless","logo":{"@type":"ImageObject","url":"https:\/\/tableless.com.br\/wp-content\/uploads\/2024\/01\/logo-tableless.svg"}},"sourceOrganization":{"@id":"#Publisher"},"copyrightHolder":{"@id":"#Publisher"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/tableless.com.br\/acelere-o-carregamento-de-suas-paginas\/"},"author":{"@type":"Person","name":"Jean Carlo Emer","url":"https:\/\/tableless.com.br\/author\/jean-carlo-emer\/"},"articleSection":"JavaScript,T\u00e9cnicas e Pr\u00e1ticas"}</script> </main><!-- #main --> <aside id="secondary" class="site-bar"> <div class="sidebar-inner"> <div data-elementor-type="wp-post" data-elementor-id="4283" class="elementor elementor-4283"> <section class="elementor-section elementor-top-section elementor-element elementor-element-946ed99 elementor-section-height-default elementor-section-height-default section-boxed is-skin bg-light bg-no columns-no bg-no" data-id="946ed99" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-160a1a0 columns-nosticky" data-id="160a1a0" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-8c4e2f6 elementor-widget elementor-widget-block-heading" data-id="8c4e2f6" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style8 heading-left"><h4 class="heading-main h4"><span class="heading-text">Categorias</span></h4></div> </div> </div> <div class="elementor-element elementor-element-8504fb2 elementor-widget elementor-widget-tax-grid" data-id="8504fb2" data-element_type="widget" data-widget_type="tax-grid.default"> <div class="elementor-widget-container"> <div class="tax-grid"> <div class="tax-item"><div class="term-box box-vertical-center"> <div class="bg-dark box-holder"> <div class="box-holder-img"> </div> <div class="post-desc"> <div class="post-desc-inner"> <h3 class="term-title h6"> <span class="term-name">Workshops e Eventos</span><span class="term-count">(1)</span> </h3> </div> </div> <a class="box-url" href="https://tableless.com.br/category/workshops-e-eventos/" title="Workshops e Eventos"></a> </div> </div> </div><div class="tax-item"><div class="term-box box-vertical-center"> <div class="bg-dark box-holder"> <div class="box-holder-img"> </div> <div class="post-desc"> <div class="post-desc-inner"> <h3 class="term-title h6"> <span class="term-name">Wordpress</span><span class="term-count">(41)</span> </h3> </div> </div> <a class="box-url" href="https://tableless.com.br/category/wordpress/" title="Wordpress"></a> </div> </div> </div><div class="tax-item"><div class="term-box box-vertical-center"> <div class="bg-dark box-holder"> <div class="box-holder-img"> </div> <div class="post-desc"> <div class="post-desc-inner"> <h3 class="term-title h6"> <span class="term-name">Weekly</span><span class="term-count">(5)</span> </h3> </div> </div> <a class="box-url" href="https://tableless.com.br/category/weekly/" title="Weekly"></a> </div> </div> </div><div class="tax-item"><div class="term-box box-vertical-center"> <div class="bg-dark box-holder"> <div class="box-holder-img"> </div> <div class="post-desc"> <div class="post-desc-inner"> <h3 class="term-title h6"> <span class="term-name">webgl</span><span class="term-count">(1)</span> </h3> </div> </div> <a class="box-url" href="https://tableless.com.br/category/webgl/" title="webgl"></a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-19b2675 elementor-widget elementor-widget-posts-small" data-id="19b2675" data-element_type="widget" data-widget_type="posts-small.default"> <div class="elementor-widget-container"> <div id="th90-block_3" class="th90-block posts-module posts-small posts-columns columns1 hspace-small vspace-medium" data-current="1"> <div class="heading-wrap heading-style8 heading-left"><h4 class="heading-main h4"><span class="heading-text">Mais lidos</span></h4></div> <div class="posts-container"> <div class="posts-list clearfix post-list-columns"><div class="post-item post-secondary"> <article class="post-layout post-small post-small-reverse format-standard"> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/como-fazer-desenhos-no-imessage-no-ios-17/" title="Como fazer desenhos no iMessage no iOS 17">Como fazer desenhos no iMessage no iOS 17</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/como-fazer-desenhos-no-imessage-no-ios-17/"><span>13 de junho de 2024</span></a></div><div class="meta-color meta-views"><a class="meta-color" href="https://tableless.com.br/como-fazer-desenhos-no-imessage-no-ios-17/"><span>94,0 Visualizações</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small post-small-reverse format-standard"> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/mark-zuckerberg-meta-quer-criar-inteligencia-artificial-geral/" title="Mark Zuckerberg: Meta quer criar inteligência artificial geral">Mark Zuckerberg: Meta quer criar inteligência artificial geral</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/mark-zuckerberg-meta-quer-criar-inteligencia-artificial-geral/"><span>13 de junho de 2024</span></a></div><div class="meta-color meta-views"><a class="meta-color" href="https://tableless.com.br/mark-zuckerberg-meta-quer-criar-inteligencia-artificial-geral/"><span>147,0 Visualizações</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small post-small-reverse format-standard"> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/o-que-da-pra-fazer-com-500-pontos-no-enem/" title="O que dá pra fazer com 500 pontos no Enem?">O que dá pra fazer com 500 pontos no Enem?</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/o-que-da-pra-fazer-com-500-pontos-no-enem/"><span>12 de junho de 2024</span></a></div><div class="meta-color meta-views"><a class="meta-color" href="https://tableless.com.br/o-que-da-pra-fazer-com-500-pontos-no-enem/"><span>95,0 Visualizações</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small post-small-reverse format-standard"> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/iphone-16-tudo-o-que-voce-precisa-saber-sobre-o-proximo-grande-lancamento-do-iphone-2/" title="iPhone 16: tudo o que você precisa saber sobre o próximo grande lançamento do iPhone">iPhone 16: tudo o que você precisa saber sobre o próximo grande lançamento do iPhone</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/iphone-16-tudo-o-que-voce-precisa-saber-sobre-o-proximo-grande-lancamento-do-iphone-2/"><span>12 de junho de 2024</span></a></div><div class="meta-color meta-views"><a class="meta-color" href="https://tableless.com.br/iphone-16-tudo-o-que-voce-precisa-saber-sobre-o-proximo-grande-lancamento-do-iphone-2/"><span>248,0 Visualizações</span></a></div></div></div> </article> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-999a515 elementor-widget elementor-widget-block-heading" data-id="999a515" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style8 heading-left"><h4 class="heading-main h4"><span class="heading-text">Redes Sociais</span></h4></div> </div> </div> <div class="elementor-element elementor-element-fdb86ff counters-col2 elementor-widget elementor-widget-social-counters" data-id="fdb86ff" data-element_type="widget" data-widget_type="social-counters.default"> <div class="elementor-widget-container"> <div class="social-counters social-icons counters-style2"> <div class="social-counter"> <a class="counter-facebook" href="#" target="_blank" > <span class="counter-icon social-icon s-facebook"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></span></span> <span class="counter-desc"> <span class="counter-count">53,5K</span> <span class="counter-text">Facebook</span> </span> </a> </div> <div class="social-counter"> <a class="counter-twitter" href="#" target="_blank" > <span class="counter-icon social-icon s-twitter"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"/></svg></span></span> <span class="counter-desc"> <span class="counter-count">17,4K</span> <span class="counter-text">Twitter</span> </span> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-f84faf2 elementor-widget elementor-widget-block-heading" data-id="f84faf2" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style8 heading-left"><h4 class="heading-main h4"><span class="heading-text">Tags</span></h4></div> </div> </div> <div class="elementor-element elementor-element-97af926 elementor-widget elementor-widget-tax-cloud" data-id="97af926" data-element_type="widget" data-widget_type="tax-cloud.default"> <div class="elementor-widget-container"> <div class="tax-cloud tagcloud"> <a class="term-cloud" href="https://tableless.com.br/tag/zepto/" title="zepto"> <div class="cloud-title">zepto</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/zend-framework/" title="Zend Framework"> <div class="cloud-title">Zend Framework</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/zen-coding/" title="zen coding"> <div class="cloud-title">zen coding</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/zeldman/" title="zeldman"> <div class="cloud-title">zeldman</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/z-index/" title="z-index"> <div class="cloud-title">z-index</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/yith-woocommerce-request-a-quote/" title="YITH WooCommerce Request A Quote"> <div class="cloud-title">YITH WooCommerce Request A Quote</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/yarn/" title="yarn"> <div class="cloud-title">yarn</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/yahoo/" title="yahoo"> <div class="cloud-title">yahoo</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/xunit/" title="xUnit"> <div class="cloud-title">xUnit</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/xslt/" title="xslt"> <div class="cloud-title">xslt</div> </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> </aside><!-- #secondary --> </div> <!-- .section-inner --> </div> <!-- .container --> <div class="article-section article-section-bottom"> <div data-elementor-type="wp-post" data-elementor-id="4453" class="elementor elementor-4453"> <section class="elementor-section elementor-top-section elementor-element elementor-element-c9b6991 elementor-section-height-default elementor-section-height-default section-boxed is-skin bg-light bg-no columns-no bg-no" data-id="c9b6991" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-75042eb columns-nosticky" data-id="75042eb" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-22ad126 elementor-widget elementor-widget-posts-blog" data-id="22ad126" data-element_type="widget" data-widget_type="posts-blog.default"> <div class="elementor-widget-container"> <div id="th90-block_5" class="th90-block posts-module posts-grid posts-columns columns4 hspace-medium vspace-small" data-current="1"> <div class="heading-wrap heading-style8 heading-left"><h2 class="heading-main h2"><span class="heading-text">Deverá gostar também</span></h2></div> <div class="posts-container"> <div class="posts-list clearfix post-list-columns"><div class="post-item post-primary post-medium"> <article class="post-layout post-medium format-standard"> <div class="post-desc"> <div class="post-desc-inner"> <div class="entry-header"> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/paginacao-com-javascript-e-jquery/"><span>29 de junho de 2016</span></a></div><div class="meta-comments"><a href="https://tableless.com.br/paginacao-com-javascript-e-jquery/#respond" class="meta-color"><span>0 Comentário</span></a></div></div> <h3 class="entry-title h5"> <a href="https://tableless.com.br/paginacao-com-javascript-e-jquery/" title="Paginação com JavaScript e jQuery">Paginação com JavaScript e jQuery</a> </h3> </div> </div> </div> </article> </div> <div class="post-item post-primary post-medium"> <article class="post-layout post-medium format-standard"> <div class="post-desc"> <div class="post-desc-inner"> <div class="entry-header"> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/uma-visao-detalhada-sobre-instanciacao-de-variaveis-no-javascript/"><span>9 de dezembro de 2015</span></a></div><div class="meta-comments"><a href="https://tableless.com.br/uma-visao-detalhada-sobre-instanciacao-de-variaveis-no-javascript/#respond" class="meta-color"><span>0 Comentário</span></a></div></div> <h3 class="entry-title h5"> <a href="https://tableless.com.br/uma-visao-detalhada-sobre-instanciacao-de-variaveis-no-javascript/" title="Uma visão detalhada sobre instanciação de variaveis no JavaScript">Uma visão detalhada sobre instanciação de variaveis no JavaScript</a> </h3> </div> </div> </div> </article> </div> <div class="post-item post-primary post-medium"> <article class="post-layout post-medium format-standard"> <div class="post-desc"> <div class="post-desc-inner"> <div class="entry-header"> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/produtividade-e-tomates/"><span>26 de maio de 2014</span></a></div><div class="meta-comments"><a href="https://tableless.com.br/produtividade-e-tomates/#respond" class="meta-color"><span>0 Comentário</span></a></div></div> <h3 class="entry-title h5"> <a href="https://tableless.com.br/produtividade-e-tomates/" title="Produtividade e Tomates">Produtividade e Tomates</a> </h3> </div> </div> </div> </article> </div> <div class="post-item post-primary post-medium"> <article class="post-layout post-medium format-standard"> <div class="post-desc"> <div class="post-desc-inner"> <div class="entry-header"> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/plugins-jquery-e-bibliotecas-javascript-para-e-commerces/"><span>26 de fevereiro de 2013</span></a></div><div class="meta-comments"><a href="https://tableless.com.br/plugins-jquery-e-bibliotecas-javascript-para-e-commerces/#respond" class="meta-color"><span>0 Comentário</span></a></div></div> <h3 class="entry-title h5"> <a href="https://tableless.com.br/plugins-jquery-e-bibliotecas-javascript-para-e-commerces/" title="Plugins jQuery e bibliotecas JavaScript para e-commerces">Plugins jQuery e bibliotecas JavaScript para e-commerces</a> </h3> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </article><!-- #post-6341 --> </div> </div> <div id="single-point-ajax" class="single-point-ajax"></div> </div><!-- #primary --> </div><!-- #content --> <footer id="colophon"> <div class="site-section"> <div data-elementor-type="wp-post" data-elementor-id="3740" class="elementor elementor-3740"> <section class="elementor-section elementor-top-section elementor-element elementor-element-f1773e8 bg-second elementor-section-height-default elementor-section-height-default section-boxed is-skin bg-light columns-no bg-no" data-id="f1773e8" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-6c97618 columns-nosticky" data-id="6c97618" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-1764694 elementor-widget elementor-widget-logo" data-id="1764694" data-element_type="widget" data-widget_type="logo.default"> <div class="elementor-widget-container"> <a href="https://tableless.com.br/" class="logo-site logo" title="Tableless"><img class="logo-img" alt="Tableless" src="https://tableless.com.br/wp-content/uploads/2024/01/logo-tableless.svg" width="191" height="42" srcset="https://tableless.com.br/wp-content/uploads/2024/01/logo-tableless.svg 1x, https://tableless.com.br/wp-content/uploads/2024/01/logo-tableless.svg 2x"></a><a href="https://tableless.com.br/" class="logo-site logo_dark" title="Tableless"><img class="logo-img" alt="Tableless" src="https://tableless.com.br/wp-content/uploads/2024/01/logo-tableless.svg" width="191" height="42" srcset="https://tableless.com.br/wp-content/uploads/2024/01/logo-tableless.svg 1x, https://tableless.com.br/wp-content/uploads/2024/01/logo-tableless.svg 2x"></a> </div> </div> <div class="elementor-element elementor-element-5152575 elementor-widget elementor-widget-text-editor" data-id="5152575" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.18.0 - 20-12-2023 */ .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <p>O Tableless é um site sobre tecnologia. Nosso projeto iniciou-se em 2003 sobre desenvolvimento Web e hoje abrange as mais diversas áreas da tecnologia.</p> </div> </div> <div class="elementor-element elementor-element-1cbc429 social-inline elementor-widget elementor-widget-social" data-id="1cbc429" data-element_type="widget" data-widget_type="social.default"> <div class="elementor-widget-container"> <div class="social-icons social-color social-medium social-circle clearfix"><a class="social-icon s-facebook" href="https://facebook.com/tablelessbr" title="facebook" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></span></a><a class="social-icon s-twitter" href="https://twitter.com/tableless" title="twitter" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"/></svg></span></a><a class="social-icon s-linkedin" href="#" title="linkedin" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg></span></a><a class="social-icon s-youtube" href="#" title="youtube" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></span></a><a class="social-icon s-instagram" href="#" title="instagram" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></span></a></div> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-e1f442f columns-nosticky" data-id="e1f442f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-f6a8fc6 elementor-widget elementor-widget-block-heading" data-id="f6a8fc6" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style1 heading-left"><h4 class="heading-main h4"><span class="heading-text">Links Úteis</span></h4></div> </div> </div> <div class="elementor-element elementor-element-7b174c5 custom-list-block list-icon-yes elementor-widget elementor-widget-custom-list" data-id="7b174c5" data-element_type="widget" data-widget_type="custom-list.default"> <div class="elementor-widget-container"> <ul class="custom-list"><li> <a href="https://tableless.com.br/anuncie/"> Anuncie </a> </li><li> <a href="https://tableless.com.br/sobre-nos/"> Sobre nós </a> </li><li> <a href="#"> Termos de Uso </a> </li><li> <a href="https://tableless.com.br/contato/"> Contato </a> </li><li> <a href="https://tableless.com.br/politica-de-privacidade/"> Politica de Privacidade </a> </li></ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-6920e76 columns-nosticky" data-id="6920e76" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-dc891b8 elementor-widget elementor-widget-posts-small" data-id="dc891b8" data-element_type="widget" data-widget_type="posts-small.default"> <div class="elementor-widget-container"> <div id="th90-block_6" class="th90-block posts-module posts-small posts-columns columns1 hspace-small vspace-medium" data-current="1"> <div class="heading-wrap heading-style1 heading-left"><h4 class="heading-main h4"><span class="heading-text">Últimos Conteúdos</span></h4></div> <div class="posts-container"> <div class="posts-list clearfix post-list-columns"><div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos/" title="Blumhouse Games promete ser a editora de terror dos nossos pesadelos"><div class="thumb-container thumb-100"><img width="480" height="251" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-480x251.jpeg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-480x251.jpeg 480w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-300x157.jpeg 300w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-200x105.jpeg 200w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-768x402.jpeg 768w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-260x136.jpeg 260w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos.jpeg 900w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h6"> <a href="https://tableless.com.br/blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos/" title="Blumhouse Games promete ser a editora de terror dos nossos pesadelos">Blumhouse Games promete ser a editora de terror dos nossos pesadelos</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos/"><span>14 de junho de 2024</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes/" title="Os novos animais de estimação de Diablo IV causam grandes problemas para os Necromantes"><div class="thumb-container thumb-100"><img width="480" height="270" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-480x270.jpg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-480x270.jpg 480w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-300x169.jpg 300w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-200x112.jpg 200w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-768x432.jpg 768w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-260x146.jpg 260w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes.jpg 900w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h6"> <a href="https://tableless.com.br/os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes/" title="Os novos animais de estimação de Diablo IV causam grandes problemas para os Necromantes">Os novos animais de estimação de Diablo IV causam grandes problemas para os Necromantes</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes/"><span>14 de junho de 2024</span></a></div></div></div> </article> </div> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-aab0771 columns-nosticky" data-id="aab0771" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-6288b88 elementor-widget elementor-widget-block-heading" data-id="6288b88" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style1 heading-left"><h4 class="heading-main h4"><span class="heading-text">Gestão</span></h4></div> </div> </div> <div class="elementor-element elementor-element-fb07309 elementor-widget elementor-widget-text-editor" data-id="fb07309" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> Este blog é gerenciado pela <a href="https://webtrends.net.br" rel="nofollow" target=_blank>Webtrends Marketing Digital</a>. </div> </div> </div> </div> </div> </section> </div> </div> <div class="site-section site-footer"> <div data-elementor-type="wp-post" data-elementor-id="3758" class="elementor elementor-3758"> <section class="elementor-section elementor-top-section elementor-element elementor-element-9d3d20a elementor-section-content-middle bg-second bg-custom bgcolor-#EAEAEA elementor-section-height-default elementor-section-height-default section-boxed is-skin bg-light columns-no bg-no" data-id="9d3d20a" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-99c70bb columns-nosticky" data-id="99c70bb" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-5de1fa7 custom-list-inline elementor-widget elementor-widget-custom-list" data-id="5de1fa7" data-element_type="widget" data-widget_type="custom-list.default"> <div class="elementor-widget-container"> <ul id="custom-copyright-section" class="custom-list"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9994"><a href="#"><span class="menu-text">Desenvolvimento</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10027"><a href="#"><span class="menu-text">Geral</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10093"><a href="https://tableless.com.br/category/smartphones/"><span class="menu-text">Smartphones</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10114"><a href="https://tableless.com.br/category/apple/"><span class="menu-text">Apple</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10405"><a href="https://tableless.com.br/category/inteligencia-artificial/"><span class="menu-text">IA</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1851"><a href="#"><span class="menu-text">Contato</span></a></li> </ul> </div> </div> </div> </div> <div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b99770e columns-nosticky" data-id="b99770e" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-fe8a9bb text-center elementor-widget elementor-widget-copyright" data-id="fe8a9bb" data-element_type="widget" data-widget_type="copyright.default"> <div class="elementor-widget-container"> <div class="copyright-wrapper"> <span>Copyright © 2024 Tableless | Todos os direitos reservados.</span> </div> </div> </div> </div> </div> </div> </section> </div> </div> </footer> </div> <!-- #page --> <div class="search-popup bg-light"> <div class="container"> <div class="row"> <div class="section-inner"> <div class="search-popup-form"> <form role="search" method="get" class="search-form" action="https://tableless.com.br/"> <input type="search" id="search-form-6671f99900015" placeholder="Type & Enter ..." class="search-input" value="" name="s"> <button type="submit" class="search-button"> <span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"/></svg></span> </button> </form> <div class="popup-close"> <div class="search-popup-close close-icon"></div> </div> </div> </div> </div> </div> </div> <div class="search-overlay"></div> <div class="newsletter-popup"> <div class="newsletter-overlay"></div> <div class="th90-newsletter text-center newsletter-style1"> <div class="newsletter-img"> </div> <div class="newsletter-content newsletter-inner text-center"> <div class="popup-close"> <div class="newsletter-popup-close close-icon"></div> </div> <h3 class="newsletter-title">Subscribe Newsletter</h3> <p class="newsletter-desc"> Get our latest news straight into your inbox </p> <div class="newsletter-form form-style1"> </div> </div> </div> </div> <aside class="offcanvas is-skin bg-light showfrom-left"> <div class="offcanvas-inner"> <div class="offcanvas-close-wrap"> <div class="popup-close"> <div class="offcanvas-close close-icon"></div> </div> </div> <div class="offcanvas-background box-holder-img"></div> <div data-elementor-type="wp-post" data-elementor-id="4239" class="elementor elementor-4239"> <section class="elementor-section elementor-top-section elementor-element elementor-element-1d86eb4 is-skin bg-inherit elementor-section-height-default elementor-section-height-default section-boxed bg-no columns-no bg-no" data-id="1d86eb4" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-48e9a7f columns-nosticky" data-id="48e9a7f" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-eeca3f8 elementor-widget elementor-widget-logo" data-id="eeca3f8" data-element_type="widget" data-widget_type="logo.default"> <div class="elementor-widget-container"> <a href="https://tableless.com.br/" class="logo-site logo-site-svg logo" title="Tableless"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155 31"><path d="m5.848 29.695.163-.653c-1.216.124-2.334-.728-2.334-1.92 0-1.001.787-1.63 1.792-1.63 1.282 0 2.237.782 2.91 1.508l4.512-5.026-.503-.503-1.174 1.341a7.695 7.695 0 0 0-4.298-2.196V6.668c.096.153.191.31.285.47L18.927 27h1.324V6.415c2.399-.176 4.465-1.748 4.465-4.165a3.78 3.78 0 0 0-.425-1.745l-.478-.012c-.107 1.05-.97 1.835-2.132 1.835-1.252 0-2.142-.762-2.721-1.496L18.27.82l-4.36 5.038.503.504 1.337-1.494c.833.79 2.073 1.417 3.52 1.541v11.544L10.856 3.866C9.92 2.29 8.99.466 6.441.466c-2.42 0-4.383 2.079-4.383 4.619 0 .32.032.638.096.951l.672.168c0-1.184.558-1.871 1.556-1.871.515 0 1.04.385 1.554.974v4.745h-.047c-2.331 0-4.22 1.75-4.22 3.948a3.33 3.33 0 0 0 2.474 3.24l.175-.49a.967.967 0 0 1-.456-.82c0-.878.806-1.14 1.698-1.14h.376v5.744H5.9C3 20.534.61 22.45.61 25.28c0 3.09 2.781 4.817 5.238 4.416Zm26.004-2.352 7.215-5.872-.504-.84-3.859 3.02L30.51 20.8v-1.51l7.55-4.698v-.168l-3.523-5.368-8.389 4.362v9.22l-1.655 1.343.617.761 1.55-1.256 5.192 3.857Zm-1.342-9.258v-5.967l.671-.378 2.845 4.117-3.516 2.228Zm24.909 9.41 8.123-4.31.006-11.005 2.066-1.676-.617-.76-1.504 1.219-2.197-1.927-3.666 3.037 1.55 1.407v10.6l-.758.444-2.767-1.815.007-9.502 1.3-1.056-3.553-3.115-3.667 3.037 1.55 1.407v10.656l-.661.388-2.767-1.815.007-6.996c.003-3.335-.356-4.253-2.501-5.63-.733-.47-1.71-1.12-1.71-2.254 0-.944.74-1.567 1.518-1.792l-.171-.667c-2.663.238-4.643 2.14-4.643 4.124 0 1.552 1.162 2.41 1.973 3.249.81.839 1.165 1.552 1.165 3.267v7.438l-1.575 1.277.617.761 1.082-.878 4.001 2.888 4.409-2.441 3.383 2.44Zm14.012 1.33.34-.92a.968.968 0 0 1-.498-.868c0-.854.831-1.324 1.65-1.324 1.242 0 2.12.8 2.592 1.637l6.91-4.2v-5.285l-3.014-2.232c1.972-1.82 2.779-3.81 3.052-6.483h-.989v.003l-.013-.003c-.09.83-.833 1.46-1.752 1.46-1.182 0-2.047-.781-2.554-1.53l-7.234 4.2v4.9l2.652 2.092c-2.748 2.552-3.322 3.834-3.322 5.287 0 1.643.972 2.798 2.18 3.265Zm4.453-11.444-1.448-1.478v-4.56c.718 1.782 2.247 2.576 3.764 2.576a4.39 4.39 0 0 0 1.758-.36 8.74 8.74 0 0 1-1.497 1.608l-2.577 2.214Zm2.027 7.32c-.646-1.42-2.084-2.69-4.088-2.69a3.94 3.94 0 0 0-2.453.837c.857-1.067 2.102-2.104 3.344-3.17l1.257-1.08 1.94 1.544v4.56Zm20.452 6.201v-5.801c.394.258.769.548 1.12.867l9.187-4.953V4.635a18.252 18.252 0 0 0-4.343-4.27l-5.965 4.347V1.204H95.36v4.24l-1.43 1.041V5.86c0-4.03-2.411-4.72-4.02-4.72-2.705 0-4.637 2.121-4.724 4.391h.837c.149-.822.724-1.68 1.665-1.68.888 0 1.328.819 1.328 2.079v5.79a4.023 4.023 0 0 0-.186-.003c-2.02 0-3.919 1.546-3.919 3.817 0 .43.074.86.22 1.264h.805a1.906 1.906 0 0 1-.002-.083c0-.985.577-1.5 1.941-1.497l1.14.003v6.534c-2.497 1.318-4.16 3.344-4.954 4.772h.805a9.065 9.065 0 0 1 4.15-2.54v6.915h7.348Zm0-18.472V5.81l2.551-1.803a20.36 20.36 0 0 1 3.287 2.973v2.5l-5.839 2.95Zm-1.004 8.036a11.75 11.75 0 0 0-1.43-.03V7.527l1.43-1.01v13.949Zm1.004-4.362v-2.55l5.838-2.95v2.55l-5.838 2.95Zm5.068 6.609a11.965 11.965 0 0 0-5.068-2.123v-3.362l5.838-2.95v7.98l-.77.455Zm-6.072 7.192h-1.43v-5.92c.493.142.972.326 1.43.548v5.372Zm20.984-2.898 7.717-4.698v-9.562l-5.033-3.86-7.885 4.53v9l-1.792 1.452.617.762 1.455-1.18 4.92 3.556Zm3.355-2.684-4.026-2.685V11.572l4.026 2.684v10.067Zm9.853 4.501.34-.918a.968.968 0 0 1-.498-.87c0-.853.831-1.323 1.65-1.323 1.242 0 2.12.8 2.592 1.637l6.91-4.2v-5.285l-3.014-2.232c1.972-1.82 2.779-3.81 3.052-6.483h-.989v.003l-.013-.003c-.09.83-.833 1.46-1.752 1.46-1.182 0-2.047-.781-2.554-1.53l-7.234 4.2v4.9l2.652 2.092c-2.748 2.552-3.322 3.834-3.322 5.287 0 1.643.972 2.798 2.18 3.265Zm4.453-11.443-1.448-1.478v-4.56c.718 1.782 2.247 2.576 3.764 2.576a4.39 4.39 0 0 0 1.758-.36 8.74 8.74 0 0 1-1.497 1.608l-2.577 2.214Zm2.027 7.32c-.646-1.42-2.084-2.69-4.088-2.69a3.94 3.94 0 0 0-2.453.837c.857-1.067 2.102-2.104 3.344-3.17l1.257-1.08 1.94 1.544v4.56Zm12.834 2.341 4.817-2.492-.503-.671-1.16.627-1.644-1.658V12.16h2.52l1.641-1.925h-4.161V6.21h-.671l-5.705 5.719v.503c.706 0 1.678.31 1.678 1.67v8.41l-2.349 1.51.504.671 1.342-.839 3.69 3.188Z" fill="#333"/></svg></a><a href="https://tableless.com.br/" class="logo-site logo-site-svg logo_dark" title="Tableless"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 155 31"><path d="m5.848 29.695.163-.653c-1.216.124-2.334-.728-2.334-1.92 0-1.001.787-1.63 1.792-1.63 1.282 0 2.237.782 2.91 1.508l4.512-5.026-.503-.503-1.174 1.341a7.695 7.695 0 0 0-4.298-2.196V6.668c.096.153.191.31.285.47L18.927 27h1.324V6.415c2.399-.176 4.465-1.748 4.465-4.165a3.78 3.78 0 0 0-.425-1.745l-.478-.012c-.107 1.05-.97 1.835-2.132 1.835-1.252 0-2.142-.762-2.721-1.496L18.27.82l-4.36 5.038.503.504 1.337-1.494c.833.79 2.073 1.417 3.52 1.541v11.544L10.856 3.866C9.92 2.29 8.99.466 6.441.466c-2.42 0-4.383 2.079-4.383 4.619 0 .32.032.638.096.951l.672.168c0-1.184.558-1.871 1.556-1.871.515 0 1.04.385 1.554.974v4.745h-.047c-2.331 0-4.22 1.75-4.22 3.948a3.33 3.33 0 0 0 2.474 3.24l.175-.49a.967.967 0 0 1-.456-.82c0-.878.806-1.14 1.698-1.14h.376v5.744H5.9C3 20.534.61 22.45.61 25.28c0 3.09 2.781 4.817 5.238 4.416Zm26.004-2.352 7.215-5.872-.504-.84-3.859 3.02L30.51 20.8v-1.51l7.55-4.698v-.168l-3.523-5.368-8.389 4.362v9.22l-1.655 1.343.617.761 1.55-1.256 5.192 3.857Zm-1.342-9.258v-5.967l.671-.378 2.845 4.117-3.516 2.228Zm24.909 9.41 8.123-4.31.006-11.005 2.066-1.676-.617-.76-1.504 1.219-2.197-1.927-3.666 3.037 1.55 1.407v10.6l-.758.444-2.767-1.815.007-9.502 1.3-1.056-3.553-3.115-3.667 3.037 1.55 1.407v10.656l-.661.388-2.767-1.815.007-6.996c.003-3.335-.356-4.253-2.501-5.63-.733-.47-1.71-1.12-1.71-2.254 0-.944.74-1.567 1.518-1.792l-.171-.667c-2.663.238-4.643 2.14-4.643 4.124 0 1.552 1.162 2.41 1.973 3.249.81.839 1.165 1.552 1.165 3.267v7.438l-1.575 1.277.617.761 1.082-.878 4.001 2.888 4.409-2.441 3.383 2.44Zm14.012 1.33.34-.92a.968.968 0 0 1-.498-.868c0-.854.831-1.324 1.65-1.324 1.242 0 2.12.8 2.592 1.637l6.91-4.2v-5.285l-3.014-2.232c1.972-1.82 2.779-3.81 3.052-6.483h-.989v.003l-.013-.003c-.09.83-.833 1.46-1.752 1.46-1.182 0-2.047-.781-2.554-1.53l-7.234 4.2v4.9l2.652 2.092c-2.748 2.552-3.322 3.834-3.322 5.287 0 1.643.972 2.798 2.18 3.265Zm4.453-11.444-1.448-1.478v-4.56c.718 1.782 2.247 2.576 3.764 2.576a4.39 4.39 0 0 0 1.758-.36 8.74 8.74 0 0 1-1.497 1.608l-2.577 2.214Zm2.027 7.32c-.646-1.42-2.084-2.69-4.088-2.69a3.94 3.94 0 0 0-2.453.837c.857-1.067 2.102-2.104 3.344-3.17l1.257-1.08 1.94 1.544v4.56Zm20.452 6.201v-5.801c.394.258.769.548 1.12.867l9.187-4.953V4.635a18.252 18.252 0 0 0-4.343-4.27l-5.965 4.347V1.204H95.36v4.24l-1.43 1.041V5.86c0-4.03-2.411-4.72-4.02-4.72-2.705 0-4.637 2.121-4.724 4.391h.837c.149-.822.724-1.68 1.665-1.68.888 0 1.328.819 1.328 2.079v5.79a4.023 4.023 0 0 0-.186-.003c-2.02 0-3.919 1.546-3.919 3.817 0 .43.074.86.22 1.264h.805a1.906 1.906 0 0 1-.002-.083c0-.985.577-1.5 1.941-1.497l1.14.003v6.534c-2.497 1.318-4.16 3.344-4.954 4.772h.805a9.065 9.065 0 0 1 4.15-2.54v6.915h7.348Zm0-18.472V5.81l2.551-1.803a20.36 20.36 0 0 1 3.287 2.973v2.5l-5.839 2.95Zm-1.004 8.036a11.75 11.75 0 0 0-1.43-.03V7.527l1.43-1.01v13.949Zm1.004-4.362v-2.55l5.838-2.95v2.55l-5.838 2.95Zm5.068 6.609a11.965 11.965 0 0 0-5.068-2.123v-3.362l5.838-2.95v7.98l-.77.455Zm-6.072 7.192h-1.43v-5.92c.493.142.972.326 1.43.548v5.372Zm20.984-2.898 7.717-4.698v-9.562l-5.033-3.86-7.885 4.53v9l-1.792 1.452.617.762 1.455-1.18 4.92 3.556Zm3.355-2.684-4.026-2.685V11.572l4.026 2.684v10.067Zm9.853 4.501.34-.918a.968.968 0 0 1-.498-.87c0-.853.831-1.323 1.65-1.323 1.242 0 2.12.8 2.592 1.637l6.91-4.2v-5.285l-3.014-2.232c1.972-1.82 2.779-3.81 3.052-6.483h-.989v.003l-.013-.003c-.09.83-.833 1.46-1.752 1.46-1.182 0-2.047-.781-2.554-1.53l-7.234 4.2v4.9l2.652 2.092c-2.748 2.552-3.322 3.834-3.322 5.287 0 1.643.972 2.798 2.18 3.265Zm4.453-11.443-1.448-1.478v-4.56c.718 1.782 2.247 2.576 3.764 2.576a4.39 4.39 0 0 0 1.758-.36 8.74 8.74 0 0 1-1.497 1.608l-2.577 2.214Zm2.027 7.32c-.646-1.42-2.084-2.69-4.088-2.69a3.94 3.94 0 0 0-2.453.837c.857-1.067 2.102-2.104 3.344-3.17l1.257-1.08 1.94 1.544v4.56Zm12.834 2.341 4.817-2.492-.503-.671-1.16.627-1.644-1.658V12.16h2.52l1.641-1.925h-4.161V6.21h-.671l-5.705 5.719v.503c.706 0 1.678.31 1.678 1.67v8.41l-2.349 1.51.504.671 1.342-.839 3.69 3.188Z" fill="#fff"/></svg></a> </div> </div> <div class="elementor-element elementor-element-722b9dd elementor-widget elementor-widget-posts-small" data-id="722b9dd" data-element_type="widget" data-widget_type="posts-small.default"> <div class="elementor-widget-container"> <div id="th90-block_7" class="th90-block posts-module posts-small posts-columns columns1 hspace-medium vspace-medium" data-current="1"> <div class="posts-container"> <div class="posts-list clearfix post-list-columns"><div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos/" title="Blumhouse Games promete ser a editora de terror dos nossos pesadelos"><div class="thumb-container thumb-100"><img width="480" height="251" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-480x251.jpeg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-480x251.jpeg 480w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-300x157.jpeg 300w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-200x105.jpeg 200w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-768x402.jpeg 768w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos-260x136.jpeg 260w, https://tableless.com.br/wp-content/uploads/2024/06/15217-blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos.jpeg 900w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos/" title="Blumhouse Games promete ser a editora de terror dos nossos pesadelos">Blumhouse Games promete ser a editora de terror dos nossos pesadelos</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/blumhouse-games-promete-ser-a-editora-de-terror-dos-nossos-pesadelos/"><span>14 de junho de 2024</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes/" title="Os novos animais de estimação de Diablo IV causam grandes problemas para os Necromantes"><div class="thumb-container thumb-100"><img width="480" height="270" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-480x270.jpg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-480x270.jpg 480w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-300x169.jpg 300w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-200x112.jpg 200w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-768x432.jpg 768w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes-260x146.jpg 260w, https://tableless.com.br/wp-content/uploads/2024/06/15215-os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes.jpg 900w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes/" title="Os novos animais de estimação de Diablo IV causam grandes problemas para os Necromantes">Os novos animais de estimação de Diablo IV causam grandes problemas para os Necromantes</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/os-novos-animais-de-estimacao-de-diablo-iv-causam-grandes-problemas-para-os-necromantes/"><span>14 de junho de 2024</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/como-fazer-desenhos-no-imessage-no-ios-17/" title="Como fazer desenhos no iMessage no iOS 17"><div class="thumb-container thumb-100"><img width="480" height="270" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-480x270.jpg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Como fazer desenhos no iMessage no iOS 17" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-480x270.jpg 480w, https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-300x169.jpg 300w, https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-1024x576.jpg 1024w, https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-200x113.jpg 200w, https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-768x432.jpg 768w, https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl-260x146.jpg 260w, https://tableless.com.br/wp-content/uploads/2024/01/10398-58084-118338-drawing-xl.jpg 1200w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/como-fazer-desenhos-no-imessage-no-ios-17/" title="Como fazer desenhos no iMessage no iOS 17">Como fazer desenhos no iMessage no iOS 17</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/como-fazer-desenhos-no-imessage-no-ios-17/"><span>13 de junho de 2024</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/mark-zuckerberg-meta-quer-criar-inteligencia-artificial-geral/" title="Mark Zuckerberg: Meta quer criar inteligência artificial geral"><div class="thumb-container thumb-100"><img width="480" height="300" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-480x300.jpg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Mark Zuckerberg: Meta quer criar inteligência artificial geral" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-480x300.jpg 480w, https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-300x188.jpg 300w, https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-1024x640.jpg 1024w, https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-200x125.jpg 200w, https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-768x480.jpg 768w, https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1-234x146.jpg 234w, https://tableless.com.br/wp-content/uploads/2024/01/10403-metaverse-7218251_1280-1.jpg 1280w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/mark-zuckerberg-meta-quer-criar-inteligencia-artificial-geral/" title="Mark Zuckerberg: Meta quer criar inteligência artificial geral">Mark Zuckerberg: Meta quer criar inteligência artificial geral</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/mark-zuckerberg-meta-quer-criar-inteligencia-artificial-geral/"><span>13 de junho de 2024</span></a></div></div></div> </article> </div> <div class="post-item post-secondary"> <article class="post-layout post-small format-standard"> <div class="post-small-thumbnail thumbnail-circle"><div class="entry-thumbnail bg-dark"><a class="src-1_1" href="https://tableless.com.br/o-que-da-pra-fazer-com-500-pontos-no-enem/" title="O que dá pra fazer com 500 pontos no Enem?"><div class="thumb-container thumb-100"><img width="480" height="320" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-480x320.jpg" class="lazyload attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="psicologia" decoding="async" data-srcset="https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-480x320.jpg 480w, https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-300x200.jpg 300w, https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-1024x682.jpg 1024w, https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-200x133.jpg 200w, https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-768x512.jpg 768w, https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10-219x146.jpg 219w, https://tableless.com.br/wp-content/uploads/2024/05/bTUcRBEguownARFh3lKd_psicologia10.jpg 1280w" data-sizes="auto" data-expand="0" loading="eager" /></div></a></div></div> <div class="post-small-desc"> <div class="entry-header"> <h3 class="entry-title h5"> <a href="https://tableless.com.br/o-que-da-pra-fazer-com-500-pontos-no-enem/" title="O que dá pra fazer com 500 pontos no Enem?">O que dá pra fazer com 500 pontos no Enem?</a> </h3> </div> <div class="entry-meta info-div-vbar"><div class="meta-date"><a class="meta-color" href="https://tableless.com.br/o-que-da-pra-fazer-com-500-pontos-no-enem/"><span>12 de junho de 2024</span></a></div></div></div> </article> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-ee4e1da elementor-widget elementor-widget-block-heading" data-id="ee4e1da" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style2 heading-left"><h3 class="heading-main h3"><span class="heading-text">Tags</span></h3></div> </div> </div> <div class="elementor-element elementor-element-47bf03f elementor-widget elementor-widget-tax-cloud" data-id="47bf03f" data-element_type="widget" data-widget_type="tax-cloud.default"> <div class="elementor-widget-container"> <div class="tax-cloud tagcloud"> <a class="term-cloud" href="https://tableless.com.br/tag/zepto/" title="zepto"> <div class="cloud-title">zepto</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/zend-framework/" title="Zend Framework"> <div class="cloud-title">Zend Framework</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/zen-coding/" title="zen coding"> <div class="cloud-title">zen coding</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/zeldman/" title="zeldman"> <div class="cloud-title">zeldman</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/z-index/" title="z-index"> <div class="cloud-title">z-index</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/yith-woocommerce-request-a-quote/" title="YITH WooCommerce Request A Quote"> <div class="cloud-title">YITH WooCommerce Request A Quote</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/yarn/" title="yarn"> <div class="cloud-title">yarn</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/yahoo/" title="yahoo"> <div class="cloud-title">yahoo</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/xunit/" title="xUnit"> <div class="cloud-title">xUnit</div> </a> <a class="term-cloud" href="https://tableless.com.br/tag/xslt/" title="xslt"> <div class="cloud-title">xslt</div> </a> </div> </div> </div> <div class="elementor-element elementor-element-95b6e41 elementor-widget elementor-widget-block-heading" data-id="95b6e41" data-element_type="widget" data-widget_type="block-heading.default"> <div class="elementor-widget-container"> <div class="heading-wrap heading-style2 heading-left"><h3 class="heading-main h3"><span class="heading-text">Follow Us</span></h3></div> </div> </div> <div class="elementor-element elementor-element-921c176 social-inline elementor-widget elementor-widget-social" data-id="921c176" data-element_type="widget" data-widget_type="social.default"> <div class="elementor-widget-container"> <div class="social-icons social-color social-small social-circle clearfix"><a class="social-icon s-facebook" href="#" title="facebook" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z"/></svg></span></a><a class="social-icon s-twitter" href="#" title="twitter" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"/></svg></span></a><a class="social-icon s-linkedin" href="#" title="linkedin" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"/></svg></span></a><a class="social-icon s-youtube" href="#" title="youtube" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></span></a><a class="social-icon s-instagram" href="#" title="instagram" target="_blank"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></span></a></div> </div> </div> </div> </div> </div> </section> </div> </div> </aside> <div class="offcanvas-overlay"></div> <aside class="mobilemenu is-skin bg-dark"> <div class="mobilemenu-inner"> <div class="mobilemenu-close-wrap"> <div class="popup-close"> <div class="mobilemenu-close close-icon"></div> </div> </div> <div class="mobilemenu-background box-holder-img"></div><nav class="mobile-menu-wrap menu-left menu-hover-color"><ul id="menu-copyright-section-2" class="nav-mobile"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-9994"><a href="#"><span class="menu-text">Desenvolvimento</span><span class="sub-pointer"></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9995"><a href="https://tableless.com.br/category/adaptive-web-design-awd/"><span class="menu-text">Adaptive Web Design (AWD)</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10006"><a href="https://tableless.com.br/category/javascript/ajax/"><span class="menu-text">Ajax</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9996"><a href="https://tableless.com.br/category/agile/"><span class="menu-text">Agile</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9997"><a href="https://tableless.com.br/category/agile-e-gestao/"><span class="menu-text">Agile e Gestão</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9998"><a href="https://tableless.com.br/category/api/"><span class="menu-text">API</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-9999"><a href="https://tableless.com.br/category/back-end/"><span class="menu-text">Back-end</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10000"><a href="https://tableless.com.br/category/big-data/"><span class="menu-text">Big Data</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-10002"><a href="https://tableless.com.br/category/cms/"><span class="menu-text">CMS</span><span class="sub-pointer"></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10020"><a href="https://tableless.com.br/category/jommla/"><span class="menu-text">Jommla</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10026"><a href="https://tableless.com.br/category/wordpress/"><span class="menu-text">WordPress</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10003"><a href="https://tableless.com.br/category/css/"><span class="menu-text">CSS</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10004"><a href="https://tableless.com.br/category/css/css3/"><span class="menu-text">CSS 3</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-10005"><a href="https://tableless.com.br/category/design/"><span class="menu-text">Design</span><span class="sub-pointer"></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10009"><a href="https://tableless.com.br/category/design-ux/"><span class="menu-text">Design / UX</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10012"><a href="https://tableless.com.br/category/front-end/"><span class="menu-text">Front-end</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10013"><a href="https://tableless.com.br/category/git/"><span class="menu-text">GIT</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10014"><a href="https://tableless.com.br/category/github/"><span class="menu-text">github</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10015"><a href="https://tableless.com.br/category/graphql/"><span class="menu-text">GraphQL</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-10016"><a href="https://tableless.com.br/category/html/"><span class="menu-text">HTML</span><span class="sub-pointer"></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10017"><a href="https://tableless.com.br/category/html5/"><span class="menu-text">HTML5</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-10019"><a href="https://tableless.com.br/category/javascript/"><span class="menu-text">JavaScript</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10018"><a href="https://tableless.com.br/category/hugo/"><span class="menu-text">Hugo</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10023"><a href="https://tableless.com.br/category/backend/php/"><span class="menu-text">PHP</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10022"><a href="https://tableless.com.br/category/backend/mysql/"><span class="menu-text">MySql</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10025"><a href="https://tableless.com.br/category/soft-skill/"><span class="menu-text">Soft Skill</span></a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-10027"><a href="#"><span class="menu-text">Geral</span><span class="sub-pointer"></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10007"><a href="https://tableless.com.br/category/soft-skill/carreira/"><span class="menu-text">Carreira</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10008"><a href="https://tableless.com.br/category/soft-skill/eventos-e-workshops/"><span class="menu-text">Eventos e Workshops</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10010"><a href="https://tableless.com.br/category/firefox/"><span class="menu-text">Firefox</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10011"><a href="https://tableless.com.br/category/framework/"><span class="menu-text">framework</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10021"><a href="https://tableless.com.br/category/mercado-e-comportamento/"><span class="menu-text">Mercado e Comportamento</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10024"><a href="https://tableless.com.br/category/seo/"><span class="menu-text">SEO</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10399"><a href="https://tableless.com.br/category/sistemas-operacionais/"><span class="menu-text">Sistemas Operacionais</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-10093"><a href="https://tableless.com.br/category/smartphones/"><span class="menu-text">Smartphones</span><span class="sub-pointer"></span></a> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10102"><a href="https://tableless.com.br/category/smartphones/android-smartphones/"><span class="menu-text">Android</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10109"><a href="https://tableless.com.br/category/smartphones/iphone/"><span class="menu-text">iPhone</span></a></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10114"><a href="https://tableless.com.br/category/apple/"><span class="menu-text">Apple</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-10405"><a href="https://tableless.com.br/category/inteligencia-artificial/"><span class="menu-text">IA</span></a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1851"><a href="#"><span class="menu-text">Contato</span></a></li> </ul></nav> </div> </aside> <script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","@id":"#Breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"item":{"name":"Home","@id":"https:\/\/tableless.com.br\/"}},{"@type":"ListItem","position":2,"item":{"name":"JavaScript","@id":"https:\/\/tableless.com.br\/category\/javascript\/"}},{"@type":"ListItem","position":3,"item":{"name":"Acelere o carregamento de suas p\u00e1ginas","@id":"https:\/\/tableless.com.br\/acelere-o-carregamento-de-suas-paginas"}}]}</script><div class="reading-indicator"></div><div class="fly-trigger flex-desktop-el"> <div class="totop-trigger button btn-content_icon btn-medium btn-color btn-circle top-angle_up"> <span class="icon-svg"><span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z"/></svg></span></span> </div> </div><div class="fly-trigger flex-mobile-el always-show"> <div class="mobilemenu-trigger button btn-content_icon btn-medium btn-color btn-circle"> <span class="icon-svg"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M3 4h18v2H3V4zm0 7h18v2H3v-2zm0 7h18v2H3v-2z"/></svg></span> </div> </div><script src="https://tableless.com.br/wp-content/plugins/Basic-Auth-master/elements.js?ver=1.0" id="block-editor-js-elements-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/swiper.min.js?ver=6.5.4" id="swiper-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/viewportchecker.min.js?ver=6.5.4" id="viewportchecker-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/lazysizes.min.js?ver=6.5.4" id="lazysizes-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/ls.parent-fit.min.js?ver=6.5.4" id="ls.parent-fit-js"></script> <script src="https://tableless.com.br/wp-includes/js/comment-reply.min.js?ver=6.5.4" id="comment-reply-js" async data-wp-strategy="async"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/venobox.min.js?ver=6.5.4" id="venobox-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/velocity.min.js?ver=6.5.4" id="velocity-js"></script> <script id="th90-scripts-js-extra"> var th90 = {"is_rtl":"","ajaxurl":"https:\/\/tableless.com.br\/wp-admin\/admin-ajax.php","lightbox_image":"1","lightbox_gallery":"1","no_results":"Nothing Found","is_singular":"1","is_singular_post":"1","is_sticky_header":"1","search_desc_enter":"Please enter at least 3 characters","search_desc_result":"Results for your search","svg_loader":"<span class=\"icon-svg\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M271.3 32.52C262.8 31.94 256 25.22 256 16.68c0-9.296 7.964-16.72 17.24-16.11C406.4 9.47 512 120.6 512 256c0 40.08-9.393 77.95-25.92 111.7c-4.07 8.32-14.23 11.61-22.27 7.015c-7.108-4.062-10.37-13.09-6.757-20.43C471.7 324.6 480 291.3 480 256C480 137.6 387.7 40.41 271.3 32.52z\"\/><\/svg><\/span>","offcanvas_showfrom":"left","elementor_posts_css":["https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-8.css?ver=1705104904","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-4687.css?ver=1705104906","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-4060.css?ver=1705154325","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-4688.css?ver=1705154259","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-3740.css?ver=1705104904","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-3758.css?ver=1705104904","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-4283.css?ver=1705104906","https:\/\/tableless.com.br\/wp-content\/uploads\/elementor\/css\/post-4239.css?ver=1705104904"]}; </script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/th90-scripts.js?ver=6.5.4" id="th90-scripts-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/jquery.jConveyorTicker.min.js?ver=6.5.4" id="jConveyorTicker-js"></script> <script src="https://tableless.com.br/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.18.3" id="elementor-webpack-runtime-js"></script> <script src="https://tableless.com.br/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.18.3" id="elementor-frontend-modules-js"></script> <script src="https://tableless.com.br/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script> <script src="https://tableless.com.br/wp-includes/js/jquery/ui/core.min.js?ver=1.13.2" id="jquery-ui-core-js"></script> <script id="elementor-frontend-js-before"> var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Compartilhar no Facebook","shareOnTwitter":"Compartilhar no Twitter","pinIt":"Fixar","download":"Baixar","downloadImage":"Baixar imagem","fullscreen":"Tela cheia","zoom":"Zoom","share":"Compartilhar","playVideo":"Reproduzir v\u00eddeo","previous":"Anterior","next":"Pr\u00f3ximo","close":"Fechar","a11yCarouselWrapperAriaLabel":"Carrossel | Rolagem horizontal: Setas para esquerda e direita","a11yCarouselPrevSlideMessage":"Slide anterior","a11yCarouselNextSlideMessage":"Pr\u00f3ximo slide","a11yCarouselFirstSlideMessage":"Este \u00e9 o primeiro slide","a11yCarouselLastSlideMessage":"Este \u00e9 o \u00faltimo slide","a11yCarouselPaginationBulletMessage":"Ir para o slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Retrato em dispositivos m\u00f3veis","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Paisagem em dispositivos m\u00f3veis","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Retrato em tablet","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Paisagem em tablet","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Notebook","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Tela ampla (widescreen)","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.18.3","is_static":false,"experimentalFeatures":{"e_dom_optimization":true,"e_optimized_assets_loading":true,"e_optimized_css_loading":true,"e_font_icon_svg":true,"e_swiper_latest":true,"block_editor_assets_optimize":true,"landing-pages":true,"e_image_loading_optimization":true,"e_global_styleguide":true},"urls":{"assets":"https:\/\/tableless.com.br\/wp-content\/plugins\/elementor\/assets\/"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":6341,"title":"Acelere%20o%20carregamento%20de%20suas%20p%C3%A1ginas%20-%20Tableless","excerpt":"Muita coisa j\u00e1 foi escrita sobre este assunto, originalmente em portugu\u00eas temos o renomado guia Como perder peso no browser cujos autores s\u00e3o feras e a s\u00e9rie intitulada Performance front-end aqui mesmo no Tableless. As iniciativas gringas s\u00e3o muitas com destaque ao\u00a0YSlow e \u00e0s pr\u00e1ticas do Yahoo! para melhorar performance. Neste ponto, se ainda continua","featuredImage":false}}; </script> <script src="https://tableless.com.br/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.18.3" id="elementor-frontend-js"></script> <script src="https://tableless.com.br/wp-content/themes/katerio/js/th90-front.js?ver=6.5.4" id="th90-front-js"></script> <script src="https://tableless.com.br/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script src="https://tableless.com.br/wp-includes/js/masonry.min.js?ver=4.2.2" id="masonry-js"></script> <script src="https://tableless.com.br/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> <script id="wp-util-js-extra"> var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; </script> <script src="https://tableless.com.br/wp-includes/js/wp-util.min.js?ver=6.5.4" id="wp-util-js"></script> <script id="wpforms-elementor-js-extra"> var wpformsElementorVars = {"captcha_provider":"recaptcha","recaptcha_type":"v2"}; </script> <script src="https://tableless.com.br/wp-content/plugins/wpforms-lite/assets/js/integrations/elementor/frontend.min.js?ver=1.8.6.2" id="wpforms-elementor-js"></script> </body> </html>