Imagens WebP no WordPress: Disponibilize Imagens em FORMATO DE ÚLTIMA GERAÇÃO[Otimização de Imagens]

Neste vídeo eu vou te ensinar como deixar o seu site mais rápido usando as imagens em WebP fala pessoal tudo bem aqui a Micaela do Descomplicando Sites. E antes de começar o tutorial quero te pedir para deixar um like no vídeo que ajuda demais o nosso canal a crescer e para você se inscrever no canal pessoal o Webp é um tipo de formato de imagem tá a gente tem vários tem jpg png svg e tem webp que é um dos formatos mais leves para ser processado aqui na internet por isso que se você deixar as

imagens do seu site nesse formato Ele carrega mais rápido porque os navegadores demoram menos tempo para processar hoje em dia o WordPress já suporta imagens webp então você pode colocar se você quiser só que tem alguns navegadores tem alguns dispositivos que talvez não aceitem ou não processem esse formato de imagem por isso que a gente gosta de usar um plugin para entregar as imagens webp e o plugin funciona assim forma você instala ele e ele cria uma versão de todas as imagens tem no seu site em webp E aí quando o site é carregado Ele

carrega essa versão da imagem mas se ele entrar em contato com algum dispositivo ou com algum navegador que não suporte a versão webp ele entrega a versão original da imagem assim o site não fica quebrado eu vou usar este site aqui de referência que é um site institucional feito com WordPress ver Elementor Free que eu ensinei vocês a criar aqui no canal vou deixar o link do página na descrição se você quiser aprender a fazer Ok eu vou pegar o link dele aqui e vou vir aqui no site do Google que é o Page speed

que é a página onde a gente mede a performance de velocidade do site né para ver quão rápido ele tá E aí o Page Speed ele dá uma nota aqui pra gente para você ver como que tá a nota de performance do seu site e pra gente conseguir medir o quanto mudar as imagens para webp vai impactar na performance do site depois Esse site não foi otimizado ele não tem nenhum plugin de otimização e está com nota 54 no celular e no computador tá com nota 81 uma coisa legal dessa página é que quando a

gente vem aqui embaixo ele mostra pra gente algumas sugestões para mudar no no site são coisas que estão prejudicando o carregamento e uma das coisas é justamente essa ó disponibiliza imagens em formato de última geração ele mesmo já pede aqui quando a gente converter as imagens você vai ver que vai sumir esse aviso então vamos lá a gente vai vir em plugins adicionar plugin você vai pesquisar pelo plugin UMP Express É Este plugin aqui você vai clicar em instalar depois em ativar Pronto agora você passa o mouse em cima de configuração vem aqui em webp

Express Você vai vir pra página de configurações dele aí aqui você vai marcar para converter as imagens no upload né então assim toda vez que você upar uma imagem ele vai converter ela para webp vai marcar aqui aqui para ele poder mudar no código HTML também e vai clicar aqui em salvar configurações e agora a gente vai vir aqui ó em built convert né que é conversão em massa e vai clicar e vai clicar aqui em começar conversão né start conversão e aí ele vai começar a converter todas as imagens que tem no seu site

todas mesmo até as imagens de ícone de dentro do WordPress ele vai converter todas então é normal que você acha que no seu site tem poucas imagens que aparece muitas é porque o site tem várias variações de imagem mesmo além das que está sendo demonstrado o tempo que vai demorar isso daqui depende do tamanho do seu site se tiver muitas imagens demora mais quando termina de converter aparece essa mensagem aqui no final é que você pode fechar eí você vem aqui em cima ó e clica em salvar configurações né save settings e forçar um novo

HTaccess isso aqui é muito importante porque isso aqui vai fazer com que seja reescrito no código lá dentro dos arquivos do WordPress para que funcione corretamente essas imagens UMP tá então você clica aqui em salvar Pronto agora vamos testar aqui o nosso site ó primeiro eu vou esse aqui antes de carregar a tela vou clicar aqui clicar em abrir uma imagem o guia você vai ver que a imagem tá em JPG Vou recarregar Vamos tentar novamente ó tá vendo agora a imagem já tá sendo carregada em WebP Então vamos recarregar a análise aqui no Google

pra gente ver a diferença Pode ser que leve alguns minutos para reconhecer para fazer todas as alterações aqui para reconhecer aqui no Google tá olha aqui no celular subiu para 64 e no computador subiu para 92 e olha só subiu aquele aviso de utiliza imagens Em um formato de autodefinição tanto aqui no computador quanto aqui no celular a então a gente já melhorou a nossa nota de performance só com isso é claro que fazer só isso não é o suficiente para otimizar o seu site tá tem outras coisas que a gente tem que fazer como

configurar um plugin De Cash por exemplo Inclusive tem um vídeo aqui no canal completinho ensinando você como configurar o plugin LiteSpeed Cache que é um plugin De Cache e performance que ajuda a deixar o site mais rápido e ele é um plugin gratuito vou deixar o link dele aqui para você assistir também tá um aviso quando você for migrar o site de hospedagem migrar para a hospedagem do seu cliente ou se você for reinstaurar um backup pode acontecer das imagens ficarem quebradas Mas isso é normal é por conta do Plugin se você vier aqui nas

configurações do Plugin e clicar aqui em salvar configurações e forçar um novo Htaccess ele vai reescrever aquele código lá na estrutura do htaccess e as imagens vão voltar a funcionar Ok é isso Pessoal espero que vocês tenham gostado. Se você curtiu, deixa um like no vídeo, se inscreve no canal, me segue nas redes, um abraço, até a próxima, tchau.