Nosso Guia Completo: Como Otimizar um Site WordPress e Chegar à Nota 100

Nosso Guia Completo: Como Otimizar um Site WordPress e Chegar à Nota 100

Você já abriu o PageSpeed Insights do Google, testou seu site e sentiu uma ponta de decepção com o resultado? Se a resposta for sim, este guia é para você. Por muito tempo, nós também buscamos a fórmula ideal para otimizar nosso site WordPress e, após muitos testes, finalmente alcançamos a nota máxima: 100/100 em Desempenho. Agora, vamos compartilhar o passo a passo completo, de forma simples, para que você também possa acelerar seu site.

A Base de Tudo: Hospedagem e Tema

Antes de qualquer otimização, o fundamental é ter uma boa base. De nada adianta ter o carro mais rápido do mundo se a estrada é cheia de buracos.

  • Hospedagem de Qualidade (Cloudways): Usamos a Cloudways, que nos dá acesso a tecnologias de ponta como Varnish Cache e Redis. Pense nisso como ter assistentes super rápidos no servidor, que já deixam boa parte do site pré-pronta para entregar aos visitantes.
  • A Dupla Poderosa (WordPress + Divi): Nosso site é construído em WordPress com o tema e construtor Divi. Amamos o Divi pela sua flexibilidade, mas ele precisa dos ajustes certos para ser realmente rápido. Se precisar de ajuda profissional com seu design, conheça nossos serviços de design gráfico.

A Estratégia para Otimizar seu Site WordPress

Aqui é onde a mágica acontece. O segredo não é usar dezenas de plugins, mas usar os plugins certos da maneira certa, fazendo com que eles trabalhem em harmonia para melhorar a performance do WordPress.

1. Caching: A Memória Rápida do Site

Imagine um barista que, sabendo que todos pedem café expresso de manhã, já deixa várias xícaras prontas. Isso é o cache. Para otimizar o site WordPress, usamos três camadas de cache:

  • Cache do Servidor (Varnish na Cloudways): A primeira e mais rápida camada.
  • Cache do Site (Plugin Breeze): Um plugin de cache que organiza os arquivos do próprio WordPress. Como ele é da Cloudways, a integração é perfeita.
  • Cache de Borda (Cloudflare): A Cloudflare cria cópias do seu site em servidores ao redor do mundo (CDN), entregando o conteúdo de forma quase instantânea em qualquer lugar do planeta.

2. Otimização de Arquivos: O Fim da Bagunça

Todo site usa arquivos de estilo (CSS) e de interatividade (JavaScript – JS). O problema é que, muitas vezes, o tema e os plugins carregam dezenas desses arquivos, o que deixa o carregamento lento.

A Solução: Nós usávamos dois plugins, Breeze e Autoptimize, mas isso pode gerar conflitos. Para simplificar, desativamos o Autoptimize e centralizamos tudo no Breeze. A configuração que mais ajudou a otimizar o site WordPress foi:

  • Atrasar a Execução do JavaScript (Delay JS Execution): Esta opção é um super-trunfo. Ela faz com que os scripts só carreguem quando o visitante interage com a página (rola a tela ou clica em algo). Para o Google, o site parece carregar instantaneamente, o que eleva a nota de desempenho.

3. Otimização de Conteúdo: Fontes e Imagens

  • Fontes Rápidas: Garantimos que o texto do site apareça imediatamente, mesmo que a fonte personalizada ainda não tenha carregado (usando font-display: swap) e demos uma “dica” para o navegador carregar as fontes importantes primeiro (preload).
  • Imagens Leves (WebP): Através da Cloudflare, ativamos a função Polish. Ela comprime as imagens e as converte para o formato WebP, que é muito mais leve que JPG ou PNG, sem perda de qualidade perceptível. Confira a qualidade em nossos projetos de impressão.

4. Ajustes Finos no Servidor para Acelerar o WordPress

Um site como o nosso, feito com Divi, precisa de um pouco mais de “fôlego” para trabalhar. Fizemos um ajuste simples na Cloudways para acelerar o WordPress de vez:

  • Aumentamos o Limite de Memória do PHP: Passamos de um valor baixo para 256M. Isso é como dar mais memória RAM para um programa pesado rodar sem travar, evitando erros e tornando o painel mais estável.

