{"id":228163,"date":"2022-10-05T15:03:00","date_gmt":"2022-10-05T12:03:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=228163"},"modified":"2022-11-09T01:28:18","modified_gmt":"2022-11-08T22:28:18","slug":"carga-lenta-do-wordpress-escolhendo-o-melhor-plugin-para-o-trabalho","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/carga-lenta-do-wordpress-escolhendo-o-melhor-plugin-para-o-trabalho\/","title":{"rendered":"Carga lenta do WordPress: escolhendo o melhor plugin para o trabalho"},"content":{"rendered":"\n

N\u00e3o h\u00e1 nada mais frustrante para os usu\u00e1rios do que esperar que um site seja carregado. Mais sites est\u00e3o ficando cheios de v\u00eddeos e imagens, cada imagem exigindo uma nova solicita\u00e7\u00e3o HTTP. O carregamento lento do WordPress \u00e9 a solu\u00e7\u00e3o f\u00e1cil de instalar para acelerar qualquer site repleto de imagens<\/a>.<\/p>\n

Ao projetar nosso site wpDataTables<\/a><\/strong>, tamb\u00e9m consideramos a possibilidade dessa complica\u00e7\u00e3o, pois usamos muitas imagens e v\u00eddeos.<\/p>\n

O que \u00e9 carga pregui\u00e7osa? Lazyload significa que v\u00eddeos, imagens ou iframes s\u00e3o carregados apenas quando entram na janela de visualiza\u00e7\u00e3o e as imagens restantes ser\u00e3o carregadas \u00e0 medida que os espectadores rolarem para baixo na p\u00e1gina do seu site. Isso melhorar\u00e1 significativamente os tempos de carregamento do seu site e impedir\u00e1 que os usu\u00e1rios saiam do seu site.<\/p>\n

Benef\u00edcios da carga lenta<\/strong><\/h3>\n

A vantagem evidente do WordPress Lazy Load \u00e9 o tempo de carregamento mais r\u00e1pido. Como voc\u00ea est\u00e1 carregando apenas uma parte de sua p\u00e1gina, seu conte\u00fado aparecer\u00e1 mais rapidamente no navegador. Subsequentemente, os visitantes usam menos largura de banda, o que \u00e9 um grande benef\u00edcio para aqueles que usam uma conex\u00e3o de dados m\u00f3veis.<\/p>\n

Portanto, seus visitantes n\u00e3o s\u00f3 poder\u00e3o acessar seu site rapidamente, mas tamb\u00e9m economizar\u00e3o em seu plano de dados m\u00f3veis: por que usar o tr\u00e1fego de dados para carregar imagens que n\u00e3o precisam ou querem ver? Um plugin de carregamento lento \u00e9 uma t\u00e9cnica duplamente ben\u00e9fica que todos os sites com imagens pesadas precisam.<\/p>\n

Desvantagens da carga lenta<\/strong><\/h3>\n

Lazyloading n\u00e3o \u00e9 uma t\u00e9cnica amig\u00e1vel para mecanismos de busca o tempo todo, porque voc\u00ea n\u00e3o est\u00e1 apenas atrasando o carregamento de conte\u00fado para seus usu\u00e1rios, voc\u00ea tamb\u00e9m est\u00e1 atrasando o carregamento de conte\u00fado para rastreadores de mecanismos de pesquisa, ou seja, os mecanismos de pesquisa n\u00e3o indexam parte ou todo esse conte\u00fado. N\u00e3o \u00e9 bom para SEO!<\/p>\n

Quando o carregamento lento do WordPress \u00e9 usado para atrasar o carregamento de postagens, n\u00e3o apenas imagens, \u00e9 um grande problema.<\/p>\n

Outra desvantagem das imagens pregui\u00e7osas \u00e9 reduzir a qualidade da experi\u00eancia dos usu\u00e1rios. Todo mundo j\u00e1 experimentou o efeito secund\u00e1rio de carregamento lento ao rolar uma p\u00e1gina muito rapidamente. No processo, os visuais reais substituem as imagens de espa\u00e7o reservado e o conte\u00fado da p\u00e1gina geralmente salta.<\/p>\n

Contanto que voc\u00ea use o carregamento lento do WordPress de forma inteligente e mantenha o controle sobre SEO e experi\u00eancia do usu\u00e1rio, voc\u00ea colher\u00e1 apenas os benef\u00edcios do carregamento lento. Leia mais sobre como carregar imagens pregui\u00e7osamente, o melhor plugin de carregamento pregui\u00e7oso do WordPress para o seu site e imagens de carregamento pregui\u00e7oso do WordPress.<\/p>\n

“Sou contra o carregamento lento. Para mim, isso resulta em um UX ruim." diz Jerry Low, da Web Hosting Secrets Revealed<\/a>, "Minha solu\u00e7\u00e3o sempre foi usar um truque simples de JavaScript para adiar o carregamento da imagem.<\/p>\n

Isso \u00e9 especialmente importante se voc\u00ea tiver uma p\u00e1gina com muitas imagens. A \u00faltima coisa que voc\u00ea quer \u00e9 que os usu\u00e1rios que est\u00e3o rolando para baixo rapidamente se vejam olhando para uma tela em branco."<\/p>\n

Habilitando o LazyLoad no WordPress<\/strong><\/h3>\n

A t\u00e9cnica de carga lenta \u00e9 f\u00e1cil de habilitar em qualquer site WordPress usando um plugin WordPress Lazy Load. Existem muitos plugins WordPress de carregamento lento que voc\u00ea pode escolher e aqui est\u00e3o alguns dos mais populares:<\/p>\n

    \n
  1. \n

    Acelerar – Carga Pregui\u00e7osa<\/a><\/h3>\n<\/li>\n<\/ol>\n

    \"Carga<\/a><\/p>\n

    Este plugin, implementando a t\u00e9cnica “Lazy Load”, evita o download de imagens e iframe que n\u00e3o s\u00e3o exibidos na tela (por exemplo, imagens na parte inferior da p\u00e1gina) at\u00e9 que o usu\u00e1rio os exiba. Isso melhora a velocidade de carregamento da p\u00e1gina e economiza a largura de banda.<\/p>\n

      \n
    1. \n

      BJ Carga Pregui\u00e7osa<\/a><\/h3>\n<\/li>\n<\/ol>\n

      \"Carga<\/a><\/p>\n

      BJLazy Load, ou BJLoad, \u00e9 o melhor plugin Lazy Load se voc\u00ea quiser carregar imagens com pregui\u00e7a e substitu\u00ed-las por espa\u00e7os reservados. As imagens selecionadas podem ser imagens Gravatar, imagens de postagem, miniaturas ou iFrames. Voc\u00ea tamb\u00e9m pode personalizar algumas configura\u00e7\u00f5es, incluindo a sele\u00e7\u00e3o de espa\u00e7o reservado.<\/p>\n

      BJLazy \u00e9 um plugin WordPress Lazy Load que atende a imagens com tamanho otimizado<\/a>, ou seja, entrega automaticamente imagens reduzidas em tamanho em designs responsivos e fornece imagens hiDPI para a tela retina da Apple, e outras telas hiDPI.<\/p>\n

        \n
      1. \n

        Zedna WP Image Lazy Load<\/a><\/h3>\n<\/li>\n<\/ol>\n

        \"Carga<\/a><\/p>\n

        Diminui\u00e7\u00e3o do tempo de carregamento da p\u00e1gina por carregamento progressivo de imagens e outros elementos. Eles ser\u00e3o carregados apenas ao atingir a parte vis\u00edvel da tela.<\/p>\n

        Plugin afeta estes elementos:<\/p>\n

          \n
        1. <img><\/code>\u00a0elemento<\/li>\n
        2. propriedade CSS\u00a0background-image<\/code><\/li>\n
        3. imagens responsivas com srcset<\/code>\u00a0atributo<\/li>\n
        4. <iframe><\/code>\u00a0elemento<\/li>\n
        5. <video><\/code>\u00a0elemento<\/li>\n<\/ol>\n

          Caracter\u00edsticas:<\/p>\n