GoCache
  • Produtos
    • CDN
    • WAF – Web Application Firewall
    • Lithio – Otimizador de Imagens
    • Rate Limit
    • API Discovery & Inventory
    • API Pública
    • Certificado SSL
    • Role Based Access Control
    • Plugin WordPress e Magento
  • Soluções
    • E-Commerce
    • Portais de Conteúdo e Notícias
    • Educação / Edtech
    • Startup
    • Outros
  • Planos
  • Parceiros
    • Parceiros de Tecnologia
  • Cases
  • Ajuda
    • Central de Ajuda – FAQ
    • Documentação Técnica
    • Documentação da API
  • Contato
  • Login
  • CADASTRE-SE
  • Menu Menu

O que é webP e como usar

29 de outubro de 2020/em SEO

WebP é uma formato de imagem desenvolvido pelo próprio Google com o intuito de diminuir o tamanho de imagens trafegadas dentro da internet para reduzir o tempo de carregamento e download de imagens, sem interferir na qualidade das imagens.

Segundo o Google, o formato webP pode ser até 45% menor do que imagens em formatos tradicionais como jpeg e png.

O formato webP foi criado pelo Google em meados de 2010, mas passou a ganhar mais aderência somente nos últimos anos, visto que um dos grandes limitadores do formato na época de seu lançamento era a incompatibilidade com navegadores, já que no início, o formato webP era compatível apenas com o Google Chrome, mas atualmente, boa parte dos navegadores já dão suporte ao webP.

Por exemplo, o Firefox, um dos navegadores mais utilizados em versões desktop, passou a suportar nativamente o formato de webP somente em agosto de 2018, 8 anos após o lançamento oficial.

Atualmente, os navegadores que dão suporte nativo para webP são:

  • Chrome (desktop e celular).
  • Firefox (desktop e celular).
  • Edge.
  • Opera (desktop e celular).

Quais as vantagens de usar webP em sites e apps?

Em média, mais de 65% do peso de um site é de imagens, sendo assim, webmasters tem o desafio de criar aplicações visualmente atrativas, mas sem afetar a performance da aplicação.

Pensando nisso, utilizar o formato webP é bastante vantajoso, já que é possível acelerar a entrega das imagens com baixo esforço técnico. Além disso, por ser um formato mais leve, a utilização de webP pode contribuir para que seu site ganhe relevância orgânica. Por exemplo, boa parte das ferramentas de performance utilizadas atualmente verificam o formato de suas imagens, classificando seu site com melhor pontuação, caso identifiquem que o formato webP é utilizado.

Outro ponto importante é o volume de uso de banda utilizado por imagens webP. Já que as imagens são menores, consequentemente é necessário utilizar menos dados de saída. Se considerarmos aplicações com alta escala de tráfego, reduzir o uso de banda pode representar uma economia significativa de custos.

Quais as desvantagens de usar webP em sites e apps?

Atualmente, a desvantagem de usar webP é a incompatibilidade com alguns navegadores, em especial, o Safari da Apple que por enquanto só dá suporte a imagens em webP em nas versões do iOS 14 e macOS 11.0. Porém, é possível contornar essa desvantagem utilizando um produto de otimização e conversão de imagens, que transformar as imagens jpeg e png em webP de acordo com o navegador do usuário, possibilitando ter uma boa eficiência de entrega em webP para navegadores que dão suporte e se eventualmente algum navegador não der suporte, a imagem é entregue automaticamente em seu formato original.

Como usar webP em sites e apps?

Atualmente, a melhor prática para utilizar webP é através de um conversor de imagens, já que por enquanto, nem todos os navegadores dão suporte nativo a webP.

A GoCache possui uma ferramenta de otimização de imagens que realiza a conversão de imagens para webp, automaticamente e sem esforço técnico.

Basicamente, nosso produto de otimização de imagens considera o formato das imagens de seu site e app e realiza a conversão das imagens na borda, entregando o melhor formato para o usuário final, considerando tanto o navegador utilizado no acesso quanto a localização geográfica, reduzindo latência através da entrega via CDN.

Trata-se de um produto muito simples de ser ativado, disponível para todos os usuários que utilizam nossa rede de distribuição de conteúdo.

https://docs.gocache.com.br/imagens/lithio/01_video-li-optimization-optin.mp4

Caso queira conhecer mais sobre o Lithio, nosso otimizador de imagens, acesse a documentação oficial.

Existem também opções de plugin para WordPress que fazem a conversão de imagens, mas é necessário avaliar como a conversão é feita, já que muitos plugins passam a distribuir imagens por endereços externos, prejudicando a otimização do site para SEO e muitas vezes adicionando latência de entrega.


