Como Aumentar a Velocidade do Seu Site Blogger em 3 Passos
Uma das métricas usadas para posicionar o seu website no primeiro lugar nos motores de busca é a velocidade do seu site, um site que carregue o seu conteúdo em tempo reduzido terá maior chances de encontrar o seu conteúdo posicionado sempre nas primeiras páginas do google.
Neste guia, vou lhe ensinar alguns truques que tenho usado para optimizar os meus templates/sites blogger, para que esses não demorem muito em abrir, e consequentemente atrair mais clientes. Sendo o blogger uma plataforma sem muita documentação e fortemente apoiada por desenvolvedores como eu, é difícil saber o que fazer se o seu site estiver a carregar lento. Este artigo ajudará a teres um site blogger verdadeiramente veloz.
Use imagens comprimidas e optimizadas para o seu tema
Um dos factores mais comuns que fazem com que o seu blog carregue lentamente no blogger, são as suas imagens usadas. Com o avanço das tecnologias, as maiores das fotos tiradas para popular um website, não são optimizadas, tiradas com celulares, câmeras ou mesmo por bombinhas. Mas as mesmas não são optimizadas para serem carregadas por um website. Levando para algumas imagens até um minuto na hora de seu carregamento, mesmo se o usuário estiver a usar a internet da Starlink.
O meu conselho é que na hora de programar o seus arquivos de imagens a serem usados no website passe por essas fases, primeiro: Crie uma imagem com dimensões simples 800px por 800px, vai comunicar bem o valor da sua marca sem perder qualidade da mesma. Se tens imagens já criadas podes usar o canva para redimensionar as imagens presentes no seu website.
Com as imagens em dimensões razoáveis, está na hora de comprimir os seus ficheiros, mas para não perderes qualidade use o TinyPNG ou o Compressor.io ou instale File converter no seu sistema e reduza as imagens, essas ferramentas no seus pacotes gratuitos podem optimizar todas as imagens que tens usado.
Para Finalizar, Instale o File Converter no seu pc, e transforme todos os seus ficheiros comprimidos para a versão WebP, esse formato reduzirá o tamanho da imagem mas mantendo a qualidade original ao mesmo tempo essa versão terá os fundos transparentes como o PNG.
Fazendo apenas essa alteração podes contar que o seu website estará a carregar muito mais rápido que antigamente e o mais importante os seus visitantes terão os dados dos salvados.
Use um template moderno, simplificado e com todos os Widgets simplificados
Há diversos temas que pode usar no seu site blogger, mas alguns desses temas vêm com código duplicado e widgets que não estão em uso.
Para alguns passos nesta parte, é melhor se contactar um desenvolvedor antes de alterar o visual do seu website, pois qualquer alteração errada pode destruir o visual do seu tema ou mesmo quebrar a sua página.
Na sua área de administrador, do lado esquerdo procure pela secção de Layout, nesta secção veja os widgets que não está usado e remova, isso ajudará o seu tema reduzir o código usado para ler cada um desses widgets eliminados. Ou seja, remova os widgets que não estão a contribuir diretamente para a experiência do utilizador.
Com ajuda de um desenvolvedor, modifique o seu tema, isso ajudará o blogger a ler-lo muito mais rápido, ainda com a ajuda do desenvolvedor revise o seu código, removendo partes que não estão em uso, alguns scripts em templates blogger não estão mais funcionais ou tem alternativas mais leves. Caso não seja possível fazer as alterações mencionadas: Considere também mudar para um tema mais leve e moderno, os templates blogger que tem sido criados recentemente contam com a velocidade como um dos pontos importantes antes de serem publicados, procure por temas para blogger com essas descrições “"rápidos", "leves" ou "optimizados para SEO"”.
Passo 3: Activar o Carregamento Lazy Loading e Melhorar o Cache
Com os widgets, imagens e códigos utilizados, vamos activar o Lazy loading e Image Webp, essa função já vem configurada diretamente nas definições de todos os bloggers.
Mas caso não esteja activo no seu tema, vamos implementar, você pode usar o código lazyloading que deixei abaixo, e adicionar no código HTML do seu tema (Código - Tema - Editar HTML), com o código font visível, procure pelo fim da tag head “ </head>” e adicione o script de lazy loading fornecido abaixo. Se não se sente confortável a mexer no código, pode pedir ajuda a um desenvolvedor blogger para adicionar o script. Adicionado ao tema, salve o blog e de seguida vá para o ícone de configuração no seu blog e activa a função Lazy loading.
Activado, os visitantes agora somente verão as imagens carregadas quando ela aparecer na visão do monitor, ou seja, assim que o site for visitando as primeiras imagens serão apresentadas e a medida que o usuário fazer scroll as imagens vão aparecendo.
Como manter o seu site otimizado
O mais importante é não fazer os passos acima mencionados e deixar o seu website. É necessário que você crie como hábito analisar o seu website em diferentes plataformas de speed insight para ver os pontos a serem melhorados.
Algumas ferramentas gratuitas que tenho usado para analisar os meus templates é o google Pagespeed, está ferramenta analisa a velocidade do seu site e oferece recomendações específicas para melhorar a velocidade de carregamento do seu blogger, o ideal é ter uma métrica entre 75 - 100 para cada uma das métricas principais., Anote qual é a plataforma que os visitantes visitam a página, caso eles visitem pelo computador deves optimizar o seu site para que abra rápido usando computador, caso seja o celular faça o mesmo.
Para garantir que o seu site fique com mesma velocidade, à medida que adicionar mais conteúdo faça uma análise, ou em caso de imagens faça as alterações mencionadas no ponto um.
Para nós que dependemos de visitantes provenientes de zonas do país onde a acessibilidade da internet não é das melhores, ter um site que abri rápido pode ser o ideal para manter o seu cliente activo.
Se gostarias de ajuda para manter o seu site blogger optimizado, entre em contacto.
English
Español
Français