Na otimização de Prestashop (I)

Nesta série de posts vou tentar explicar como otimizar a velocidade de carga do nosso Prestashop do ponto de vista mais avançado do que agora é habitual.

Porque é que a velocidade de carregamento de sua loja Prestashop é tão importante?

1. pesquisa do motor de posicionamento:

1.1, se um usuário realiza uma pesquisa, obter um resultado e chegar em nossa loja, carregar a página que o usuário seja tarde ele irá retornar ao motor de busca para ser capaz de seleccionar outra opção, esse comportamento será identificado pelo motor de busca sendo penalizado nossa loja.

1.2 se pagar publicidade qualidade anúncio vai descer para obter uma percentagem muito alta repercussão pelo mesmo motivo mencionado no ponto anterior.

1.3 quando mais leve é que uma página mais facilmente e limpo vai ser indexação por um motor de busca.

experiência de 2 usuário (UX):

Os usuários atuais não esperava mais do que 5 segundos a carga de cada página para navegar, tendo em conta que estamos a falar de um ecommerce onde pelo menos é que você tem que visitar páginas de 5 a 10 antes de converter qualquer visita em uma venda não pode exceder em qualquer caso este tempo de carga máxima, ideal para ser menos de 2 segundos por página (Desculpe não é fácil de conseguir com Prestashop) Teremos que trabalhar nela).

Depoimentos:

Os seguintes websites que servem como um exemplo da importância da otimização de velocidade da web (Web Performance Optimization WPO)

Facebook.com: um aumento de 0,5 segundos em seu tempo de carregamento diminui tráfego total na sua rede de 3%. Um aumento de 1 segundo, uma queda de 7%.

Amazon.com: um décimo de segundo proboca uma queda de significado de 1% das receitas para este gigante de milhões de dólares.

Claro que estas quedas não são comparáveis a onde eles terão em sua loja Prestashop, seu negócio não é facebook ou Amazon, seu tempo de carga irá aumentar a taxa de abandono do seu site muito mais.

Deixe-nos em teoria e prática-vamos:

Para iniciar este primeiro capítulo explicarei a otimização básica de Prestashop e uma introdução para o modo avançado que vou tentar no meu segundo post.

A parte de otimização básica de nossa Prestashop dividimos em várias seções dentro a guia avançado parâmetros--> desempenho de nosso Back-Office. Vamos começar explicando a escolha do Smarty:

A língua principal do Prestashop é o PHP é processado com uma visão de módulo (MVC), linguagem de programação, uma das vantagens do Prestashop é que por um lado, podemos programar a funcionalidade do outro mostrá-lo para o usuário sob Smarty É um mecanismo de templates PHP bastante otimizado.

A opção de Compilação de força Só deve ser usado quando estamos fazendo mudanças em nossos nossos arquivos de modelo TPL, tenha em mente que o tempo de carregamento será multiplicado pelo menos três dados que são compilados os arquivos novamente com cada recarga nosso PrestaShop.

A opção Recompilar os modelos quando arquivos são modificados Esta é a opção que é usada nas lojas Prestashop que atualmente existem, é uma opção viável para ser na produção e nos remover problemas quando vamos carregar os módulos e fazer alterações esporádicas nos arquivos de nossa loja (dado o Prestashop, se você vai pegar as alterações), mas tenha em mente que é sempre mais rápido dizer Prestashop para recarregar diretamente na web que lhe dizem para recarregar se você verificar que você nada mudou nos seus arquivos TPL.

Se a nossa loja é na produção sempre opção deve ser marcada:

"Nunca recompilar os arquivos de modelos"

desta forma que Prestashop não irá verificar se alguma alteração foi feita nos arquivos com extensão. TPL e cobrada que Smarty já compilou em cargas anteriores desde que ele realmente faz o Smarty é esse mesmo, código PHP une os recursos com o código que serve para mostrar ao cliente da loja.

Smarty compilado arquivos são armazenados no seguinte caminho no Prestashop:

cachesmartycompile

e eles tem a seguinte aparência:

como você pode ver os arquivos TPL e suas variáveis foram convertidos para PHP pelo gerente do Smarty. Este arquivo em particular é a compilação do arquivo cms.tpl do modelo que é usado sempre que queremos exibir o conteúdo de qualquer CMS que criamos em Prestashop, tais como o famoso "aviso legal" ou "sobre nós"

No seguinte parágrafo da seção de otimização Smarty, temos a seguinte opção:

Se você selecionar Sistema de arquivos Nós usaremos o tipo de arquivos mencionados no ponto anterior, este sistema de arquivos é o mais utilizado em lojas Prestashop e dá resultados muito bons, especialmente quando discos rígidos SSD está disponível em nosso servidor.

O tipo de cache opção Prestashop MySQL está muito menos difundido, talvez devido à ignorância ou pelo saturado frequentemente servidores Mysql quando utilizar o Prestashop. Esta opção é fazer registro na tabela ps_smarty_cache cada um dos arquivos compilados do Smarty, desta forma, em vez do pedido como um arquivo diretamente fazer uma consulta ao banco de dados. Olho tivemos 59 consulta o banco de dados para 510, por exemplo, carregar a página inicial

.

Se ativarmos a opção de Cache MySQL Smarty arquivos localizados no diretório cachesmartycompile continuará criando e carregando com o que esta opção não é viável um priori se não otimizar consultas e evitar que eles carregam os arquivos do smarty.

Continuamos com a opção:

Sem dúvida, esta opção deve ser marcada em Limpe o cache sempre que tenha alguma coisa mudou. Caso contrário nosso servidor será gradualmente preenchido com arquivos que serão usados nunca foram modificados (eu vi hospedagem com 10GB desses arquivos inúteis)

Agora vamos com o próximo bloco, que é muito importante:

Certamente todas as opções listadas devem ser habilitadas, embora deva ser claro o que cada opção faz:

Esta é a otimização de certa mas vamos aprofundar-se em que cada opção, começamos com o primeiro:

PrestaShop usa centenas de arquivo CSS para mostrar o design da loja, mais especificamente em um padrão Prestashop e carregar a página inicial carregam taxa de 32 arquivos diferentes e isto são muitos pedidos para o servidor apenas para carregar o nosso projeto da loja. Ativar esta opção Prestashop une esses 32 arquivos em apenas 1 arquivo que está localizado no seguinte diretório:

/themes/default-Bootstrap/cache/v_2_a626428eb9fe7470a14cb29a65288b5b_all.css

desta forma tomamos as solicitações para o servidor e o tamanho do arquivo desde Prestashop reúne todo o código em uma linha de otimizá-lo (atenção, se houver que um bug em sua página CSS código é exibido errado selecionando Esta opção)

No próximo post vamos continuar entrando mais avançadas de otimização do Prestashop.