{"id":1215,"date":"2024-08-02T22:30:00","date_gmt":"2024-08-03T01:30:00","guid":{"rendered":"https:\/\/kangaroo.host\/blog\/otimizar-elementor\/"},"modified":"2025-07-14T16:23:26","modified_gmt":"2025-07-14T19:23:26","slug":"otimizar-elementor","status":"publish","type":"post","link":"https:\/\/kangaroo.host\/blog\/otimizar-elementor\/","title":{"rendered":"Elementor &#8211; 3 dicas para otimizar seu site"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Bem vindo de volta, pequeno Kangaroozinho! Construir sites com o <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a> \u00e9 algo cada vez mais comum no universo do <a href=\"https:\/\/wordpress.org\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>, sendo esse builder o mais utilizado dentro da plataforma que \u00e9 a mais utilizada para a cria\u00e7\u00e3o de sites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por\u00e9m, conforme o projeto cresce e precisa de visibilidade, chega um momento em que a otimiza\u00e7\u00e3o passa a ser parte das preocupa\u00e7\u00f5es tanto para a experi\u00eancia do cliente quanto para a performance do site nas estrat\u00e9gias de SEO, fatores que est\u00e3o diretamente relacionados e que explicamos um pouco mais a fundo <a href=\"\/blog\/importancia-otimizacao-para-seo\/\">nesse outro artigo<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quando otimizar o site passa a ser algo importante, existem algumas configura\u00e7\u00f5es nativas do pr\u00f3prio Elementor que podem ajudar a deixar o seu site mais r\u00e1pido, e tudo isso atrav\u00e9s de simples op\u00e7\u00f5es ativ\u00e1veis atrav\u00e9s do seu WP Admin. Para conferir quais s\u00e3o essas op\u00e7\u00f5es e o que fazem, confira nosso artigo at\u00e9 o final.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sum\u00e1rio<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Carregamento de imagens<\/li>\n\n\n\n<li>Cache de elementos<\/li>\n\n\n\n<li>Carregamento de controle<\/li>\n\n\n\n<li>Conclus\u00e3o<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Carregamento de recursos otimizados<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Essa configura\u00e7\u00e3o ajuda a implementar o <a href=\"https:\/\/kangaroo.host\/blog\/o-que-e-lazy-load-otimizar-site\/\" data-type=\"post\" data-id=\"8087\">Lazy Load<\/a> para imagens fora da borda de visualiza\u00e7\u00e3o do visitante, ou seja, o Elementor ir\u00e1 renderizar as imagens de seu site de acordo com o que est\u00e1 realmente vis\u00edvel na tela naquele trecho da p\u00e1gina onde ele est\u00e1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em outras palavras, o Elementor apenas ir\u00e1 renderizar os imagens quando o visitante estiver na parte do site onde aquela imagem realmente est\u00e1, permitindo que a p\u00e1gina carregue progressivamente, reduzindo as requisi\u00e7\u00f5es iniciais e tornando esse primeiro carregamento mais leve.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para ativar essa op\u00e7\u00e3o, acesse o seu WP Admin e passe o mouse sobre o \u00edcone do Elementor no menu \u00e0 esquerda e clique em <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Settings<\/mark><\/strong> (ou configura\u00e7\u00f5es, caso esteja em portugu\u00eas) e siga para a aba de <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Performance<\/mark><\/strong>, onde encontrar\u00e1 a op\u00e7\u00e3o <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Optimized Image Loading<\/mark><\/strong> (Carregamento otimizado de imagens, em portugu\u00eas).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/kangaroo.host\/blog\/wp-content\/uploads\/2024\/07\/Elementor-Image-Loading.png\" alt=\"Elementor Image Loading\" class=\"wp-image-8984\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Ative o cache de elementos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O cache de Elementos permite que, como o nome sugere, o construtor armazene em cache algumas partes do site, o que possibilita que eles n\u00e3o precisem ser renderizados toda vez que um visitante deveria v\u00ea-lo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dessa forma, o elemento \u00e9 renderizado uma \u00fanica vez, e ent\u00e3o o cache \u00e9 salvo, para ent\u00e3o exibir esse resultado cacheado para o visitante, o que oferece um carregamento muito mais r\u00e1pido e a redu\u00e7\u00e3o do consumo de recursos. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para ativar essa op\u00e7\u00e3o, continue na guia <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Settings\/Configura\u00e7\u00f5es<\/mark><\/strong> e navegue para a a aba <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Features <\/mark><\/strong>(recursos, em portugu\u00eas). Agora, ative a op\u00e7\u00e3o <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Element caching<\/mark><\/strong> (cache de elementos) e salve o ajuste.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/kangaroo.host\/blog\/wp-content\/uploads\/2024\/07\/Element-Cache-Elementor.png\" alt=\"Element Cache Elementor\" class=\"wp-image-8983\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Carregamento de controle otimizado<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Sendo um dos grandes fatores que precisam ser otimizados, o TFTB (Time to First Byte), \u00e9 exatamente o que essa ferramenta vista melhorar, podendo levar a uma redu\u00e7\u00e3o de 20 a 30% desse valor, ao otimizar a forma como os elementos de seu site s\u00e3o renderizados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O TFTB \u00e9 um dos itens mais dif\u00edceis de se melhorar em termos de desempenho, o que significa que qualquer ganho percentual aqui poderia resultar em uma melhora significativa no desempenho geral do site, sobretudo em ferramentas de teste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para ativar essa fun\u00e7\u00e3o, siga na guia <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Settings\/Configura\u00e7\u00f5es<\/mark><\/strong> e ainda na aba <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Features\/Recursos<\/mark><\/strong> encontre a op\u00e7\u00e3o <strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-luminous-vivid-orange-color\">Optimized Control Loading<\/mark><\/strong> (Carregamento de controle otimizado, em portugu\u00eas) e salve o ajuste.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/kangaroo.host\/blog\/wp-content\/uploads\/2024\/07\/Control-Loading-Elementor.png\" alt=\"Control Loading Elementor\" class=\"wp-image-8982\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Com essas configura\u00e7\u00f5es acima, com certeza seu site ser\u00e1 capaz de oferecer uma experi\u00eancia de navega\u00e7\u00e3o muito melhor para seus visitantes, com tempos de carregamento bem menores, o que pode se refletir muito positivamente nas pontua\u00e7\u00f5es de ferramentas de testes como o <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">Google PageSpeed<\/a>, por exemplo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea gostou de nossas dicas, n\u00e3o deixe de continuar acompanhando <a href=\"\/blog\">nosso blog<\/a> para encontrar muito mais conte\u00fado sobre otimiza\u00e7\u00e3o, SEO, seguran\u00e7a e muito mais! Nos vemos na pr\u00f3xima o\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Bem vindo de volta, pequeno Kangaroozinho! Construir sites com o Elementor \u00e9 algo cada vez mais comum no universo do WordPress, sendo esse builder o mais utilizado dentro da plataforma que \u00e9 a mais utilizada para a cria\u00e7\u00e3o de sites. Por\u00e9m, conforme o projeto cresce e precisa de visibilidade, chega um momento em que a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1217,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[78],"tags":[16,52,46,18,60,32,20],"class_list":["post-1215","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","tag-elementor","tag-otimizacao","tag-performance","tag-plugin","tag-seo","tag-site","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/comments?post=1215"}],"version-history":[{"count":1,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1215\/revisions"}],"predecessor-version":[{"id":2582,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/posts\/1215\/revisions\/2582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media\/1217"}],"wp:attachment":[{"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/media?parent=1215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/categories?post=1215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kangaroo.host\/blog\/wp-json\/wp\/v2\/tags?post=1215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}