Conclusão: A Receita para um Site Rápido

Alcançar a nota 100 não é sobre um único truque, mas sobre a combinação inteligente de boas práticas. Para otimizar seu site WordPress, siga este resumo:

  1. Escolha uma hospedagem de alta performance.
  2. Use a Cloudflare como sua CDN.
  3. Centralize a otimização em um único plugin de cache e ative o atraso na execução do JavaScript.
  4. Otimize fontes e imagens (use WebP!).
  5. Dê ao seu servidor os recursos necessários (aumente a memória do PHP).

Esperamos que nosso caminho ajude você a trilhar o seu. Com paciência e as configurações certas, um site incrivelmente rápido está ao seu alcance! Se tiver dúvidas, entre em contato conosco.

Recurso Bônus: Código para Pré-carregar Fontes

Para usuários mais avançados, aqui está um código que você pode adicionar ao seu site para pré-carregar fontes importantes. Use o bloco “HTML Personalizado” para inserir este código no seu post, ou adicione a um plugin de snippets.


<?php
/**
 * Adiciona tags de pré-carregamento (preload) para fontes importantes no head do site.
 * Cole este código no final do arquivo functions.php do seu tema filho.
 * * Lembre-se de substituir os caminhos '/caminho/para/sua/fonte.woff2' pelos caminhos reais
 * das suas fontes mais importantes para o carregamento da página.
 */
function bhg_preload_critical_fonts() {
?>
  <!-- Pré-carrega a fonte principal de ícones do Divi -->
  <link rel="preload" href="/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff" as="font" type="font/woff" crossorigin>

  <!-- Exemplo: Adicione outras fontes importantes aqui -->
  <!-- <link rel="preload" href="/wp-content/uploads/fonts/sua-fonte-principal.woff2" as="font" type="font/woff2" crossorigin> -->
<?php
}
add_action( 'wp_head', 'bhg_preload_critical_fonts' );
?>
A Diferença entre Gramatura e Espessura de Papel que Ninguém lhe Contou

A Diferença entre Gramatura e Espessura de Papel que Ninguém lhe Contou

Já escolheu um papel que parecia perfeito no catálogo, mas o resultado final da impressão não foi o que esperava? Aquele cartão de visita ficou mais fino do que imaginava? O segredo para evitar essa frustração está em entender a diferença fundamental entre dois termos: gramatura e espessura.

Na BH Gráfica, acreditamos que um cliente bem informado faz as melhores escolhas. Por isso, preparamos este guia visual para desvendar de vez este mistério do mundo gráfico.

O que é Gramatura? (O “Peso” no Papel)

Pense na gramatura como a densidade do papel. A medida oficial é em gramas por metro quadrado (g/m²).

Exemplo Prático: Um papel de 300g/m² é mais denso e rígido que um papel sulfite comum de 75g/m². É por isso que o usamos para cartões de visita e capas de livros, pois ele transmite uma sensação de maior qualidade e durabilidade.

O que é Espessura? (A Grossura que Você Sente)

A espessura, também chamada de “corpo” ou “bulk”, é simplesmente a distância entre os dois lados de uma folha. É o que medimos com um paquímetro, em milímetros (mm). É a medida que define o quão “grosso” um papel realmente é.

O Ponto-Chave: Porque é que Gramatura e Espessura NÃO são a Mesma Coisa?

Aqui está o segredo: a forma como as fibras do papel são prensadas durante a fabricação.

  • Papel Couchê: É muito prensado e revestido para ser liso. Por isso, mesmo com uma gramatura alta (ex: 250g), ele é fino e compacto.
  • Papel Offset (Sulfite): É menos prensado, mais poroso. Com a mesma gramatura de 250g, ele seria visivelmente mais grosso que o couchê.
  • Papel Pólen (usado em livros): É feito para ser leve, mas volumoso. Tem a maior espessura de todos, dando “corpo” ao livro sem o deixar pesado.

Guia Rápido: Espessura dos Papéis Mais Comuns

Para facilitar, aqui está uma referência rápida.

Para Miolos de Livros e Revistas (Mais Finos)

Tipo de PapelGramatura (g/m²)Espessura (mm)
Couchê80g0.065
Offset70g0.09
Pólen80g~0.11

