Image Prioritizer

Hospedagem WordPress com plugin Image Prioritizer

Onde hospedar o plugin Image Prioritizer?

Este plugin pode ser hospedado em qualquer servidor que possua WordPress instalado. Recomendamos fortemente utilizar uma empresa de hospedagem confiável, com servidores adaptados para WordPress, como o serviço de hospedagem da MCO2.

Hospedando o plugin Image Prioritizer em um provedor seguro

A MCO2, além de configurar e instalar o WordPress na versão mais atualizada para seus clientes, disponibiliza o plugin WP SafePress, um sistema exclusivo que salvaguarda e otimiza seu site conjuntamente.

Por que a Hospedagem WordPress funciona melhor na MCO2?

A Hospedagem WordPress funciona melhor pois a MCO2 possui servidores otimizados para WordPress. A instalação de WordPress é diferente de uma instalação trivial, pois habilita imediatamente recursos como otimização automática de imagens e fotos, proteção da página de login, bloqueio de atividades suspeitas diretamente no firewall, cache avançado e HTTPS ativado por padrão. São recursos que potencializam seu WordPress para a máxima segurança e o máximo desempenho.

Este plugin otimiza o carregamento de imagens (e vídeos) com priorização para melhorar a métrica Maior exibição de conteúdo (LCP), carregamento diferido e a seleção de tamanhos de imagem mais precisa.

No momento, as otimizações incluem:

1. Adiciona links de pré-carga fetchpriority=high específicos para pontos de quebra (como elementos LINK[rel=preload] e cabeçalhos de resposta link) nos URLs de imagens de elementos LCP (maior tempo de carga):
   1. Um elemento IMG, incluindo os atributos srcset/sizes fornecidos como imagesrcset/imagesizes no LINK.
   2. O primeiro elemento SOURCE com um atributo type num elemento PICTURE. (Não são suportados elementos PICTURE com direção de arte através de “media queries”.)
   3. Um elemento com background-image aplicado via atributo style em linha.
   4. Um elemento com background-image aplicada com uma folha de estilo (quando a imagem é de origem autorizada).
   5. Uma imagem poster de um elemento VIDEO
2. Garante que fetchpriority=high só é adicionado a um IMG quando for o elemento LCP em todos os pontos de quebra.
3. Adiciona fetchpriority=low às tags IMG que aparecem na viewport inicial, mas não são visíveis, como quando são slides subsequentes de um carrossel.
4. Carregamento diferido:
   1. Aplica o carregamento diferido aos elementos IMG de acordo com sua presença ou não na janela inicial em qualquer ponto de quebra.
   2. Implementa o carregamento diferido de imagens de fundo adicionadas através de atributos style de CSS em linha.
   3. Carrega a posteriori os elementos VIDEO através dos atributos adequados com base na sua presença na janela inicial. Se um VIDEO for o elemento LCP, tem preload=auto. Se estiver na janela inicial, mantém-se o valor por padrão preload=metadata. Se não estiver na janela inicial, recebe preload=none. Os vídeos carregados tardiamente também terão os atributos iniciais preload, autoplay e poster repostos quando o VIDEO entrar na janela.
5. Responsive image sizes:
   1. Ensure sizes=auto is set on IMG tags after setting correct lazy-loading (above).
   2. ~~Compute the sizes attribute using the widths of an image collected from URL Metrics for each breakpoint (when not lazy-loaded since then handled by sizes=auto).~~ (This has been removed due to an issue; use Enhanced Responsive Images instead.)
6. Reduz o tamanho da imagem poster de um VIDEO do tamanho completo para um tamanho adequado à largura máxima do vídeo (em telas maiores).

Este plugin depende do plugin Optimization Detective. Consulte a documentação desse plugin para obter informações adicionais sobre como ele funciona, bem como opções adicionais para desenvolvedores.

👉 Atenção: Este plugin otimiza as páginas para visitantes reais e depende destes para as otimizações. Por isto, você não verá as otimizações aplicadas imediatamente após a ativação do plugin. Aguarde as URL Metrics serem colhidas, tanto para visitas em dispositivos móveis como para computadores. E, como normalmente os administradores não são visitantes comuns, por padrão, estas otimizações não são aplicadas a estes usuários.

Seu site deve ter a API REST acessível para visitantes não-autenticados, pois é assim que são coletadas as métricas sobre como uma página deve ser otimizada. Atualmente, não existem configurações extras e nenhuma interface de usuário para este plugin, pois ele foi projetado para funcionar sem a necessidade de nenhum ajuste.