Você está lutando para fazer upload de fotos mais rápido para o seu site? As imagens ajudam você a criar um site mais envolvente, então é ótimo usá-las. Mas se você usar muitas imagens, corre o risco de abrandar o site se você não otimizá-las, e é por isso que é bom que você esteja interessado em aprender a fazer as imagens carregarem mais rápido. Felizmente, existem muitas táticas que você pode implementar para acelerar suas imagens, com ou sem afetar a qualidade de suas fotos. Neste post, vamos compartilhar um guia abrangente sobre como fazer upload de imagens que você usa para seu site mais rápido. web.
Começaremos compartilhando seis táticas importantes para acelerar o upload de imagens. Em seguida, mostraremos como usar dois plugins WordPress amigáveis para iniciantes para implementar essas táticas em seu site. WordPress. Como fazer o upload de fotos mais rápido: seis estratégias de desempenho Nesta primeira seção, vamos falar sobre as táticas que você pode implementar para fazer o upload de imagens mais rápido para o seu site e, na próxima seção, mostraremos como implementar todas essas táticas no WordPress. Você pode pensar nesta seção como \
Se você está se perguntando o que faz as imagens carregarem mais rápido, continue lendo! Aqui estão as seis táticas que você pode usar para acelerar as imagens em seu site, classificados aproximadamente em ordem de importância: Compactar fotos. Redimensionar fotos. Converta fotos para formatos otimizados como WebP. Use uma Rede de Entrega de Conteúdo (CDN) para acelerar o tempo de de imagens (especialmente para visitantes longe de hospedar seu site). Carregar imagens preguiçosas. Ative o cache do navegador para acelerar futuras visitas. As três primeiras táticas lidam com
Você deseja alterar o tamanho da imagem, que é onde o redimensionamento das fotos ocorre. Todas as coisas são iguais, quanto maior o tamanho de uma imagem, maior será seu tamanho de arquivo. E quanto maior o tamanho do arquivo, mais lentas as imagens serão carregadas. Para um site, você deve tentar redimensionar as imagens para o tamanho exato que você está usando, por exemplo, se a área de conteúdo do seu site for diferente. tem uma largura de 800 px, você vai querer redimensionar imagens para 800 px (ou talvez dobrar isso para 1.600 px para levar em conta monitores de alta resolução, como telas Retina).
Quão grandes são as poupanças? Aqui está um exemplo de um teste rápido onde redimensionamos a imagem sem adicionar nenhuma compressão:
Em média, as imagens WebP são 25-34% menores do que as imagens JPEG comparáveis e 26% menores do que as imagens PNG comparáveis. Para se beneficiar dessas economias de tamanho, você pode converter suas imagens para WebP ao enviá-las para seu site. WordPress. Para saber mais sobre este formato, consulte o nosso guia completo de imagens WebP. 4. Usar uma Rede de Entrega de Conteúdo (CDN) Uma CDN é essencialmente apenas uma rede global de servidores em todo o mundo. Se você configurar seu site WordPress para usar uma CDN, você pode hospedar
Desired esie. Há também uma comparação visual para ajudá-lo a testar diferentes níveis: Se você rolar para baixo, você pode pedir ao Imagify para converter automaticamente imagens para WebP e exibi-las aos visitantes. Para imagens WebP, recomendamos usar o método label : Abaixo, você pode dizer ao Imagify para redimensionar imagens grandes para um determinado tamanho máximo (com base na largura). Novamente, recomendamos que você defina isso como a largura da área de conteúdo do seu site. (ou talvez o dobro se você quiser fornecer imagens de alta resolução para telas Retina): E é isso! Imagify agora otimizará automaticamente todas as novas imagens que você enviar para o WordPress. Se você tem muitas imagens existentes em seu site, você pode pedir à Imagify para otimizá-los em massa indo para Mídia → Otimizar em massa: WP Rocket – Browser Caching, Lazy Loading e CDN WP Rocket é um plugin completo de desempenho WordPress que pode acelerar todo o seu site e implementar as outras táticas de otimização de fotos que discutimos. Isso inclui: Implantação do cache do navegador. Carregamento lento de imagens. Ligando a um CDN. Além disso, ele também pode ajudar com melhorias de desempenho não-imagem, como cache de página, otimização de código e muito mais. Para configurá-lo, você vai querer primeiro comprar e instalar WP Rocket. Assim que você ativá-lo, ele ativará automaticamente o cache de página e o cache do navegador. Para acessar as outras configurações, vá para Configurações → WP Rocket no painel. Para ativar o upload lento, você pode ir para a guia Mídia e marcar a caixa para upload lento de imagens (e vídeos, se quiser). Você também pode pedir ao WP Rocket para adicionar as dimensões da imagem ausente, que é outra dica útil de otimização: Para configurar uma CDN, você pode acessar a guia CDN. A maneira mais fácil de começar