Para Capas, Cartões e Materiais Rígidos

Tipo de PapelGramatura (g/m²)Espessura (mm)
Couchê250g0.23
Couchê300g0.305
Cartão C1S250g0.325

Como a Espessura Afeta o Seu Projeto?

A espessura é a informação mais crítica para uma tarefa: calcular a lombada de um livro ou revista. Uma lombada com a medida errada pode estragar todo o design da capa.

Para nunca mais errar, criámos a nossa calculadora de lombada de livros online e gratuita. Ela usa estes conceitos para lhe dar a medida exata que o seu designer precisa.

Dúvidas sobre qual papel escolher?

Entender estas nuances é o nosso trabalho. Se tem um projeto de impressão em Belo Horizonte e quer o melhor resultado, fale com a equipa da BH Gráfica. A nossa consultoria garante que o seu material terá sempre a aparência e a qualidade que você imaginou.

Cola para Lambe-Lambe: Guia Definitivo e Dicas de Impressão

Cola para Lambe-Lambe: Guia Definitivo e Dicas de Impressão

Cola para Lambe-Lambe: Tipos, Preparo e Como Imprimir Seus Cartazes (bhgráfica®)

A arte do lambe-lambe é uma forma poderosa de expressão urbana. Para que sua mensagem se destaque e perdure nas ruas, é essencial combinar a cola certa com a impressão de qualidade. Neste artigo, a bhgráfica® compartilha dicas sobre como preparar colas caseiras e apresenta suas soluções para impressão de cartazes de lambe-lambe que valorizam sua arte.

3 Tipos de Cola para Lambe-Lambe: Preparo e Características

Não existe uma fórmula única para a cola ideal de lambe-lambe. A escolha depende das suas necessidades e do seu orçamento. Conheça três opções populares e como prepará-las:

1. Cola de Farinha ou Polvilho: A Opção Econômica e Caseira

A cola de farinha (ou polvilho) é uma alternativa econômica e fácil de preparar, ideal para projetos de grande escala.

Ingredientes:

  • Farinha de trigo ou Polvilho Azedo
  • Água
  • Vinagre ou detergente (opcional, para conservação)

Modo de Preparo:

  • Proporção: 1 parte de farinha para 4 partes de água.
  • Misture a farinha na água fria até dissolver completamente.
  • Leve ao fogo baixo, mexendo sempre, até engrossar e ficar com consistência de mingau.
  • Se desejar, adicione 2 colheres de sopa de vinagre ou detergente para aumentar a durabilidade da cola.

Custo aproximado: R$ 15,00 a R$ 30,00 (ingredientes)

Durabilidade entre 15 e 30 dias com cartaz impresso pela bhgráfica® mas depende também das condições climáticas e da superfície de colagem.

Observação: A bhgráfica® oferece cartazes impressos em materiais que complementam a cola de farinha, garantindo maior resistência e vivacidade à sua arte.

2. Goma Arábica: Tradicional e de Boa Aderência

A goma arábica, extraída da árvore de Acácia, é uma cola tradicional, utilizada há séculos e com boa aderência. Oferece um acabamento discreto e é adequada para diversos tipos de superfície.

Ingredientes:

  • Goma Arábica
  • Água

Modo de Preparo:

  • Proporção: 1 parte de goma arábica para 2 partes de água.
  • Misture a goma arábica na água até dissolver completamente.

Custo aproximado: R$ 20,00 a R$ 40,00 o kg (goma arábica)

Durabilidade entre 30 e 60 dias com cartaz impresso pela bhgráfica® mas depende também das condições de qualidade da goma arábica e da superfície de colagem.

Observação: A bhgráfica® utiliza tecnologia de impressão que valoriza a aderência da goma arábica, proporcionando resultados duradouros.

3. Cola Branca PVA: Resistência e Durabilidade Máxima

A cola branca PVA, popular desde os tempos escolares, oferece a maior durabilidade e resistência para seus lambe-lambes. Ideal para projetos que precisam enfrentar intempéries e superfícies desafiadoras.

Ingredientes:

  • Cola Branca PVA
  • Água

Modo de Preparo:

  • Proporção: 1 parte de cola branca PVA para 2 partes de água.
  • Misture a cola PVA na água até obter uma consistência homogênea (semelhante a leite de coco).

