Índice
Que tal deixar o seu site mais rápido através da otimização litespeed e webp? Venha aprender a fazer isso neste tutorial!
Cuidar de um site parece uma tarefa fácil, mas nem sempre é algo tão simples como parece. Certamente você deve se certificar de que vários detalhes estejam funcionais e cuidar para que esteja sempre acessível.
Apenas ter um site no ar muitas vezes não basta, alguns detalhes fazem toda a diferença para quem possui um site ativo na rede. Um exemplo disso é ter um site rápido, pois quem está do outro lado está acostumado com informações em segundos e dificilmente irá esperar um site lento abrir. Rapidamente, o interesse se perde, e o cliente sai de sua página procurando outra alternativa que o auxilie no que precisa.
Se você passa por isso e gostaria de descobrir o que fazer, a i7 Host te ajuda! Acompanhe este artigo que iremos te mostrar dois plug-ins que aumentarão a velocidade de seu site e ainda aumentaram sua pontuação diante do PageSpeed.
Como fazer uma otimização litespeed e webp para deixar um site rápido?
Siga os passos abaixo que o seu site terá um melhor desempenho e velocidade!
Passo 1- Instalação dos plugins WebP Express e LiteSpeed
Primeiro passo é acessar seu Admin do WordPress. Você pode efetuar essa ação através do painel da hospedagem, efetuando uma pesquisa em seu menu superior ou localizando a ferramenta WordPress Manager by Softaculos.
Agora, é só efetuar o login clicando apenas neste botão:
Feito isso, o painel administrativo do Wordpress se abrirá, e agora é a hora de efetuar o download do primeiro plugin necessário para aumentar a velocidade de seu site.
Em seu menu lateral do WP, localize a opção Plugins e adicionar novo:
Clique em Adicionar novo.
Pesquise pela opção WEBP Express, desta maneira:
Localize a Ferramenta dentre as opções localizadas:
Efetue a instalação desse plugin em seu WordPress:
Ative o Plugin em sua ferramenta WordPress:
Essa ferramenta é bastante intuitiva, ela faz diferença no tempo de carregamento e deixa seu site rápido. Sua função é transformar as imagens JPEG/PNG em um formato mais leve, para ajudar no carregamento de seu site.
Agora, vamos efetuar o mesmo processo descrito acima, mas vamos procurar, instalar e ativar o plugin LiteSpeed Cache para a otimização litespeed.
Basta seguir com a instalação e ativação.
Passo 2- Configuração dos plugins
Agora vamos efetuar o processo de configuração dos plugins para o uso em seu site.
Configuração plugin WebP
No menu lateral, iremos acessar novamente os plug-ins presentes na conta, localizar primeiramente o WEBP Express e clicar em Settings:
Observação: Se houver muitas imagens em seu site, comumente ele levará algum tempo para percorrer essas imagens, ou seja, pode não ser instantâneo.
Continuando nas configurações, role até o fim da página e selecione a opção Alter HTML:
Feito isso clique em Bulk Convert:
Depois é só clicar em Start Conversion:
Lembrando, se houver muitas imagens no site isso pode levar algum tempo, não será um processo imediato. Essa ferramenta efetuará uma busca em seu site trazendo todas as imagens e diminuindo o tamanho delas, o que irá gerar uma otimização em seu site ou blog.
Caso esteja demorando muito mais do que o comum, você pode parar o processo e retomar em outro momento, o que foi feito até então, não será perdido.
Após a conclusão da otimização das imagens, você poderá salvar as alterações e clicar sobre save settings e save settings and force new .htaccess rules:
Enquanto o processo de conversão leva um tempo para ser carregado, é uma boa oportunidade para deixar seu LiteSpeed igualmente configurado, porém indico que abra uma nova guia do WordPress enquanto o WebP Express efetua a sua busca, caso contrário poderá interromper esse processo.
Configuração e otimização litespeed
Em seu menu lateral do wp localize o LiteSpeed cache:
Selecione a opção General:
Por padrão todas as configurações chegam desativadas, sendo assim precisaremos habilitar todas e salvar as alterações:
Acesse o menu lateral do Litespeed novamente e selecione agora a opção Cache:
A seguir vamos habilitar o que será necessário para o bom funcionamento do Plugin.
Na primeira aba de Cache, habilite o “Cache Mobile”:
Salve as alterações.
Não será necessário efetuar nenhuma configuração na aba 2, 3 e 4, iremos direto para a aba 5:
Ative Enable ESI e salve as alterações:
Não iremos alterar nada na aba 6, iremos direto para a 7 Browser:
Ative também essa opção e salve:
Na última aba de Advanced, ativaremos somente a opção de Improve HTTP/HTTPS Compatibility , salve as alterações.
Seguiremos com as configurações necessárias, no menu lateral selecione a opção “Image Optimization”:
A seguir iremos efetuar configurações importantes, portanto efetue esse procedimento com bastante atenção para que não efetue ativação de nada incorreta.
Selecione a aba 2 Image Optimization Settings, veja o que deve ser ativado e o que não deve:
Salve as alterações.
Para continuar as alterações siga novamente para o menu lateral e acesse Page Optimization, essa é a configuração mais importante que faremos:
Todos os recursos serão ativados, somente um NÃO SERÁ ATIVADO que é o Generate UCSS, ou seja o único recurso que ficará DESATIVADO é: Generate UCSS.
Feito isso, salve as alterações.
Na aba 2 JS Settings a configuração ficará da seguinte forma e Salve as alterações:
Na aba HTML Settings as configurações ficarão da seguinte maneira e salvas depois de efetuadas:
Na aba Media as configurações ficarão da seguinte maneira após salvas:
Pule a aba VPI e Média Excludes, vá direto para Localization, e ative as seguintes configurações e salve:
Não é necessária nenhuma configuração nas duas últimas abas, seguiremos para o menu lateral > Databases efetuar as configurações necessárias.
Clique sobre essa área para efetua uma limpeza em seu blog ou site:
Sempre haverá algum resíduo que não poderá ser apagado, portanto a limpeza nunca será 100% não se preocupe com isso.
Por último no menu lateral selecione Toolbox, esta será a última configuração no LiteSpeed:
Localize a aba 4 Heartbeat, e selecione, ative todas as opções conforme indicado abaixo e salve as alterações:
Agora todas as configurações do Litespeed estão completas!
Passo 3 – Limpeza de cache
Efetue uma limpeza no cache, no menu superior da seguinte forma: Clique sobre o ícone do LS e selecione Purge All:
O cache estará limpo, sendo assim as configurações serão válidas a partir de agora, indicamos fazer isso sempre que alguma alteração for feita seja no blog ou em algum plugin.
Conclusão
Neste tutorial você aprendeu a como deixar o seu site rápido através da otimização litespeed e webp que são essenciais para diminuir o tempo de carregamento de um site.
Caso fique com qualquer dúvida sobre como executar algum dos processos mencionados aqui neste tutorial, entre em contato com nossa equipe de suporte! Nós estaremos disponíveis para resolver suas dúvidas e dificuldades.
Se caso não for um cliente da i7 Host, aproveite para acessar o nosso site e conferir os nossos planos de hospedagem de sites premium.