[프레스타샵]멜호라 공연

1. CSS e JS를 통한 Activar CCC

CCC(Combinar, Comprimir e Cache)는 Prestashop disponibiliza no backoffice que servem para melhorar a performance do site와 같은 옵션입니다.


Para aceder às opções CCC use o menu do lado esquerdo do backoffice “Parâmetros avançados” e clica em “Desempenho” como mostra na imagem à esquerda.

CCC는 페이지를 다시 읽을 수 있도록 시간을 허용합니다. Com estas definições pode aumentar o desempenho sem sequer tocar no código do tema. CCC é 100% compatível com o tema original do Prestashop, caso use um tema não original, 확인 que ao ativar estas opções não 원인 문제 as no site.

Nesta pagina vai encontrar um quadrado com as opções CCC.

옵션으로 사용할 수 있습니다.

 1. Cache inteligente no CSS – SIM
 2. Cache inteligente no JavaScript – Sim
 3. Optimização Apache – Sim

2. 캐시에서 Prestashop을 수행합니다.

Na mesma pagina do CCC ira encontrar um quadrado chamado "Smarty".

 1. Na caixa “Compilação de modelos” escolha a opção “Recompile templates if the files have been updated”. Esta opção faz com que sempre que faça uma alteração no site, o Prestashop automaticamente apaga a cache para que o seu cliente veja o conteúdo sempre atualizado.
 2. Na caixa “Cache” carregue no botão “Sim” para ativar a cache do Prestashop.
 3. Na caixa “Otimização de várias lojas” pode ativar mesmo que só tenha uma loja.
 4. “Tipo de cache” escolha “File System”. Isto faz com que o Prestashop crie cache em ficheiro. Escolhemos “File system” porque se escolhermos MySQL podemos atingir o numero máximo de processos na base de dados o que fará com que o site pare de funcionar temporariamente.
 5. “Limpar cache” escolha “Clear cache everytime something has been modified”.

3. 사이트가 없는 Tamanho das imagens.

As imagens podem ser uma das coisas com mais impacto na performance do site.

Por vezes temos imagens com grandes dimensões para um espaço pequeno no site.

예를 들면: 250px에서 250px로 이미지를 찾을 수 있습니다. 페이지 이니셜, mas a imagem que temos tem300px por 300px .



O objetivo é usar as imagens com tamanhos aproximados ao bloco em que a queremos mostrar.

Imaginemos que temos um div com 250px x 250px. O objetivo é usar uma imagem com as mesmas dimensões do div como vemos no example abaixo.

4. 이미지를 압축합니다.

Outra forma de otimizar as imagens é usar uma ferramenta de compressão. Isto faz com que as imagens tenham menos qualidade mas que também ocupem menos, carregando o conteúdo mais rápido pois o utilizador tem menos Mb para descarregar.

Uma boa ferramenta para comprimir imagens é o Optimizilla. Nesta ferramenta podemos fazer는 compressão 사이트에서 다양한 이미지를 업로드할 수 있습니다. Ao fazer a compressão, o optimizila sugere uma percentm de compressão (que na maioria das vezes é a melhor) mas também nos permite ajustar a percentm ao que achamos melhor.

이미지 크기는 300px x 300px이고 용량은 45.8Kb입니다. Ao comprimir, o optimizilla sugeriu uma compressão de 77% fazendo com que a imagem apenas ocupe 11Kb como vemos no exemplo abaixo. Quando vemos a imagem no tamanho normal, é muito difícil perceber que ela perdeu qualidade, apenas conseguimos perceber isso quando ampliamos a imagem.

5. 이미지의 특정 치수.

Especificar a largura e altura na tag de todas as imagens permite uma renderização mais rápida, ajudando o navegador a reservar o espaço para a imagem sem que tenha que redimensionar enquanto renderiza.

예:

<img src="smiley.gif" alt="Smiley face" width="42" height="42">