Custo aproximado: R$ 30,00 a R$ 30,00 o kg (cola PVA)

Durabilidade (com cartaz impresso pela bhgráfica®): ☆☆☆☆☆ (a melhor combinação para lambe-lambes de longa duração)

Durabilidade entre 40 e 80 dias com cartaz impresso pela bhgráfica® mas depende também das condições de qualidade da cola PVA e da superfície de colagem.

Observação: Os cartazes da bhgráfica®, combinados com cola branca PVA, garantem a máxima durabilidade e impacto visual para sua arte.

A Qualidade da Impressão: O Diferencial da bhgráfica® para Seus Lambe-Lambes

A bhgráfica® não vende cola, mas oferece a qualidade de impressão que seu lambe-lambe merece. Nossos serviços garantem:

    • Cartazes em diversos formatos e tamanhos: Adaptados às suas necessidades criativas.
    • Impressão digital de alta resolução: Cores vibrantes e detalhes nítidos.
    • Materiais variados: Papel comum, papel fotográfico, adesivo, etc.
    • Tintas resistentes: Durabilidade contra água, sol e outros fatores.

Imprima Seus Cartazes de Lambe-Lambe com a bhgráfica®!

 

Valorize sua arte urbana com a qualidade de impressão da bhgráfica®.

Entre em contato e solicite um orçamento para cartazes de lambe-lambe que farão sua mensagem se destacar nas
ruas!

Clique aqui para falar com um de nossos especialistas.

impressão de cartazes
materiais para impressão

vídeo do youtube

Tabela de Anéis para Encadernação

Tabela de Anéis para Encadernação

A escolha correta da tabela de anéis para encadernação é crucial para garantir um acabamento profissional e duradouro em seus projetos. Este guia completo oferece informações detalhadas sobre os diferentes tipos de anéis, suas medidas e como escolher o ideal para suas necessidades.

Tabela de Especificações de Anéis para Encadernação

Folhas(mm)(pol)PassoAnéis
206,41/4″3×134
507,95/16″3×134
609,53/8″3×134
9011,17/16″3×134
10012,71/2″3×134
11014,39/16″3×134
12015,95/8″2×123
140193/4″2×123
18022,27/8″2×123
20025,41″2×123
25028,61 1/8″2×123
27031,81 1/4″2×123

Entendendo a Tabela de Anéis Wire-o e Plásticos

Primeiramente, é importante entender que existem diferentes tipos de anéis, como os wire-o (garra dupla) e os anéis plásticos. Cada tipo possui suas próprias características e medidas. A tabela de anéis para encadernação serve como um guia prático para auxiliar na seleção do tamanho adequado.

Passo dos Anéis: A Distância entre os Furos

O “passo” se refere à distância entre os furos na folha, medido em furos por polegada. Os passos mais comuns são 3×1 (três furos por polegada) e 2×1 (dois furos por polegada). Consequentemente, o passo influencia diretamente no espaçamento dos anéis na encadernação. Além disso, é importante considerar que o passo também influencia na quantidade de anéis utilizados por folha.

Diâmetro dos Anéis para Encadernação: Medidas em Polegadas e Milímetros

O diâmetro do anel, seja ele wire-o ou plástico, indica a sua capacidade de armazenamento de folhas. A tabela de anéis para encadernação apresenta as medidas em polegadas e milímetros, facilitando a conversão e a escolha. Por exemplo, um anel de 1/2″ (12,7mm) comporta uma quantidade específica de folhas, conforme a tabela.

Capacidade de Folhas por Diâmetro de Anel

A capacidade de folhas informada na tabela de anéis para encadernação é uma estimativa, considerando papel sulfite padrão (75g/m²). No entanto, a gramatura do papel influencia diretamente nessa capacidade. Papéis mais grossos ocuparão mais espaço dentro do anel. Portanto, consulte a tabela e considere a gramatura do seu papel para uma escolha mais precisa. Por exemplo, papéis de maior gramatura exigem anéis de maior diâmetro para comportar a mesma quantidade de folhas.

Dicas Finais para Escolher a Tabela de Anéis Ideal

