Postagens

Mostrando postagens com o rótulo Echo_3

Como usar BunnyCDN para imagens adaptáveis ​​ShortPixel

Imagem
Como usar BunnyCDN para imagens adaptáveis ​​ShortPixel ShortPixel Adaptive Images usa seu próprio CDN, que não oferece desempenho consistente. Este guia lhe dirá como configurar Coelho CDN para imagens adaptativas ShortPixel. O que é ShortPixel? CurtoPixel é um serviço/plugin de compactação de imagem. Ele compacta todas as suas imagens na mídia WordPress automaticamente, com a melhor qualidade e taxa de compactação. Embora ShortPixel apenas comprima imagens, Imagens adaptativas ShortPixel compactar imagens, redimensionar e entregá-las como WebP dinamicamente a partir de seu próprio CDN. Por que CoelhoCDN? Um dos CDN mais rápidos com mais de 37 pops e extremamente barato! Você pode ler minha análise e comparação aqui: Leia também Configurar BunnyCDN para imagens adaptáveis ​​ShortPixel Crie uma conta em Coelho CDN se você ainda não criou. Vá para 'Pull Zones' e crie uma nova. No nome do host, insira o nome desejado. No ...

Como acelerar o redirecionamento de HTTP

Imagem
Se a maioria dos seus visitantes vem de sites do Google (orgânicos) ou de mídia social, provavelmente eles estão visitando diretamente a versão HTTPS. Como acelerar o redirecionamento de HTTP Mas e se houver visitantes que visitam diretamente o seu site inserindo o domínio no navegador? No meu caso, costumo digitar “wps”, o Chrome sugere “wpspeedmatters.com” e pressiono enter. Por padrão, o navegador envia a solicitação para “http://wpspeedmatters.com” e posteriormente redireciona para “https://wpspeedmatters.com”. Por que HTTP para HTTPS é lento? Se você configurou https nas configurações do WordPress, o WP cuidará do redirecionamento. Mas isso será feito por PHP. Dependendo do seu provedor de hospedagem e da carga, o redirecionamento via PHP pode ser lento. É melhor descarregá-lo do PHP. Como acelerar o redirecionamento de HTTP Etapa 1: configurar o servidor Web para redirecionamento HTTPS Configurar servidores web como Nginx/Apache/LiteSpeed ​​para f...

Resultados de pesquisa melhores e mais rápidos com Algolia no WordPress

Imagem
  Resultados de pesquisa melhores e mais rápidos Recentemente, ativei o 'Acompanhamento de pesquisa de sites' no Google Analytics para ver o que as pessoas estão pesquisando em meu blog . Os resultados foram bastante interessantes. Uma boa porcentagem das palavras-chave de pesquisa contém erros de digitação que resultaram em zero resultados de pesquisa! Aqui estão alguns exemplos: Então pesquisei bastante e acabei usando Algolia . O que é Algolia?     Resultados de pesquisa melhores e mais rápidos Algolia é uma “Pesquisa como serviço”. Você fornece o conteúdo a eles e eles fornecem uma API para pesquisa. Por que Algolia no WordPress? Descarregar pesquisa do WordPress – Cada vez que você pesquisa uma palavra-chave no WordPress padrão, a palavra-chave é pesquisada na tabela MySQL, o que é uma tarefa que consome muitos recursos, especialmente se houver muitos posts. Resultados de pesquisa mais rápidos (extremamente rápi...

otimização de fontes do Google no WordPress

Imagem
O prêmio para a página que mais solicita fontes da web vai para um site que fez 718 solicitações de fontes da web! Almanaque da Web Sim, alguns designers/desenvolvedores são preguiçosos e adicionam todas as fontes possíveis para deixar o site bonito. Mas e quanto ao desempenho? Assim como qualquer outra otimização, as fontes precisam de alta prioridade, pois o texto é provavelmente a primeira coisa que o usuário vê em um site. Este guia mostrará diferentes métodos para otimizar o Google Fonts, especialmente para WordPress. Use fontes do sistema Você notou que as fontes em Médio.com administrador do WordPress, GitHub carrega tão rápido? Bem, todos eles usam fontes do sistema. /* System Fonts as used by GitHub */ body font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* System Fonts as used by Medium and WordPress...

Caros desenvolvedores de plug-ins

Imagem
Quando comecei a codificar em JavaScript em 2013, pensei que jQuery era o “JavaScript” real e que jQuery deveria ser incluído em todas as páginas para executar meu código JS. Caros desenvolvedores de plug-ins Mas por que? Porque todo código que copiei do StackOverflow funcionou somente após importar o jQuery! 😅 O que há de errado com jQuery jQuery tem 90 KB, mas quando reduzido tem apenas 32 KB. Isso é tão pequeno. Um bom CDN pode entregar isso em menos de 50ms! Mas não se trata do tamanho. jQuery tem cerca de 10 mil linhas de código. Você pode não estar usando nem 10% dele. Cada linha deve ser analisada e avaliada pelo navegador, o que consome muitos recursos. Este processo afeta o tempo de renderização, especialmente em dispositivos móveis. Para ver a diferença real, aqui está a mesma funcionalidade escrita em jQuery puro e JavaScript vanilla: jQuery: JavaScript baunilha: Aqui está a diferença de desempenho: Enquanto jQuery...

Por que criei o FlyingPress, como ele é diferente

Imagem
Saí do desenvolvimento de sites WordPress há cerca de seis anos. Depois disso, construo principalmente sites usando ReactJS, VueJS e outros geradores de sites estáticos. Foi divertido. Tenho controle total sobre tudo. Quando eu implanto, eu uso Netlificar ou serviços de hospedagem estática semelhantes e, após atualizar o conteúdo, simplesmente o envio para o GitHub. Em poucos segundos, meu site está ativo em diferentes servidores de borda em todo o mundo. O CDN armazenará em cache todas as páginas e arquivos estáticos. Não preciso me preocupar com minificação, cache, otimização de imagem, etc. Todos são apenas uma forma de alternância. Adorei a experiência! Voltei ao WordPress para criar um blog sobre desenvolvimento. Sim, geradores de sites estáticos podem fazer isso. Mas não quero reinventar a roda e já sou um grande fã do WordPress. Voltando de sites estáticos, otimizar o WordPress é complicado. Quando saí do WordPress novamente, estava usando o W3 Total Cache! Fico fe...