O que é web design sustentável e como alcançá-lo
Publicados: 2022-12-01
“Eu realmente quero um carro elétrico, mas simplesmente não posso comprá-lo”, disse um amigo meu com remorso alguns meses atrás. Ele e eu estávamos discutindo a mudança climática e as mudanças que ambos fizemos em nossos hábitos.
Eu ri.
“Você sabe que eles também consomem energia, e se você não carregar seu carro elétrico em uma tomada que use energia renovável, você ainda está poluindo bastante, certo?”
Ele disse que sabia disso, mas ainda sentia que ele e seu VW de 20 anos eram um tapa na cara de todos os seus esforços para levar uma vida mais sustentável e ecológica.
“Que tal isso - posso lhe dizer como reduzir suas emissões de carbono por meio de seu mundo digital”, sugeri. Ele me deu um olhar perplexo. Eu então disse a ele que, de acordo com algumas estatísticas, o usuário médio da Internet gera aproximadamente a mesma quantidade de CO2 que geraria viajando 1.000 km com um carro normal e há várias atividades que contribuem.
Ele lutou contra essa ideia por quase dez minutos até que eu puxei os dados do meu telefone. Honestamente, não o culpo, pois lembro que tive a mesma reação no dia em que percebi que cada página da web que visito tem um custo oculto - o da energia usada para mantê-la.
O segredo sujo da Internet, por assim dizer.
De acordo com o Website Carbon Calculator, o site médio produz aproximadamente 0,5 gramas de CO2 por página visualizada, portanto, para um site com 100.000 visualizações mensais, são 500 kg por ano. Tenha em mente que é por site!
Para referência, um carro médio emite 1.200 kg de CO2 por 1.000 km, então você pode ver como a Internet tem um efeito muito palpável nas mudanças climáticas e no aquecimento global devido à sua imensa pegada de carbono.
Portanto, fica a pergunta: o que você pode fazer como proprietário de um site para diminuir o impacto de seu site em nosso ambiente?
Web design sustentável, é claro.
Na Kualo, estamos tão intrinsecamente ligados ao conceito de sustentabilidade que sentimos que seria natural explorar este tema. Neste artigo, aprenderemos:
Queremos fornecer a você os projetos exatos que o ajudarão a minimizar a pegada de carbono do seu site, então, sem mais delongas, vamos mergulhar!
Isso é o que podemos ler no Manifesto do Web Design Sustentável, com o site explicando resumidamente o que esse credo abrangeria. Vamos passar rapidamente pelos 6 pontos:
Se você considerar todos os pontos mencionados acima, poderá ver que o que este manifesto está pedindo não é apenas um web design sustentável, mas é de fato a base para práticas de negócios sustentáveis e economia sustentável. Para ter um futuro melhor, precisamos de negócios que forneçam serviços e produtos significativos e úteis que tenham um impacto negativo mínimo no meio ambiente e nas pessoas.
Em outras palavras, se você está indo para um web design sustentável, você deve:
Agora, voltando ao que eu disse no início deste artigo (e nosso infográfico sobre o impacto ambiental da Internet), sabemos que isso é basicamente um buraco negro de energia cada vez maior. Por outro lado, também sabemos que a Internet é crítica para muitas pessoas, e não é como se eles pudessem trocá-la por sua versão mais eficiente em termos de energia, como você faria com um carro ou um laptop.
Mas sabe o que podemos trocar?
Nosso design do site, é claro.
Se o ponto principal é que o tamanho do seu site e como ele é construído impactam diretamente na quantidade de CO2 que ele irá gerar, então é isso que precisamos abordar como proprietários de sites.
Mas há um benefício adicional em mudar nossos hábitos quando se trata de web design?
Eu absolutamente diria que sim.
Como profissional de marketing, estou acostumado a considerar todos os ângulos de meus esforços digitais e a forma como eles impactam meus projetos. Posso dizer desde já que, mesmo em nível pessoal, é muito melhor implantar um site que segue uma web design e aqui estão algumas das razões:
Por razões óbvias, viagens mais curtas são preferidas pelos usuários, pois não desperdiçam seu tempo. Além da experiência do cliente, porém, eles também visitarão menos páginas para encontrar o que precisam e, assim, reduzirão as emissões de carbono de sua visita.
(crédito da imagem: https://www.appcues.com/blog/user-journey-map)
É uma boa ideia se familiarizar melhor com o conceito de jornada do usuário e, depois que você puder projetar livremente seus mapas de jornada do usuário, adaptar seu design da web a eles.
Uma boa experiência do usuário (UX) que evita pontos de atrito inevitavelmente resultará em menor consumo de energia e clientes mais satisfeitos.
Escolher um provedor que ofereça hospedagem sustentável alimentada por energia renovável é obrigatório. Também é uma boa ideia examinar sua política ambiental geral e verificar se seu provedor de hospedagem tomou medidas adicionais para compensar suas emissões de CO2 e/ou se está envolvido em outras práticas de sustentabilidade.
Se um site não tiver cache, você estará fazendo o servidor trabalhar mais. Cada vez que alguém acessa uma página em seu site, o conteúdo da página deve ser construído em tempo real, processando o código PHP, fazendo consultas ao banco de dados e transformando-o no conteúdo HTML que exibe seu site.
Isso usa mais CPU, memória e disco do servidor, consumindo energia no processo. O servidor precisaria fazer isso para cada visitante e cada página, portanto, quanto mais visitantes e páginas você tiver, mais energia consumirá.
Com o armazenamento em cache instalado, a maior parte dessa carga de trabalho intensiva é realizada apenas na primeira vez que um visitante solicita uma página. O HTML resultante é então armazenado em um cache para que cada carregamento de página subseqüente não precise fazer todo aquele trabalho pesado.
Além do mais, suas páginas carregam mais rápido. Isso não é apenas uma vitória para você e seus visitantes, mas também significa que seus visitantes gastam menos tempo esperando a página carregar - consumindo menos energia no processo.
Existem várias maneiras de armazenar sites em cache, no Kualo, preferimos o LiteSpeed Cache para cache de página e também temos Redis e Memcached para armazenar em cache consultas de banco de dados. Sites super-rápidos e melhor sustentabilidade - como não amar?
Esse é frequentemente o caso de plug-ins voltados para marketing ou duplicados que esquecemos. Avalie o que você tem e depois o que precisa e dê o fora em qualquer outra coisa.
(a fonte personalizada criada para o Duolingo pela agência Johnson Banks)
Seu arquivo de fonte personalizado típico pode facilmente exceder 200kb enquanto inclui um único peso. Se você usar vários pesos e tipos de letra, isso inevitavelmente aumentará, afetando a velocidade e o consumo de energia.
Portanto, é recomendável usar fontes personalizadas apenas se você sentir que elas são realmente importantes para sua marca e para fins práticos.
https://youtu.be/eY-VyLd2t-Q
LiteSpeed Cache para WordPress inclui otimização automática de imagem, então você não precisa se preocupar em fazer isso sozinho. Além do mais, ele pode converter imagens para usar formatos de arquivo modernos, como WebP, que são cerca de 25% menores em tamanho em comparação com imagens PNG ou JPG.
Além da otimização, o que também precisamos considerar é se seu uso é justificável e proposital.
Por exemplo, algumas fotos de produtos podem ser inúteis (por exemplo, ângulos muito semelhantes). Em outros casos, as imagens usadas na página, como imagens aleatórias, podem ser facilmente substituídas por alternativas como gráficos SVG ou o mesmo efeito pode ser obtido por meio de estilos CSS.
Se isso incluir muitas imagens ou vídeos em particular, que podem ser grandes, todos esses dados precisam viajar pela Internet, mesmo que nunca sejam vistos.
O carregamento lento significa que você solicita esse conteúdo apenas quando o usuário rola a página. Essas seções aparecerão logo antes que o conteúdo seja exibido, portanto, da perspectiva do visitante, é como se estivesse sempre lá - não há diferença perceptível.
Você não apenas evita a transmissão de dados desnecessários, mas também melhora sua pontuação no PageSpeed tornando seu site menos pesado.
Alguns aplicativos vêm com carregamento lento integrado ou podem ser integrados com um plug-in. Para WordPress, o LiteSpeed Cache inclui um recurso de carregamento lento que é capaz de carregar lentamente qualquer coisa, desde imagens, vídeos, conteúdo incorporado ou até mesmo blocos inteiros de HTML, se sua página for muito longa.
As animações normalmente não têm propósito tático, então use-as o mínimo possível. Com os vídeos, é muito importante para qual finalidade eles servirão; portanto, se você acha que eles são úteis para seus usuários, use-os de fato, apenas certifique-se de que eles também sejam o mais otimizados possível.
Freqüentemente, seu código HTML, CSS e Javascript conterá dados adicionais, como espaços, quebras de linha ou comentários. Esses espaços ou comentários são úteis apenas para que um desenvolvedor possa ler e entender facilmente o código, mas não fazem diferença em como o navegador interpreta seu código.
Minificar seu código elimina todo esse peso desnecessário, reduzindo o tamanho dos arquivos que precisam ser transferidos pela Internet e tornando o carregamento do site mais rápido.
Para WordPress, o LiteSpeed Cache cuida desse aspecto para você, mas a maioria dos outros aplicativos também terá um recurso semelhante disponível por meio de um plug-in.
Você pode ter usado um tema ou construtor de páginas que inclui vários layouts, estilos ou funcionalidades diferentes que você nunca usa em nenhum lugar do site.
Todo o código permanecerá em seus arquivos CSS e JS, aumentando a quantidade de dados que precisam ser transferidos pela Internet e tornando o carregamento do site mais lento sem motivo aparente.
Pode ser difícil descobrir exatamente qual código remover manualmente, mas para o WordPress, o LiteSpeed Cache permite remover CSS não utilizado automaticamente. Isso elimina o CSS não utilizado e gera um arquivo CSS exclusivo para cada página. Isso pode valer a pena se você tiver apenas algumas páginas, mas se o seu site tiver muitas páginas, pode ser mais eficiente usar um único arquivo CSS.
O Javascript pode ser mais complexo de remover, embora o LiteSpeed possa pelo menos atrasar o carregamento até que a atividade do usuário seja detectada. Isso pode ser apropriado, desde que não seja necessário para o conteúdo acima da dobra.
Em última análise, o melhor conselho é evitar o uso de construtores de páginas ou plug-ins inchados sempre que possível e usar um código limpo que você sabe que é realmente necessário.
Eles passarão muito mais tempo tentando encontrar o que procuram, resultando em maior consumo de energia.
Para evitar isso, certifique-se de que seu design se adapte bem ao maior número possível dessas variáveis para fornecer uma experiência ideal para os usuários.
Mais importante, porém, do ponto de vista da sustentabilidade, isso ajuda a reduzir o CO2, pois a transferência de dados para diferentes partes do mundo requer muita energia. E quanto mais longe os dados tiverem que viajar, mais energia serão necessários.
Também é bom mencionar que as imagens veiculadas via CDN normalmente são reduzidas em tamanho se você pular esta etapa. Muitos CDNs fornecem ferramentas para otimização de imagem, incluindo a redução do tamanho da imagem, densidade de pixels, formato e compactação.
É importante escolher um CDN que use energia renovável, é claro, como o Cloudflare.
Você pode escolhê-los manualmente ou usar o Google Analytics para avaliar quais páginas podem estar desatualizadas ou com baixo desempenho. Você pode então decidir se pode adaptá-los para ter um conteúdo útil e atualizado ou determinar se eles são simplesmente destinados ao lixo.
Participar de projetos que plantam árvores e compensam o carbono é uma maneira incrível não apenas de melhorar a sustentabilidade do seu web design, mas também do seu negócio em geral. As árvores são vencedoras absolutas na redução das emissões de CO2, pois as absorvem e as transformam em oxigênio.
Convidamos você a visitar nossos parceiros da Ecologi (ou qualquer outra organização similar) e começar a plantar essas árvores!
Eu ri.
“Você sabe que eles também consomem energia, e se você não carregar seu carro elétrico em uma tomada que use energia renovável, você ainda está poluindo bastante, certo?”
Ele disse que sabia disso, mas ainda sentia que ele e seu VW de 20 anos eram um tapa na cara de todos os seus esforços para levar uma vida mais sustentável e ecológica.
“Que tal isso - posso lhe dizer como reduzir suas emissões de carbono por meio de seu mundo digital”, sugeri. Ele me deu um olhar perplexo. Eu então disse a ele que, de acordo com algumas estatísticas, o usuário médio da Internet gera aproximadamente a mesma quantidade de CO2 que geraria viajando 1.000 km com um carro normal e há várias atividades que contribuem.
Ele lutou contra essa ideia por quase dez minutos até que eu puxei os dados do meu telefone. Honestamente, não o culpo, pois lembro que tive a mesma reação no dia em que percebi que cada página da web que visito tem um custo oculto - o da energia usada para mantê-la.
O segredo sujo da Internet, por assim dizer.
De acordo com o Website Carbon Calculator, o site médio produz aproximadamente 0,5 gramas de CO2 por página visualizada, portanto, para um site com 100.000 visualizações mensais, são 500 kg por ano. Tenha em mente que é por site!
Para referência, um carro médio emite 1.200 kg de CO2 por 1.000 km, então você pode ver como a Internet tem um efeito muito palpável nas mudanças climáticas e no aquecimento global devido à sua imensa pegada de carbono.
Portanto, fica a pergunta: o que você pode fazer como proprietário de um site para diminuir o impacto de seu site em nosso ambiente?
Web design sustentável, é claro.
Na Kualo, estamos tão intrinsecamente ligados ao conceito de sustentabilidade que sentimos que seria natural explorar este tema. Neste artigo, aprenderemos:
- O que é web design sustentável?
- Por que precisamos de web design sustentável?
- Quais são os benefícios do web design sustentável?
- Práticas recomendadas de web design sustentável
Queremos fornecer a você os projetos exatos que o ajudarão a minimizar a pegada de carbono do seu site, então, sem mais delongas, vamos mergulhar!
O que é web design sustentável?
“Web design sustentável é uma abordagem para projetar serviços da Web que colocam as pessoas e o planeta em primeiro lugar. Oferece produtos e serviços digitais que respeitam os princípios do Manifesto da Web Sustentável: limpo, eficiente, aberto, honesto, regenerativo e resiliente.”Isso é o que podemos ler no Manifesto do Web Design Sustentável, com o site explicando resumidamente o que esse credo abrangeria. Vamos passar rapidamente pelos 6 pontos:
- Limpo: os serviços usados pelo seu site devem ser alimentados por fontes de energia renováveis, o que significa que sua hospedagem na web deve ser verde.
- Eficiente: os serviços que você fornece devem ser totalmente otimizados para usar a menor quantidade possível de energia (e materiais)
- Aberto: os serviços que você fornece devem ser acessíveis a todos e devem permitir que os usuários tenham controle total de seus dados
- Honesto: seu site não fornecerá conteúdo enganoso e/ou tentará enganar os usuários por meio do web design
- Regenerativa: seus serviços participarão de uma economia voltada para o apoio às comunidades e ao meio ambiente
- Resiliente: Seus serviços serão fornecidos quando e onde forem mais necessários
Se você considerar todos os pontos mencionados acima, poderá ver que o que este manifesto está pedindo não é apenas um web design sustentável, mas é de fato a base para práticas de negócios sustentáveis e economia sustentável. Para ter um futuro melhor, precisamos de negócios que forneçam serviços e produtos significativos e úteis que tenham um impacto negativo mínimo no meio ambiente e nas pessoas.
Em outras palavras, se você está indo para um web design sustentável, você deve:
- Use a menor quantidade possível de recursos
- Desenvolva e siga um plano de conteúdo bem pensado que garanta que cada página que você criar tenha um propósito
- Utilize uma construção de site otimizada
- Evite enganar seus usuários de qualquer forma para realizar ações que eles podem não querer
Por que o Web Design Sustentável é importante?
Assim, a internet traz inúmeros benefícios para a sociedade, mas tem um enorme custo ambiental. O usuário médio da web consome conteúdo online de 5 a 6 horas por dia em seu computador ou dispositivo móvel. À medida que continuamos a usar a tecnologia com mais frequência do que nunca, isso só aumentará nos próximos anos até que bilhões de pessoas naveguem em sites de todo o mundo com 8 tipos diferentes de dispositivos!Agora, voltando ao que eu disse no início deste artigo (e nosso infográfico sobre o impacto ambiental da Internet), sabemos que isso é basicamente um buraco negro de energia cada vez maior. Por outro lado, também sabemos que a Internet é crítica para muitas pessoas, e não é como se eles pudessem trocá-la por sua versão mais eficiente em termos de energia, como você faria com um carro ou um laptop.
Mas sabe o que podemos trocar?
Nosso design do site, é claro.
Se o ponto principal é que o tamanho do seu site e como ele é construído impactam diretamente na quantidade de CO2 que ele irá gerar, então é isso que precisamos abordar como proprietários de sites.
Benefícios do Web Design Sustentável
Agora, de um modo geral, se você está lendo isso, você já tem um bom motivo para querer um site sustentável, e esse motivo está ligado à proteção ambiental. Basicamente, você quer ser um herói para o planeta, e eu o admiro por isso.Mas há um benefício adicional em mudar nossos hábitos quando se trata de web design?
Eu absolutamente diria que sim.
Como profissional de marketing, estou acostumado a considerar todos os ângulos de meus esforços digitais e a forma como eles impactam meus projetos. Posso dizer desde já que, mesmo em nível pessoal, é muito melhor implantar um site que segue uma web design e aqui estão algumas das razões:
- Você gastará menos : das despesas com designer à produção de conteúdo, cada coisa adicional custará dinheiro. Designs mais complexos custarão dinheiro, mais direitos autorais e conteúdo custarão dinheiro e assim por diante. Ser minimalista e ter apenas o que você realmente precisa é uma excelente maneira de cortar gastos
- Seus clientes ficarão mais satisfeitos: antigamente, quando os sites eram uma novidade, as pessoas gostavam de sinos e assobios, agora todos estão impressionados com eles, pois passam o dia inteiro navegando. Isso significa que, para o usuário comum, quanto mais claro for o seu site, maior a probabilidade de encontrar o que deseja, em vez de clicar no botão X e ir para alguém que não está perdendo tempo.
- Seus esforços de SEO serão mais eficazes : a velocidade já é algo importante há alguns anos quando se trata de classificação do Google, mas a cada ano que passa, vemos isso se tornando cada vez mais crítico quando se trata de SEO. O Google ODEIA sites lentos e com certeza priorizará sites mais leves e rápidos. A propósito, isso também é verdade para a experiência do cliente, como todos sabemos.
Como tornar seu site sustentável
1. Comece planejando a jornada do usuário
Se você não estiver familiarizado com o conceito, a jornada do usuário simplesmente se refere à sequência de ações que um usuário realizará ao visitar seu site para atingir um objetivo específico - uma inscrição, uma compra etc.Por razões óbvias, viagens mais curtas são preferidas pelos usuários, pois não desperdiçam seu tempo. Além da experiência do cliente, porém, eles também visitarão menos páginas para encontrar o que precisam e, assim, reduzirão as emissões de carbono de sua visita.
(crédito da imagem: https://www.appcues.com/blog/user-journey-map)
É uma boa ideia se familiarizar melhor com o conceito de jornada do usuário e, depois que você puder projetar livremente seus mapas de jornada do usuário, adaptar seu design da web a eles.
Uma boa experiência do usuário (UX) que evita pontos de atrito inevitavelmente resultará em menor consumo de energia e clientes mais satisfeitos.
2. Escolha um provedor de hospedagem verde
Eu sei que isso soa um pouco egoísta, já que somos, no final, uma empresa de hospedagem, mas a realidade é que quem alimenta seu site todos os dias será absolutamente importante se você quiser reduzir sua pegada de carbono. Os data centers consomem, infelizmente, grande parte da energia que vai alimentar a internet. É essencial que façamos uma transição rápida para fontes 100% renováveis.Escolher um provedor que ofereça hospedagem sustentável alimentada por energia renovável é obrigatório. Também é uma boa ideia examinar sua política ambiental geral e verificar se seu provedor de hospedagem tomou medidas adicionais para compensar suas emissões de CO2 e/ou se está envolvido em outras práticas de sustentabilidade.
3. Armazene tudo em cache!
Se você estiver usando um aplicativo baseado em PHP como muitos sites (WordPress, Magento, Drupal etc.), o armazenamento em cache é obrigatório para a sustentabilidade.Se um site não tiver cache, você estará fazendo o servidor trabalhar mais. Cada vez que alguém acessa uma página em seu site, o conteúdo da página deve ser construído em tempo real, processando o código PHP, fazendo consultas ao banco de dados e transformando-o no conteúdo HTML que exibe seu site.
Isso usa mais CPU, memória e disco do servidor, consumindo energia no processo. O servidor precisaria fazer isso para cada visitante e cada página, portanto, quanto mais visitantes e páginas você tiver, mais energia consumirá.
Com o armazenamento em cache instalado, a maior parte dessa carga de trabalho intensiva é realizada apenas na primeira vez que um visitante solicita uma página. O HTML resultante é então armazenado em um cache para que cada carregamento de página subseqüente não precise fazer todo aquele trabalho pesado.
Além do mais, suas páginas carregam mais rápido. Isso não é apenas uma vitória para você e seus visitantes, mas também significa que seus visitantes gastam menos tempo esperando a página carregar - consumindo menos energia no processo.
Existem várias maneiras de armazenar sites em cache, no Kualo, preferimos o LiteSpeed Cache para cache de página e também temos Redis e Memcached para armazenar em cache consultas de banco de dados. Sites super-rápidos e melhor sustentabilidade - como não amar?
4. Se estiver escrevendo um código, certifique-se de que seja um código limpo
A maioria dos usuários usará algum tipo de CMS, mas se você escrever algum código, certifique-se de que seja fácil de entender, fácil de alterar e evite duplicações e operações desnecessárias5. Evite plugins e addons inúteis
Isso é relevante para a regra acima, mas para pessoas que de fato usam um CMS como WordPress, Magento, Craft, Laravel e assim por diante. Às vezes, podemos ficar muito empolgados com todas as possibilidades que o mercado de plugins nos oferece e afogar nosso site em plugins desnecessáriosEsse é frequentemente o caso de plug-ins voltados para marketing ou duplicados que esquecemos. Avalie o que você tem e depois o que precisa e dê o fora em qualquer outra coisa.
6. Evite ou use fontes minimamente customizadas
Isso pode ser uma surpresa, mas as fontes personalizadas podem aumentar absolutamente o tamanho do arquivo do seu site].(a fonte personalizada criada para o Duolingo pela agência Johnson Banks)
Seu arquivo de fonte personalizado típico pode facilmente exceder 200kb enquanto inclui um único peso. Se você usar vários pesos e tipos de letra, isso inevitavelmente aumentará, afetando a velocidade e o consumo de energia.
Portanto, é recomendável usar fontes personalizadas apenas se você sentir que elas são realmente importantes para sua marca e para fins práticos.
7. Use arquivos de mídia com sabedoria (e otimize-os)
Não é preciso dizer que todas as imagens em seu site devem ser otimizadas em tamanho. Sabemos disso pelas melhores práticas relacionadas à velocidade do site (e, posteriormente, ao SEO). Às vezes, vemos clientes perguntando por que seu site está lento, apenas para descobrir que a página inicial inclui 4 MB de imagens porque eles enviaram originais super grandes! Essas mesmas imagens podem ser exibidas sem qualquer redução na qualidade, otimizando-as.https://youtu.be/eY-VyLd2t-Q
LiteSpeed Cache para WordPress inclui otimização automática de imagem, então você não precisa se preocupar em fazer isso sozinho. Além do mais, ele pode converter imagens para usar formatos de arquivo modernos, como WebP, que são cerca de 25% menores em tamanho em comparação com imagens PNG ou JPG.
Além da otimização, o que também precisamos considerar é se seu uso é justificável e proposital.
Por exemplo, algumas fotos de produtos podem ser inúteis (por exemplo, ângulos muito semelhantes). Em outros casos, as imagens usadas na página, como imagens aleatórias, podem ser facilmente substituídas por alternativas como gráficos SVG ou o mesmo efeito pode ser obtido por meio de estilos CSS.
8. Carga preguiçosa abaixo do conteúdo da dobra
Cada uma de suas páginas da web pode conter muito conteúdo 'abaixo da dobra' - ou seja, conteúdo que não é visível a menos que o visitante role a página para baixo.Se isso incluir muitas imagens ou vídeos em particular, que podem ser grandes, todos esses dados precisam viajar pela Internet, mesmo que nunca sejam vistos.
O carregamento lento significa que você solicita esse conteúdo apenas quando o usuário rola a página. Essas seções aparecerão logo antes que o conteúdo seja exibido, portanto, da perspectiva do visitante, é como se estivesse sempre lá - não há diferença perceptível.
Você não apenas evita a transmissão de dados desnecessários, mas também melhora sua pontuação no PageSpeed tornando seu site menos pesado.
Alguns aplicativos vêm com carregamento lento integrado ou podem ser integrados com um plug-in. Para WordPress, o LiteSpeed Cache inclui um recurso de carregamento lento que é capaz de carregar lentamente qualquer coisa, desde imagens, vídeos, conteúdo incorporado ou até mesmo blocos inteiros de HTML, se sua página for muito longa.
9. Limite o uso de vídeos e animações
Você não precisa fazer seu site parecer uma página do Word e evitar vídeos e animações como a praga, mas, como com imagens, use-os frugalmente.As animações normalmente não têm propósito tático, então use-as o mínimo possível. Com os vídeos, é muito importante para qual finalidade eles servirão; portanto, se você acha que eles são úteis para seus usuários, use-os de fato, apenas certifique-se de que eles também sejam o mais otimizados possível.
10. Minimize HTML, CSS e Javascript em seu site
Novamente, você pode já estar fazendo isso para fins de velocidade, mas se não estiver, vamos examinar rapidamente o motivo por trás disso.Freqüentemente, seu código HTML, CSS e Javascript conterá dados adicionais, como espaços, quebras de linha ou comentários. Esses espaços ou comentários são úteis apenas para que um desenvolvedor possa ler e entender facilmente o código, mas não fazem diferença em como o navegador interpreta seu código.
Minificar seu código elimina todo esse peso desnecessário, reduzindo o tamanho dos arquivos que precisam ser transferidos pela Internet e tornando o carregamento do site mais rápido.
Para WordPress, o LiteSpeed Cache cuida desse aspecto para você, mas a maioria dos outros aplicativos também terá um recurso semelhante disponível por meio de um plug-in.
11. Remova CSS e Javascript desnecessários
Enquanto a minificação remove dados desnecessários, ela não está analisando se algum desses códigos é realmente usado pelo seu site.Você pode ter usado um tema ou construtor de páginas que inclui vários layouts, estilos ou funcionalidades diferentes que você nunca usa em nenhum lugar do site.
Todo o código permanecerá em seus arquivos CSS e JS, aumentando a quantidade de dados que precisam ser transferidos pela Internet e tornando o carregamento do site mais lento sem motivo aparente.
Pode ser difícil descobrir exatamente qual código remover manualmente, mas para o WordPress, o LiteSpeed Cache permite remover CSS não utilizado automaticamente. Isso elimina o CSS não utilizado e gera um arquivo CSS exclusivo para cada página. Isso pode valer a pena se você tiver apenas algumas páginas, mas se o seu site tiver muitas páginas, pode ser mais eficiente usar um único arquivo CSS.
O Javascript pode ser mais complexo de remover, embora o LiteSpeed possa pelo menos atrasar o carregamento até que a atividade do usuário seja detectada. Isso pode ser apropriado, desde que não seja necessário para o conteúdo acima da dobra.
Em última análise, o melhor conselho é evitar o uso de construtores de páginas ou plug-ins inchados sempre que possível e usar um código limpo que você sabe que é realmente necessário.
12. Certifique-se de que seu site funcione corretamente em diferentes dispositivos
Testar seu site em vários tamanhos de tela, navegadores, dispositivos e velocidades de largura de banda pode consumir bastante tempo, mas está intimamente ligado ao design da web sustentável. Tem a ver com o ponto n.1, o que significa que a exibição incorreta de conteúdo e design levará a uma UX ruim e muita confusão entre os usuários.Eles passarão muito mais tempo tentando encontrar o que procuram, resultando em maior consumo de energia.
Para evitar isso, certifique-se de que seu design se adapte bem ao maior número possível dessas variáveis para fornecer uma experiência ideal para os usuários.
13. Use um CDN para servir seu conteúdo
Então, o que é um CDN? Uma rede de entrega de conteúdo (CDN) é uma rede de servidores em diferentes localizações geográficas. A maneira como eles ajudarão seu conteúdo a carregar mais rapidamente é veiculando de um local próximo a seus usuários. Em outras palavras, isso está ligado tanto à velocidade quanto à experiência do usuário.Mais importante, porém, do ponto de vista da sustentabilidade, isso ajuda a reduzir o CO2, pois a transferência de dados para diferentes partes do mundo requer muita energia. E quanto mais longe os dados tiverem que viajar, mais energia serão necessários.
Também é bom mencionar que as imagens veiculadas via CDN normalmente são reduzidas em tamanho se você pular esta etapa. Muitos CDNs fornecem ferramentas para otimização de imagem, incluindo a redução do tamanho da imagem, densidade de pixels, formato e compactação.
É importante escolher um CDN que use energia renovável, é claro, como o Cloudflare.
14. Audite seu conteúdo para garantir que ele cumpra a estratégia
Se você tem um site grande, é fundamental auditar periodicamente seu conteúdo. Algumas páginas inevitavelmente se tornarão obsoletas ou não servirão mais ao seu propósito. Isso é especialmente verdadeiro para bases de conhecimento, mas também para páginas de produtos, postagens de blog e assim por diante.Você pode escolhê-los manualmente ou usar o Google Analytics para avaliar quais páginas podem estar desatualizadas ou com baixo desempenho. Você pode então decidir se pode adaptá-los para ter um conteúdo útil e atualizado ou determinar se eles são simplesmente destinados ao lixo.
15. Reduza suas emissões de CO2 compensando sua pegada de carbono
Tornar-se um negócio positivo para o clima foi provavelmente uma das melhores decisões que já tomamos em termos de nivelar nossa sustentabilidade. Até o momento, plantamos mais de 50.000 árvores e compensamos mais de 2.000t de CO2, com a intenção de continuar esta jornada nos próximos anos.Participar de projetos que plantam árvores e compensam o carbono é uma maneira incrível não apenas de melhorar a sustentabilidade do seu web design, mas também do seu negócio em geral. As árvores são vencedoras absolutas na redução das emissões de CO2, pois as absorvem e as transformam em oxigênio.
Convidamos você a visitar nossos parceiros da Ecologi (ou qualquer outra organização similar) e começar a plantar essas árvores!