Em resumo, a escolha correta da tabela de anéis para encadernação depende da quantidade de folhas, da gramatura do papel e do tipo de acabamento desejado. Além disso, para garantir a melhor escolha, consulte sempre a tabela e confirme as medidas com o vendedor. Por fim, lembre-se que a tabela é uma ferramenta essencial para garantir a qualidade da sua encadernação.

Para mais informações sobre encadernação, consulte a Wikipédia sobre encadernação.

Visite o site da bhgrafica e encontre os melhores materiais para encadernação!

Fontes Gratuitas: Descubra o Google Fonts para seus Projetos

Fontes Gratuitas: Descubra o Google Fonts para seus Projetos

No mundo do design gráfico e desenvolvimento web, a tipografia desempenha um papel fundamental na comunicação visual. Encontrar as fontes certas pode ser um desafio, mas o Google Fonts surge como uma solução completa, oferecendo uma vasta coleção de fontes gratuitas Google Fonts. Neste artigo, exploraremos tudo o que você precisa saber sobre essa incrível ferramenta.

Por que escolher fontes do Google Fonts?

O Google Fonts se destaca por diversos motivos:

  • Variedade: A biblioteca oferece milhares de fontes gratuitas, abrangendo diversos estilos, desde as clássicas serifadas até as modernas sem serifa, além de opções manuscritas, decorativas e muito mais.
  • Qualidade: Todas as fontes do Google Fonts são criadas por designers renomados e passam por rigorosos testes de qualidade, garantindo excelente legibilidade e desempenho em diferentes dispositivos.
  • Gratuito e de código aberto: A liberdade de usar as fontes do Google Fonts sem custos e com a garantia de código aberto é um grande diferencial.
  • Fácil integração: O Google Fonts oferece diversas formas de integrar as fontes gratuitas em seus projetos, seja através de um simples link no seu site, download dos arquivos ou integração com ferramentas de design.
  • Otimização para web: As fontes do Google Fonts são otimizadas para carregamento rápido na web, melhorando a experiência do usuário.

Como baixar fontes no Google Fonts:

Baixar e usar fontes do Google Fonts é muito simples:

  1. Acesse o site: GOOGLE FONTS
  2. Navegue pela coleção ou use os filtros de pesquisa para encontrar as fontes gratuitas ideais.
  3. Clique na fonte desejada para visualizar os estilos e pesos disponíveis.
  4. Selecione os estilos que você precisa e clique em “+ Select this style”.
  5. Na janela que se abrirá, você terá as opções de integração:
    • Link: Copie o código e cole no <head> do seu HTML.
    • @import: Copie o código e cole no seu CSS.
    • Download: Baixe os arquivos para usar offline.

Fontes gratuitas Google Fonts para Design Gráfico:

Designers gráficos encontram no Google Fonts um aliado poderoso. A vasta gama de fontes gratuitas permite criar projetos únicos e expressivos, desde logotipos e materiais impressos até peças para redes sociais. Explore as diversas categorias de fontes no Google Fonts e encontre a tipografia perfeita para o seu próximo trabalho.

Fontes gratuitas Google Fonts para Desenvolvimento Web:

Desenvolvedores web também se beneficiam com a facilidade de integração e otimização das fontes do Google Fonts. Melhore a aparência e a legibilidade dos seus sites com fontes gratuitas de alta qualidade, garantindo uma ótima experiência para os usuários.

Conclusão:

O Google Fonts democratizou o acesso a fontes gratuitas de qualidade, tornando-se uma ferramenta essencial para profissionais criativos. Explore a vasta coleção de fontes do Google Fonts, experimente novas combinações e eleve o nível dos seus projetos.

Comece a usar fontes gratuitas do Google Fonts hoje mesmo: GOOGLE FONTS

BH Gráfica: (Conheça a BH Gráfica e seus serviços)

Aprenda a digitalizar documentos em PDFs no Android com Google

Aprenda a digitalizar documentos em PDFs no Android com Google

Olá! Neste post, vamos te ensinar passo a passo como digitalizar documentos em seu celular usando o Google. Essa é uma ótima maneira de transformar documentos físicos em versões digitais facilmente acessíveis. 

Vamos lá!

Google Drive

1. Abra o aplicativo Google Drive no seu dispositivo. Certifique-se de que você tenha o aplicativo instalado em seu smartphone ou tablet Android.

2. No canto inferior direito da tela, você encontrará o ícone da câmera. Toque nele para iniciar o processo de digitalização.

