{"id":16838,"date":"2026-01-15T15:07:05","date_gmt":"2026-01-15T14:07:05","guid":{"rendered":"https:\/\/webhosting.de\/warum-grosse-bilder-wordpress-cdn-verlangsamen-speedboost\/"},"modified":"2026-01-15T15:07:05","modified_gmt":"2026-01-15T14:07:05","slug":"porque-e-que-as-imagens-grandes-tornam-o-wordpress-cdn-speedboost-mais-lento","status":"publish","type":"post","link":"https:\/\/webhosting.de\/pt\/warum-grosse-bilder-wordpress-cdn-verlangsamen-speedboost\/","title":{"rendered":"Porque \u00e9 que imagens grandes podem tornar o WordPress mais lento, mesmo com CDN"},"content":{"rendered":"<p>As imagens grandes do WordPress tornam o tempo de carregamento mais lento, mesmo com a CDN, porque os ficheiros enormes t\u00eam de ser transferidos do servidor de origem para os n\u00f3s de borda e depois optimizados em tempo real, o que custa tempo de computa\u00e7\u00e3o. Vou mostrar-lhe como <strong>Tamanhos das imagens<\/strong>, A configura\u00e7\u00e3o da CDN e os Core Web Vitals interagem e porque \u00e9 que os carregamentos n\u00e3o optimizados pioram visivelmente o LCP e o tempo at\u00e9 ao primeiro byte.<\/p>\n\n<h2>Pontos centrais<\/h2>\n\n<ul>\n  <li><strong>Tamanho original<\/strong> continua a ser o ponto de estrangulamento - mesmo com CDN.<\/li>\n  <li><strong>Carga LCP<\/strong> devido a imagens de her\u00f3i pesadas e falta de pr\u00e9-carregamento.<\/li>\n  <li><strong>Em tempo real<\/strong>-O redimensionamento custa CPU e tempo nos n\u00f3s de borda.<\/li>\n  <li><strong>WebP\/AVIF<\/strong> reduzir massivamente os volumes de dados, os fallbacks garantem a compatibilidade.<\/li>\n  <li><strong>Fluxo de trabalho<\/strong> com pr\u00e9-redimensionamento, qualidade ~85 % e tamanhos reactivos.<\/li>\n<\/ul>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/01\/wordpress-ladezeit-bilder-7392.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>Porque \u00e9 que as imagens grandes o tornam mais lento apesar da CDN<\/h2>\n\n<p>Uma CDN reduz o <strong>Lat\u00eancia<\/strong>, mas os ficheiros originais de grandes dimens\u00f5es continuam a ser dif\u00edceis. Primeiro, o Edge node tem de puxar o ficheiro do servidor de origem, o que demora muito tempo para imagens de 5-10 MB e leva a timeouts no pior dos casos. Depois vem o processamento: compress\u00e3o, altera\u00e7\u00e3o de formato, redimensionamento - cada passo custa tempo de CPU. Durante este processo, o browser espera pela imagem mais importante, o que piora o LCP. Mesmo ap\u00f3s o primeiro sucesso, ainda existe o risco de novas purgas ou altera\u00e7\u00f5es de variantes desvalorizarem a cache e causarem novamente atrasos.<\/p>\n\n<h2>Como as CDNs funcionam com imagens<\/h2>\n\n<p>Uma CDN moderna fornece ficheiros est\u00e1ticos a partir de caches pr\u00f3ximas do utilizador e pode <strong>fotos<\/strong> transformam adicionalmente. Estas incluem a compress\u00e3o (Brotli\/Gzip), a convers\u00e3o de formatos (WebP\/AVIF), o redimensionamento por janela de visualiza\u00e7\u00e3o e o carregamento lento. Parece r\u00e1pido, mas o primeiro pedido tem de obter, analisar e transformar o ficheiro original. Sem uma estrat\u00e9gia de cache adequada, s\u00e3o criadas v\u00e1rias vers\u00f5es para cada variante (pontos de interrup\u00e7\u00e3o, DPR, qualidade), que t\u00eam primeiro de ser criadas. Isto acelera os pedidos subsequentes, mas a estrutura pode atrasar visivelmente o carregamento inicial da p\u00e1gina no caso de carregamentos muito grandes.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/01\/wordpress-bilder-cdn-3461.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>Formatos de imagem num \u00e1pice: Quando JPEG, PNG, SVG, WebP e AVIF?<\/h2>\n\n<p>Escolho deliberadamente o formato de acordo com o tipo de motivo, porque a maior vantagem reside muitas vezes na <strong>correto<\/strong> Contentor:<\/p>\n<ul>\n  <li>JPEG: Para fotografias com muitas grada\u00e7\u00f5es de cor. Utilizo a subamostragem de croma 4:2:0 e uma qualidade de ~80-85 %; as margens finas permanecem limpas e o ficheiro diminui significativamente.<\/li>\n  <li>PNG: Para transpar\u00eancias e gr\u00e1ficos com arestas duras. Tenha cuidado com as fotografias - o PNG inflaciona. Prefiro SVG para formas vectoriais puras.<\/li>\n  <li>SVG: Log\u00f3tipos, \u00edcones, ilustra\u00e7\u00f5es simples. Escal\u00e1vel sem perda de qualidade, extremamente pequeno. Importante: utilizar apenas fontes fidedignas e, se necess\u00e1rio, desinfetar.<\/li>\n  <li>WebP: A minha norma para fotografias e motivos mistos; bom equil\u00edbrio entre qualidade e compress\u00e3o, s\u00e3o poss\u00edveis fundos transparentes.<\/li>\n  <li>AVIF: Melhor compress\u00e3o, mas por vezes codifica\u00e7\u00e3o\/descodifica\u00e7\u00e3o mais lenta e dif\u00edcil com gradientes finos. Verifico os motivos individualmente e utilizo WebP em casos problem\u00e1ticos.<\/li>\n<\/ul>\n<p>Resolvo a dire\u00e7\u00e3o art\u00edstica atrav\u00e9s do <code>&lt;picture&gt;<\/code>-elemento: diferentes cortes para telem\u00f3vel\/escrivaninha e formatos por <code>tipo<\/code>-Dica. Importante \u00e9 um <strong>Recuo robusto<\/strong> (JPEG\/PNG) se o browser n\u00e3o suportar AVIF\/WebP.<\/p>\n\n<h2>Influ\u00eancia nos Core Web Vitals e LCP<\/h2>\n\n<p>A m\u00e9trica <strong>LCP<\/strong> reage de forma sens\u00edvel ao tamanho das imagens, uma vez que as \u00e1reas de her\u00f3is cont\u00eam frequentemente o maior elemento vis\u00edvel. Uma imagem de her\u00f3i de 300-500 KB pode ser r\u00e1pida, mas uma imagem de 4-8 MB torna as coisas muito mais lentas. Se for adicionada uma variante WebP gerada lentamente, o tempo de espera aumenta ainda mais. Sem um pr\u00e9-carregamento para a imagem LCP, o browser bloqueia recursos adicionais antes de a imagem central aparecer. Este efeito \u00e9 mais percet\u00edvel em liga\u00e7\u00f5es m\u00f3veis com elevada lat\u00eancia do que em liga\u00e7\u00f5es de computador.<\/p>\n\n<h2>Configura\u00e7\u00f5es incorrectas t\u00edpicas e suas consequ\u00eancias<\/h2>\n\n<p>Se os atributos de largura e altura estiverem ausentes, o layout pode saltar e o <strong>CLS<\/strong>-aumenta. Se as imagens LCP forem atrasadas pelo carregamento lento, a renderiza\u00e7\u00e3o come\u00e7a demasiado tarde e o utilizador s\u00f3 v\u00ea o conte\u00fado tardiamente. Uma purga de cache demasiado agressiva elimina as variantes geradas meticulosamente, o que envia o pr\u00f3ximo visitante para o caminho de transforma\u00e7\u00e3o mais lento. Al\u00e9m disso, a falta de um fallback para WebP bloqueia os navegadores mais antigos que s\u00f3 podem lidar com JPEG. Explico porque \u00e9 que o carregamento autom\u00e1tico pregui\u00e7oso \u00e9 por vezes prejudicial no artigo <a href=\"https:\/\/webhosting.de\/pt\/https-webhosting-de-por-que-o-carregamento-lento-nem-sempre-melhora-o-tempo-de-carregamento-otimizacao\/\">O carregamento lento nem sempre \u00e9 mais r\u00e1pido<\/a>; a\u00ed mostro como excluir as imagens LCP do atraso.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/01\/wordpress-bilder-cdn-langsam-4712.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>Parafusos de ajuste espec\u00edficos do WordPress<\/h2>\n\n<p>No WordPress, estabele\u00e7o as bases atrav\u00e9s de <strong>Tamanhos das imagens<\/strong> e filtros. Com <code>add_image_size()<\/code> Defino pontos de paragem significativos (por exemplo, 360, 768, 1200, 1600 px). Removo os tamanhos interm\u00e9dios que n\u00e3o s\u00e3o necess\u00e1rios utilizando <code>remove_image_size()<\/code> ou filtr\u00e1-los atrav\u00e9s de <code>tamanhos_de_imagem_interm\u00e9dios_avan\u00e7ados<\/code> para que o processo de carregamento n\u00e3o fique fora de controlo. Sobre o <code>limiar_tamanho_da_imagem_grande<\/code> Evito originais demasiado grandes definindo um limite (por exemplo, 2200 px).<\/p>\n<p>Para a marca\u00e7\u00e3o, baseio-me em <code>wp_get_attachment_image()<\/code>, porque o WordPress automaticamente <code>conjunto de fontes<\/code> e <code>tamanhos<\/code> gerado. Se o layout do tema n\u00e3o estiver correto, ajusto o <code>tamanhos<\/code>-atrav\u00e9s de um filtro - valores demasiado generosos s\u00e3o uma raz\u00e3o comum para os dispositivos m\u00f3veis carregarem imagens desnecessariamente grandes. O carregamento lento tem estado ativo por predefini\u00e7\u00e3o desde o WordPress; via <code>wp_lazy_loading_enabled<\/code> respectivamente <code>wp_img_tag_add_loading_attr<\/code> Excluo especificamente a imagem LCP. Al\u00e9m disso, para esta imagem, defino <code>fetchpriority=\"high\"<\/code>, para aumentar a atribui\u00e7\u00e3o de prioridades na pilha de rede.<\/p>\n\n<h2>Etapas concretas de otimiza\u00e7\u00e3o antes do carregamento<\/h2>\n\n<p>Evito os engarrafamentos <strong>Carregamentos<\/strong> cortar, comprimir e converter previamente para formatos adequados. Para temas t\u00edpicos, 1200-1600 px de largura s\u00e3o suficientes para imagens de conte\u00fado e 1800-2200 px para cabe\u00e7alhos. Defino n\u00edveis de qualidade \u00e0 volta de 80-85 %, que se mant\u00eam visualmente limpos e poupam bytes. Tamb\u00e9m removo os dados EXIF que n\u00e3o t\u00eam qualquer utilidade para o s\u00edtio Web. Este trabalho preliminar reduz a carga no limite da CDN e as variantes s\u00e3o criadas muito mais rapidamente.<\/p>\n\n<table>\n  <thead>\n    <tr>\n      <th>Medida<\/th>\n      <th>Benef\u00edcio<\/th>\n      <th>Nota<\/th>\n    <\/tr>\n  <\/thead>\n  <tbody>\n    <tr>\n      <td>Redimensionar antes de carregar<\/td>\n      <td><strong>Tempo para a imagem<\/strong> diminui significativamente<\/td>\n      <td>Adaptar a largura m\u00e1xima ao tema<\/td>\n    <\/tr>\n    <tr>\n      <td>Qualidade ~85 %<\/td>\n      <td><strong>Tamanho do ficheiro<\/strong> muito reduzido<\/td>\n      <td>Pouco vis\u00edvel nas fotografias<\/td>\n    <\/tr>\n    <tr>\n      <td>WebP\/AVIF<\/td>\n      <td><strong>Poupan\u00e7a<\/strong> at\u00e9 80 %<\/td>\n      <td>Fornecer JPEG\/PNG como alternativa<\/td>\n    <\/tr>\n    <tr>\n      <td>Pr\u00e9-carregar imagem LCP<\/td>\n      <td><strong>LCP<\/strong> visivelmente melhor<\/td>\n      <td>Pr\u00e9-carregar apenas a maior imagem acima da dobra<\/td>\n    <\/tr>\n    <tr>\n      <td>Expira\u00e7\u00e3o longa da cache<\/td>\n      <td><strong>Borda<\/strong>-Aumento da taxa de acerto<\/td>\n      <td>Evitar purgas desnecess\u00e1rias<\/td>\n    <\/tr>\n  <\/tbody>\n<\/table>\n\n<h2>Gest\u00e3o de cores, qualidade e metadados<\/h2>\n\n<p>Os espa\u00e7os de cor podem influenciar o desempenho e a apresenta\u00e7\u00e3o. Converto activos para a Web em <strong>sRGB<\/strong> e evito perfis ICC grandes, que custam bytes e provocam altera\u00e7\u00f5es de cor entre navegadores. Com JPEGs, confio numa nitidez moderada e numa redu\u00e7\u00e3o de ru\u00eddo controlada - a desfocagem exagerada poupa bytes, mas torna os gradientes manchados. As defini\u00e7\u00f5es de subamostragem crom\u00e1tica (4:2:0) permitem uma boa poupan\u00e7a sem qualquer perda vis\u00edvel de qualidade nas fotografias. Removo sistematicamente os dados EXIF, GPS e da c\u00e2mara; s\u00e3o um lastro e, por vezes, comportam riscos de prote\u00e7\u00e3o de dados.<\/p>\n\n<h2>Defini\u00e7\u00f5es de CDN que realmente contam<\/h2>\n\n<p>Eu dou prioridade <strong>Imagem<\/strong>-optimiza\u00e7\u00f5es diretamente na CDN: sele\u00e7\u00e3o autom\u00e1tica do formato, redimensionamento de acordo com o DPR, nitidez moderada e compress\u00e3o com perdas com um limite superior. Defino pontos de paragem fixos para as imagens de her\u00f3is, para que n\u00e3o seja criada uma nova variante para cada janela de visualiza\u00e7\u00e3o. Atribuo chaves de cache ao formato e ao tamanho para obter resultados limpos. Tamb\u00e9m mantenho a expira\u00e7\u00e3o da cache para imagens durante muito tempo, para que os n\u00f3s de extremidade se mantenham quentes. Se precisar de passos de integra\u00e7\u00e3o espec\u00edficos, pode encontr\u00e1-los nas instru\u00e7\u00f5es para o <a href=\"https:\/\/webhosting.de\/pt\/imagem-cdn-bunnynet-integracao-wordpress-powerweb\/\">Integra\u00e7\u00e3o da Bunny CDN<\/a> encontrado.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/01\/wordpress-cdn-ladezeit-8492.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>Cabe\u00e7alhos HTTP e estrat\u00e9gias de cache em pormenor<\/h2>\n\n<p>Os cabe\u00e7alhos corretos evitam a fragmenta\u00e7\u00e3o da cache. Para imagens, defino <strong>Controlo da cache<\/strong> com elevada <code>idade m\u00e1xima<\/code> (e opcionalmente <code>imut\u00e1vel<\/code>) e mant\u00ea-los estritamente <code>p\u00fablico<\/code>. Para CDNs, utilizo <code>s-maxagem<\/code>, para permitir uma vida \u00fatil mais longa nos bordos do que no navegador. <code>ETag<\/code> ou <code>\u00daltima modifica\u00e7\u00e3o<\/code> ajuda na revalida\u00e7\u00e3o, mas deve manter-se est\u00e1vel. Se a CDN decidir entre AVIF\/WebP\/JPEG atrav\u00e9s da negocia\u00e7\u00e3o de conte\u00fados, a chave de cache deve conter o <code>Aceitar<\/code>-caso contr\u00e1rio, haver\u00e1 falhas. Em alternativa, separo as variantes por par\u00e2metros de URL ou caminho, de modo a que o armazenamento em cache de borda permane\u00e7a rigoroso. Importante: Os activos est\u00e1ticos n\u00e3o devem enviar cookies; <code>Definir cookie<\/code> mata a cache.<\/p>\n\n<h2>Desempenho m\u00f3vel e tamanhos reactivos<\/h2>\n\n<p>Os smartphones beneficiam muito de <strong>reativo<\/strong> e atributos srcset limpos. Certifico-me de que o WordPress gera formatos interm\u00e9dios adequados e que o CDN coloca estas variantes em cache. Assim, um ecr\u00e3 de 360 px de largura n\u00e3o recebe uma fotografia de 2000 px. Para densidades de p\u00edxeis elevadas, forne\u00e7o variantes 2x, mas com um limite para que nenhuma imagem 4K acabe num mini ecr\u00e3. Isto reduz a quantidade de dados nas redes m\u00f3veis e estabiliza significativamente o LCP.<\/p>\n\n<h2>Pr\u00e9-carregamento, defini\u00e7\u00e3o de prioridades e os atributos certos<\/h2>\n\n<p>Para a imagem LCP, combino <code>rel=\"pr\u00e9-carregar\"<\/code> (como uma imagem) com um objetivo claro: exatamente o <strong>necess\u00e1rio<\/strong> e n\u00e3o uma variante gen\u00e9rica. Al\u00e9m disso, utilizo o atual <code>&lt;img&gt;<\/code> <code>fetchpriority=\"high\"<\/code> e omitir o carregamento pregui\u00e7oso predefinido (<code>loading=\"eager\"<\/code> apenas para este elemento). <code>decoding=\"async\"<\/code> acelera a descodifica\u00e7\u00e3o sem bloquear a thread principal. Se a CDN estiver localizada num dom\u00ednio separado, uma <em>Pr\u00e9-conex\u00e3o<\/em>, para completar o aperto de m\u00e3o TLS e o DNS mais rapidamente - mas de uma forma direcionada e n\u00e3o inflacionista. Tudo junto encurta a cadeia cr\u00edtica at\u00e9 \u00e0 apresenta\u00e7\u00e3o da imagem.<\/p>\n\n<h2>Redimensionamento em tempo real vs. pr\u00e9-processamento<\/h2>\n\n<p>Parece pr\u00e1tico, mas os originais de grandes dimens\u00f5es continuam a ser um desafio. <strong>Carga<\/strong> para a CPU de bordas. Por isso, misturo o pr\u00e9-processamento antes do upload com o redimensionamento controlado da borda. Isto significa que o trabalho mais pesado \u00e9 feito localmente, enquanto a CDN faz o ajuste fino. Relativamente aos formatos de imagem, escolho o WebP como base e verifico o AVIF para motivos sens\u00edveis. Explico as diferen\u00e7as entre os dois formatos aqui: <a href=\"https:\/\/webhosting.de\/pt\/webp-vs-avif-formato-de-imagem-comparacao-de-alojamento-web-compressao\/\">Compara\u00e7\u00e3o WebP vs. AVIF<\/a>.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/01\/wordpressbildercdn2347.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>Custos, limites e escalonamento na opera\u00e7\u00e3o de CDN<\/h2>\n\n<p>As fun\u00e7\u00f5es de transforma\u00e7\u00e3o n\u00e3o s\u00e3o gratuitas: Muitas CDNs cobram separadamente pela convers\u00e3o de imagens, tempo de CPU e sa\u00edda. Originais enormes n\u00e3o s\u00f3 aumentam a lat\u00eancia, mas tamb\u00e9m os custos. Por isso, estou a planear <strong>Variantes conservadoras<\/strong> - alguns pontos de paragem bem escolhidos, em vez de cada pixel de largura. Isto reduz o n\u00famero de ficheiros que t\u00eam de ser gerados e armazenados. Com muito tr\u00e1fego, um <em>Escudo de origem<\/em>, para proteger o servidor de origem. As imagens de erro (429\/503) nos n\u00f3s de extremidade s\u00e3o muitas vezes um sinal de que o redimensionamento em tempo real est\u00e1 sobrecarregado; aqui vale a pena pr\u00e9-renderizar motivos particularmente grandes ou estabelecer limites para transforma\u00e7\u00f5es simult\u00e2neas.<\/p>\n\n<h2>An\u00e1lise de avarias: Como encontrar os verdadeiros trav\u00f5es<\/h2>\n\n<p>Come\u00e7o com um <strong>laborat\u00f3rio<\/strong>-Fa\u00e7o testes em v\u00e1rios pontos de medi\u00e7\u00e3o e verifico as tiras de filme, os diagramas de cascata e os elementos LCP. Em seguida, comparo a primeira vista com a vista repetida, a fim de reconhecer os efeitos de cache. Os grandes desvios indicam que o primeiro impacto tem custos de transforma\u00e7\u00e3o. Em seguida, isolo a imagem LCP, testo-a em diferentes tamanhos e avalio a qualidade em fun\u00e7\u00e3o dos kilobytes. Por fim, verifico os registos do servidor e a an\u00e1lise da CDN para ver se as falhas de borda ou as purgas est\u00e3o a esvaziar a cache.<\/p>\n\n<h2>Interpretar corretamente o RUM e os dados de campo<\/h2>\n\n<p>Os resultados laboratoriais n\u00e3o contam a hist\u00f3ria toda. Eu avalio <strong>Dados de campo<\/strong> para cobrir dispositivos, redes e regi\u00f5es reais. Uma elevada varia\u00e7\u00e3o entre regi\u00f5es indica extremidades frias ou liga\u00e7\u00f5es de peering fracas. Se vejo valores de LCP fracos principalmente entre os utilizadores de telem\u00f3veis, verifico primeiro a imagem do her\u00f3i, <code>conjunto de fontes<\/code>-hits e pr\u00e9-carregamento. Um intervalo recorrente entre a primeira vista e a vista repetida indica que o <code>idade m\u00e1xima<\/code>-ou purgas frequentes. Tamb\u00e9m correlaciono os ciclos de publica\u00e7\u00e3o com picos nas m\u00e9tricas - novas imagens de cabe\u00e7alho ou visuais de campanha s\u00e3o muitas vezes os gatilhos.<\/p>\n\n<h2>Fluxo de trabalho e automatiza\u00e7\u00e3o na vida quotidiana<\/h2>\n\n<p>Sem uma <strong>Processo<\/strong> os ficheiros grandes voltam a aparecer. Por isso, confio no redimensionamento autom\u00e1tico durante o carregamento, em perfis de qualidade normalizados e em larguras m\u00e1ximas fixas. Um guia de estilo de imagem ajuda a manter as imagens consistentes e f\u00e1ceis de comprimir. Antes de entrar em funcionamento, verifico manualmente as imagens LCP e s\u00f3 ativo o pr\u00e9-carregamento para o elemento maior. Ap\u00f3s as implementa\u00e7\u00f5es, me\u00e7o novamente porque os novos temas her\u00f3icos saem rapidamente do enquadramento.<\/p>\n\n\n<figure class=\"wp-block-image size-full is-resized\">\n  <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/webhosting.de\/wp-content\/uploads\/2026\/01\/wordpress-cdn-bilder-9326.png\" alt=\"\" width=\"1536\" height=\"1024\"\/>\n<\/figure>\n\n\n<h2>SEO, acessibilidade e diretrizes editoriais<\/h2>\n\n<p>O desempenho e a qualidade andam de m\u00e3os dadas com <strong>SEO<\/strong> e <strong>A11y<\/strong>. Atribuo pr\u00e9mios significativos <code>antigo<\/code>-textos e nomes de ficheiros significativos, manter as dimens\u00f5es da imagem coerentes e evitar o aumento de escala CSS. Preparo imagens separadas e comprimidas para pr\u00e9-visualiza\u00e7\u00f5es sociais (Open Graph) para que n\u00e3o sirvam acidentalmente como imagens LCP. Utilizo a prote\u00e7\u00e3o de hiperliga\u00e7\u00f5es com precau\u00e7\u00e3o - os rastreadores e as pr\u00e9-visualiza\u00e7\u00f5es precisam de acesso. Para as equipas editoriais, documentei larguras m\u00e1ximas, formatos, n\u00edveis de qualidade e uma lista de verifica\u00e7\u00e3o simples: Cortar, selecionar o formato, verificar a qualidade, atribuir o nome do ficheiro, carregar para o WordPress, marcar o candidato LCP e testar o pr\u00e9-carregamento. Desta forma, a qualidade mant\u00e9m-se reproduz\u00edvel, mesmo que o conte\u00fado seja mantido por v\u00e1rias pessoas.<\/p>\n\n<h2>Brevemente resumido<\/h2>\n\n<p>Uma CDN acelera a entrega, mas os originais de grandes dimens\u00f5es continuam a ser os <strong>Gargalo<\/strong> - custam tempo na primeira vez que s\u00e3o recuperadas e degradam o LCP. Evito isto optimizando antecipadamente a largura, a qualidade e o formato das imagens e deixando apenas os ajustes finos para a margem. Atributos srcset limpos, pr\u00e9-carregamento da imagem do LCP e expira\u00e7\u00e3o longa da cache fazem toda a diferen\u00e7a. Relativamente \u00e0s configura\u00e7\u00f5es, verifico os fallbacks para WebP\/AVIF, as especifica\u00e7\u00f5es de dimens\u00e3o e as chaves de cache para variantes. Isto mant\u00e9m o WordPress a funcionar sem problemas, mesmo que haja muitas imagens na p\u00e1gina.<\/p>","protected":false},"excerpt":{"rendered":"<p>Porque \u00e9 que as imagens grandes tornam o WordPress mais lento, mesmo com CDN: Causas, problemas de cdn wordpress e solu\u00e7\u00f5es wp de otimiza\u00e7\u00e3o de imagem para um desempenho superior.<\/p>","protected":false},"author":1,"featured_media":16831,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_crdt_document":"","inline_featured_image":false,"footnotes":""},"categories":[733],"tags":[],"class_list":["post-16838","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"acf":[],"_wp_attached_file":null,"_wp_attachment_metadata":null,"litespeed-optimize-size":null,"litespeed-optimize-set":null,"_elementor_source_image_hash":null,"_wp_attachment_image_alt":null,"stockpack_author_name":null,"stockpack_author_url":null,"stockpack_provider":null,"stockpack_image_url":null,"stockpack_license":null,"stockpack_license_url":null,"stockpack_modification":null,"color":null,"original_id":null,"original_url":null,"original_link":null,"unsplash_location":null,"unsplash_sponsor":null,"unsplash_exif":null,"unsplash_attachment_metadata":null,"_elementor_is_screenshot":null,"surfer_file_name":null,"surfer_file_original_url":null,"envato_tk_source_kit":null,"envato_tk_source_index":null,"envato_tk_manifest":null,"envato_tk_folder_name":null,"envato_tk_builder":null,"envato_elements_download_event":null,"_menu_item_type":null,"_menu_item_menu_item_parent":null,"_menu_item_object_id":null,"_menu_item_object":null,"_menu_item_target":null,"_menu_item_classes":null,"_menu_item_xfn":null,"_menu_item_url":null,"_trp_menu_languages":null,"rank_math_primary_category":null,"rank_math_title":null,"inline_featured_image":null,"_yoast_wpseo_primary_category":null,"rank_math_schema_blogposting":null,"rank_math_schema_videoobject":null,"_oembed_049c719bc4a9f89deaead66a7da9fddc":null,"_oembed_time_049c719bc4a9f89deaead66a7da9fddc":null,"_yoast_wpseo_focuskw":null,"_yoast_wpseo_linkdex":null,"_oembed_27e3473bf8bec795fbeb3a9d38489348":null,"_oembed_c3b0f6959478faf92a1f343d8f96b19e":null,"_trp_translated_slug_en_us":null,"_wp_desired_post_slug":null,"_yoast_wpseo_title":null,"tldname":null,"tldpreis":null,"tldrubrik":null,"tldpolicylink":null,"tldsize":null,"tldregistrierungsdauer":null,"tldtransfer":null,"tldwhoisprivacy":null,"tldregistrarchange":null,"tldregistrantchange":null,"tldwhoisupdate":null,"tldnameserverupdate":null,"tlddeletesofort":null,"tlddeleteexpire":null,"tldumlaute":null,"tldrestore":null,"tldsubcategory":null,"tldbildname":null,"tldbildurl":null,"tldclean":null,"tldcategory":null,"tldpolicy":null,"tldbesonderheiten":null,"tld_bedeutung":null,"_oembed_d167040d816d8f94c072940c8009f5f8":null,"_oembed_b0a0fa59ef14f8870da2c63f2027d064":null,"_oembed_4792fa4dfb2a8f09ab950a73b7f313ba":null,"_oembed_33ceb1fe54a8ab775d9410abf699878d":null,"_oembed_fd7014d14d919b45ec004937c0db9335":null,"_oembed_21a029d076783ec3e8042698c351bd7e":null,"_oembed_be5ea8a0c7b18e658f08cc571a909452":null,"_oembed_a9ca7a298b19f9b48ec5914e010294d2":null,"_oembed_f8db6b27d08a2bb1f920e7647808899a":null,"_oembed_168ebde5096e77d8a89326519af9e022":null,"_oembed_cdb76f1b345b42743edfe25481b6f98f":null,"_oembed_87b0613611ae54e86e8864265404b0a1":null,"_oembed_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_oembed_time_27aa0e5cf3f1bb4bc416a4641a5ac273":null,"_tldname":null,"_tldclean":null,"_tldpreis":null,"_tldcategory":null,"_tldsubcategory":null,"_tldpolicy":null,"_tldpolicylink":null,"_tldsize":null,"_tldregistrierungsdauer":null,"_tldtransfer":null,"_tldwhoisprivacy":null,"_tldregistrarchange":null,"_tldregistrantchange":null,"_tldwhoisupdate":null,"_tldnameserverupdate":null,"_tlddeletesofort":null,"_tlddeleteexpire":null,"_tldumlaute":null,"_tldrestore":null,"_tldbildname":null,"_tldbildurl":null,"_tld_bedeutung":null,"_tldbesonderheiten":null,"_oembed_ad96e4112edb9f8ffa35731d4098bc6b":null,"_oembed_8357e2b8a2575c74ed5978f262a10126":null,"_oembed_3d5fea5103dd0d22ec5d6a33eff7f863":null,"_eael_widget_elements":null,"_oembed_0d8a206f09633e3d62b95a15a4dd0487":null,"_oembed_time_0d8a206f09633e3d62b95a15a4dd0487":null,"_aioseo_description":null,"_eb_attr":null,"_eb_data_table":null,"_oembed_819a879e7da16dd629cfd15a97334c8a":null,"_oembed_time_819a879e7da16dd629cfd15a97334c8a":null,"_acf_changed":null,"_wpcode_auto_insert":null,"_edit_last":null,"_edit_lock":null,"_oembed_e7b913c6c84084ed9702cb4feb012ddd":null,"_oembed_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_time_bfde9e10f59a17b85fc8917fa7edf782":null,"_oembed_03514b67990db061d7c4672de26dc514":null,"_oembed_time_03514b67990db061d7c4672de26dc514":null,"rank_math_news_sitemap_robots":null,"rank_math_robots":null,"_eael_post_view_count":"1091","_trp_automatically_translated_slug_ru_ru":null,"_trp_automatically_translated_slug_et":null,"_trp_automatically_translated_slug_lv":null,"_trp_automatically_translated_slug_fr_fr":null,"_trp_automatically_translated_slug_en_us":null,"_wp_old_slug":null,"_trp_automatically_translated_slug_da_dk":null,"_trp_automatically_translated_slug_pl_pl":null,"_trp_automatically_translated_slug_es_es":null,"_trp_automatically_translated_slug_hu_hu":null,"_trp_automatically_translated_slug_fi":null,"_trp_automatically_translated_slug_ja":null,"_trp_automatically_translated_slug_lt_lt":null,"_elementor_edit_mode":null,"_elementor_template_type":null,"_elementor_version":null,"_elementor_pro_version":null,"_wp_page_template":null,"_elementor_page_settings":null,"_elementor_data":null,"_elementor_css":null,"_elementor_conditions":null,"_happyaddons_elements_cache":null,"_oembed_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_time_75446120c39305f0da0ccd147f6de9cb":null,"_oembed_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_time_3efb2c3e76a18143e7207993a2a6939a":null,"_oembed_59808117857ddf57e478a31d79f76e4d":null,"_oembed_time_59808117857ddf57e478a31d79f76e4d":null,"_oembed_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_time_965c5b49aa8d22ce37dfb3bde0268600":null,"_oembed_81002f7ee3604f645db4ebcfd1912acf":null,"_oembed_time_81002f7ee3604f645db4ebcfd1912acf":null,"_elementor_screenshot":null,"_oembed_7ea3429961cf98fa85da9747683af827":null,"_oembed_time_7ea3429961cf98fa85da9747683af827":null,"_elementor_controls_usage":null,"_elementor_page_assets":[],"_elementor_screenshot_failed":null,"theplus_transient_widgets":null,"_eael_custom_js":null,"_wp_old_date":null,"_trp_automatically_translated_slug_it_it":null,"_trp_automatically_translated_slug_pt_pt":null,"_trp_automatically_translated_slug_zh_cn":null,"_trp_automatically_translated_slug_nl_nl":null,"_trp_automatically_translated_slug_pt_br":null,"_trp_automatically_translated_slug_sv_se":null,"rank_math_analytic_object_id":null,"rank_math_internal_links_processed":"1","_trp_automatically_translated_slug_ro_ro":null,"_trp_automatically_translated_slug_sk_sk":null,"_trp_automatically_translated_slug_bg_bg":null,"_trp_automatically_translated_slug_sl_si":null,"litespeed_vpi_list":null,"litespeed_vpi_list_mobile":null,"rank_math_seo_score":null,"rank_math_contentai_score":null,"ilj_limitincominglinks":null,"ilj_maxincominglinks":null,"ilj_limitoutgoinglinks":null,"ilj_maxoutgoinglinks":null,"ilj_limitlinksperparagraph":null,"ilj_linksperparagraph":null,"ilj_blacklistdefinition":null,"ilj_linkdefinition":null,"_eb_reusable_block_ids":null,"rank_math_focus_keyword":"gro\u00dfe Bilder WordPress","rank_math_og_content_image":null,"_yoast_wpseo_metadesc":null,"_yoast_wpseo_content_score":null,"_yoast_wpseo_focuskeywords":null,"_yoast_wpseo_keywordsynonyms":null,"_yoast_wpseo_estimated-reading-time-minutes":null,"rank_math_description":null,"surfer_last_post_update":null,"surfer_last_post_update_direction":null,"surfer_keywords":null,"surfer_location":null,"surfer_draft_id":null,"surfer_permalink_hash":null,"surfer_scrape_ready":null,"_thumbnail_id":"16831","footnotes":null,"_links":{"self":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts\/16838","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/comments?post=16838"}],"version-history":[{"count":0,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/posts\/16838\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/media\/16831"}],"wp:attachment":[{"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/media?parent=16838"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/categories?post=16838"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhosting.de\/pt\/wp-json\/wp\/v2\/tags?post=16838"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}