O Google está no topo da cadeia alimentar da Internet. A sociedade influencia (ou dita) muito do que acontece online. E seu novo formato de imagem, WebP, continua essa tendência. Com a velocidade de carregamento da página se tornando cada vez mais importante (principalmente por causa do Google Page Rank), os desenvolvedores e designers veem a compressão de imagens como a maneira mais fácil de reduzir o tempo de carregamento. As imagens do Google WebP são aproximadamente 30% menores do que as imagens JPG ou PNG normais e mantêm uma qualidade equivalente. O melhor de tudo é que você não precisa se preocupar em converter manualmente suas imagens para WebP.

Neste artigo, mostraremos como usar esse novo formato de imagem com o WordPress, embora ainda não seja compatível por padrão.

Use o Optimole para veicular arquivos WebP no WordPress

WebP, como formato de imagem, não é compatível por padrão no WordPress. Você pode fazer upload de uma imagem .webp, mas como acontece com um arquivo SVG, você pode receber mensagens de erro. E novamente, quanto ao uso de Arquivos SVG com WordPress , existe uma solução simples através do plug-in.

Entre os serviços WebP testados, Optimole se destaca da multidão. De fato, ele pode operar com um mínimo de configuração. Portanto, queremos explicar a você como configurá-lo e tornar sua instalação do WordPress compatível com o formato WebP da forma mais fácil possível.

Primeiro, você obviamente vai querer faça o download e instale o próprio plugin . Está no diretório WP.org e é totalmente gratuito. Desde o serviço baseado em API que o liga (até certo ponto). Embora seja possível converter imagens tradicionais em WebP instantaneamente usando PHP, nem todos os hosts da web concedem essa permissão ao seu servidor. Se você tiver essa permissão, também pode visualizar o plug-in WebP Express. Você tem muito controle com isso , mas é um sistema que requer mais configuração para funcionar sem problemas.

Assim que o Optimole estiver instalado e ativado em seu site da Web WordPress, você encontrará uma nova opção de menu em Media - Optimole .

Sua chave da API Optimole

Antes de acessar as definições ou configurações, você deve ter uma conta Optimole. Se você já configurou um, pode clicar no botão Eu já tenho uma chave API . Se não, salve e envie a chave da API por email . A conta de chave de API básica é gratuita e você obtém cerca de 5 acessos neste nível. Se você precisar de mais do que isso, existem níveis de preços disponíveis.

Optimole define uma visita como " qualquer pessoa que visite o seu se você uma vez [. . .] Cada usuário é contado apenas uma vez. Não importa o que eles façam no seu site, quantas imagens baixem ou quantas páginas visitem; é apenas um usuário. Se eles saem do seu site e voltam no mesmo dia, ainda são apenas um usuário. "

Depois que as visitas medidas se esgotam, apenas as imagens WebP param de ser veiculadas. Suas próprias imagens não. Você encontrará a chave de API no painel do Optimole na parte superior.

Basta colá-lo no seu painel do WordPress e você estará pronto para começar a espalhar imagens da WebP com o WordPress.

Seus painéis do Optimole WordPress

No painel do WordPress, você obtém informações básicas sobre a otimização do WebP. Isso permite que você solucione problemas e avalie o sucesso dessa aceleração. Desta forma, você pode alterar várias configurações.

Primeiro, você vê a conta associada à API e, em seguida, na parte inferior da tela, o plugin mostra as imagens otimizadas mais recentes. Você pode ver o quanto as imagens WebP veiculadas são menores do que as originais que você carregou no WordPress.

Depois, há a guia dificuldades possível em cima. Ninguém gosta de ver a guia destacada, mas também todos precisamos ver quais conflitos podem surgir.

O principal problema que enfrentamos é com outros plug-ins de compressão e entrega de imagens. Como você pode ver na imagem acima, o plugin Jetpack funciona de forma semelhante ao Optimole via Photon APIT , para que eles possam bater a cabeça. Para nós, isso se manifestou no fato de nenhuma imagem ter sido transmitida ao visitante. Não tivemos problemas com outros serviços de compactação como TinyPNG ou Smush.

Usando painéis

Se você deseja obter informações mais detalhadas sobre como o site funciona com o WebP, o Painel Externo do Optimole contém essas informações.

Em vez de apenas 9,5 vezes menor, você pode ver o tamanho real dos arquivos servidos. Bem como os próprios arquivos durante um período de 30 dias.

Você também pode definir marcas d'água no painel do Optimole (ou WP) para que qualquer pessoa que receba um WebP do seu site WordPress receba automaticamente o brasão do seu logotipo. É um processo simples e você tem controle sobre a opacidade, localização e muito mais.

Você pode basicamente fazer o mesmo em ambos os painéis. Tanto na guia parametros do WordPress, ou visitando o painel externo ao Optimole. Tudo depende daquilo com que te sentes mais confortável, bem como do nível de dados o que você precisa em um determinado momento.

Além disso, você poderá controlar o nível de compressão, carregamento lento e quando / se certas imagens são transmitidas como WebP com base nos nomes dos arquivos. Você encontrará tudo isso na guia parametros de Media - Optimole .

pacote

A melhor parte de usar o WebP com sites WordPress é que você não precisa trabalhar manualmente com os arquivos. Sem downloads extras, sem tempo de compressão extra, nada. Devido à forma como as APIs funcionam, todos os processos e cálculos são executados em tempo real. O Google realmente tornou a Internet mais rápida usando WebP em vez de JPG ou PNG. A principal vantagem, porém, é que as imagens mantêm a mesma qualidade, mesmo que seu tamanho seja reduzido consideravelmente. Pode ser interessante para você que o Google o force a usar o formato deles para acelerar o seu site, de forma que ele possa classificá-lo em uma posição mais elevada e a experiência do usuário final também seja melhor. E isso é o que importa no final.