Caso esteja pesquisando sobre performance web, também recomendamos a leitura dos artigos:
  • Otimização de imagens no WordPress
  • GT Metrix: Como usar
  • Como usar CDN para distribuir imagens
  • WebPageTest: Aprenda como usar
  • Como usar webP no WordPress
  • CDN e SEO: Práticas recomendadas

Share this entry
  • Share on Facebook
  • Share on Twitter
  • Share on WhatsApp
  • Share on LinkedIn
  • Share on Tumblr
  • Share by Mail
https://www.gocache.com.br/wp-content/uploads/2020/11/webp-o-que-e.jpg 350 660 Go Cache https://www.gocache.com.br/wp-content/uploads/2021/11/gocache-nova-preta.png Go Cache2020-10-29 13:14:532022-05-25 11:04:06O que é webP e como usar

Baixe nosso Ebook

Procurar

Últimas publicações

  • Insufficient Logging & Monitoring – O que é? 23 de maio de 2022
  • Improper Assets Management – O que é? 23 de maio de 2022
  • Injection – O que é? 23 de maio de 2022
  • Security Misconfiguration – O que é? 23 de maio de 2022
  • Mass Assignment – O que é? 23 de maio de 2022

Produtos

  • Content Delivery Network
  • SSL
  • Web Application Firewall - WAF
  • Rate Limit
  • Lithio - Otimizador de Imagens
  • API Discovery & Inventory
  • Role Based Access Control
  • Plugin para WordPress e Magento

Soluções por vertical

  • Portais de conteúdo e notícias
  • E-Commerce
  • Educação / Edtech
  • Plataformas de E-Commerce
  • Startup
  • Outros

Empresa

  • Central de Ajuda
  • Carreiras
  • Parceiros
  • Blog
  • Contato
  • Planos
  • Cases de Sucesso
  • Datasheet GoCache

Documentação

  • Termos de Uso e Politica de Privacidade
  • API Pública da GoCache
  • Documentação Painel

Acompanhe nosso Blog!

  • Insufficient Logging & Monitoring – O que é?
  • Improper Assets Management – O que é?
  • Injection – O que é?
  • Security Misconfiguration – O que é?
  • Mass Assignment – O que é?
  • Broken Function Level Authorization (BFLA) – O que é?
  • Lack of Resources & Rate Limiting – O que é?
  • Excessive Data Exposure – O que é?
Disponibilidade e performance na Black Friday Bad Bots e Good Bots: O que são e como podem prejudicar seu site
Scroll to top

Este site utiliza cookies para aprimorar sua navegação. Na GoCache o uso de cookies é feito apenas para reconhecer um visitante constante e melhorar a experiência no uso dos Serviços. Os cookies são pequenos arquivos de dados transferidos de um site da web para o disco do seu computador, e não armazenam dados pessoais. Se preferir, você pode apagar os cookies existentes em seu computador através do browser utilizado.

AceitarRecusarTermo de uso

Cookie and Privacy Settings



How we use cookies

We may request cookies to be set on your device. We use cookies to let us know when you visit our websites, how you interact with us, to enrich your user experience, and to customize your relationship with our website.

Click on the different category headings to find out more. You can also change some of your preferences. Note that blocking some types of cookies may impact your experience on our websites and the services we are able to offer.

Essential Website Cookies

These cookies are strictly necessary to provide you with services available through our website and to use some of its features.

Because these cookies are strictly necessary to deliver the website, refusing them will have impact how our site functions. You always can block or delete cookies by changing your browser settings and force blocking all cookies on this website. But this will always prompt you to accept/refuse cookies when revisiting our site.

We fully respect if you want to refuse cookies but to avoid asking you again and again kindly allow us to store a cookie for that. You are free to opt out any time or opt in for other cookies to get a better experience. If you refuse cookies we will remove all set cookies in our domain.

We provide you with a list of stored cookies on your computer in our domain so you can check what we stored. Due to security reasons we are not able to show or modify cookies from other domains. You can check these in your browser security settings.

Google Analytics Cookies

These cookies collect information that is used either in aggregate form to help us understand how our website is being used or how effective our marketing campaigns are, or to help us customize our website and application for you in order to enhance your experience.

If you do not want that we track your visit to our site you can disable tracking in your browser here:

Other external services

We also use different external services like Google Webfonts, Google Maps, and external Video providers. Since these providers may collect personal data like your IP address we allow you to block them here. Please be aware that this might heavily reduce the functionality and appearance of our site. Changes will take effect once you reload the page.

Google Webfont Settings:

Google Map Settings:

Google reCaptcha Settings:

Vimeo and Youtube video embeds:

Other cookies

The following cookies are also needed - You can choose if you want to allow them:

Privacy Policy

You can read about our cookies and privacy settings in detail on our Privacy Policy Page.

Termos de Uso e Política de Privacidade – GoCache CDN
Accept settingsHide notification only