3. Aponte a câmera do seu dispositivo para o documento que você deseja digitalizar. Certifique-se de que o documento esteja bem enquadrado na tela.

4. Uma linha azul irá delimitar o documento na tela. Essa linha indica onde a imagem será cortada após a digitalização. Certifique-se de que o documento esteja completamente dentro dessa linha.

5. Agora, tire uma foto do documento pressionando o botão do obturador na tela. Se necessário, você pode ajustar a posição da câmera para obter uma imagem mais nítida.

6. Opcionalmente, você pode alternar entre a captura automática e manual. A captura automática permite que o aplicativo detecte automaticamente quando um documento está presente e tire a foto automaticamente. A captura manual permite que você tire a foto manualmente pressionando o botão do obturador.

7. Após a captura da foto, você pode ajustar o documento digitalizado conforme necessário. O Google Drive oferece várias opções de ajuste para melhorar a qualidade da imagem.

– Para ajustar a área de digitalização, toque em “Cortar e girar”. Isso permite que você recorte a imagem e a gire, se necessário, para obter a melhor visualização do documento.

– Para ajustar as cores ou deixar a imagem em escala de cinza, toque em “Filtrar”. Essa opção é útil quando você precisa melhorar a legibilidade do documento ou remover cores indesejadas.

– Se houver manchas, dedos ou outros elementos indesejados na imagem, toque em “Limpar” para removê-los.

8. Se você precisar digitalizar mais páginas, toque em “Adicionar Plus”. Isso permitirá que você tire fotos adicionais de outras páginas do documento.

9. Caso a foto não tenha ficado como você esperava, você pode tirar outra foto do documento tocando em “Tirar outra foto”. Isso permitirá que você refaça a captura até obter o resultado desejado.

10. Se você desejar excluir uma página da digitalização, toque em “Excluir”. Isso removerá a página selecionada do documento digitalizado.

11. Após fazer todos os ajustes necessários, toque em “Concluído” para finalizar o processo de digitalização.

12. Agora, você pode criar um nome de arquivo personalizado para o documento digitalizado ou selecionar uma sugestão de título fornecida pelo Google Drive.

13. Opcionalmente, você pode selecionar a pasta do Google Drive onde deseja salvar o documento tocando em “Local”. Isso permitirá que você organize seus documentos digitalizados em pastas específicas.

14. Por fim, toque em “Salvar” para salvar o documento finalizado no Google Drive. O documento digitalizado estará disponível para acesso em qualquer dispositivo conectado à sua conta do Google.

Se você deseja ter um acesso rápido à função de digitalização, você pode adicionar um atalho à tela inicial do seu dispositivo. Veja como fazer isso:

1. Abra os widgets do seu smartphone ou tablet Android. Para fazer isso, toque e segure em uma área vazia da tela inicial até que as opções de personalização sejam exibidas.

2. Localize o widget chamado “Drive: digitalizar”. Esse widget permite que você acesse rapidamente a função de digitalização do Google Drive.

3. Toque e mantenha pressionado o widget “Drive: digitalizar”. Isso permitirá que você mova o widget pela tela.

4. Arraste o widget para a tela inicial na posição desejada. Você pode escolher a tela inicial principal ou qualquer outra tela onde deseja ter acesso rápido à função de digitalização.

5. Durante o processo de movimentação do widget, você pode ser solicitado a selecionar uma conta do Google Drive. Escolha a conta que está vinculada ao seu Google Drive.

6. Após posicionar o widget na tela inicial, você pode escolher a pasta na qual deseja salvar os documentos digitalizados. Se preferir criar uma nova pasta, toque em “Nova pasta” e dê um nome para a pasta.

7. Toque em “Selecionar” para finalizar a configuração do atalho de digitalização. Agora você verá o nome da pasta selecionada no widget.

Agora você tem um atalho prático para digitalizar documentos diretamente da tela inicial do seu dispositivo Android. Essa função facilita ainda mais o processo de digitalização e organização dos seus documentos no Google Drive.

Esperamos que este guia passo a passo tenha sido útil para você aprender como digitalizar documentos usando o Google Drive. Aproveite essa funcionalidade para tornar sua vida mais fácil e manter seus documentos importantes sempre à mão.