PrestaShop Performance Guide> Combinar, comprimir y CSS y JavaScript caché

Combinar, comprimir y CSS y JavaScript caché

La combinación de la compresión de archivos y reduce el número y tamaño de las peticiones HTTP, lo que acelera su sitio web. PrestaShop toma el trabajo duro de la combinación, compresión y almacenamiento en caché de CSS y JavaScript por hacerlo todo por ti. Tiene la opción de combinar todos los archivos CSS externa en un solo archivo CSS y todos los archivos externos de JavaScript en un único archivo JavaScript. Hay una opción para comprimir en línea JavaScript en HTML también. PrestaShop utiliza Crockford jsmin Douglas Javascript minified portado a PHP por Ryan Grove por su compresión y Smarty para la caché, el archivo comprimido combinado. Vaya a la pestaña Preferencias> Rendimiento para habilitar estas opciones.

Combinar, comprimir y CSS y JavaScript caché

Elija la opción "Usar la CCC para CSS" opción y las opciones "Usar la CCC para Javascript" para comprimir CSS y Javascript. Seleccione la opción "Comprimir línea Javascript en HTML después de" sabelotodo compilar "ejecución" para comprimir en línea Javascript y "minify HTML después de" sabelotodo compilar 'la ejecución para comprimir HTML. También existe un "riesgo alto de compresión de HTML" opción, pero hará que su sitio web a ser no compatible con los estándares y puede causar problemas con caracteres UTF-8, así que es mejor no activar esa opción.

Tenga en cuenta que PrestaShop de Combinar, comprimir y función de caché de sólotrabajar con temas basados ​​en el valor predeterminado PrestaShop tema v1.4 o posterior. Si está utilizando un tema diseñado para una versión anterior de PrestaShop, lo que permite la función de causar problemas. Además, los módulos de terceros no pueden ser codificados para tomar ventaja de esta característica. Para los módulos, tendrá que modificar el hookHeader() la función para que utilice código similar al siguiente para incluir el archivo CSS en lugar de unir en un archivo TPL:

Tools::addCSS(_PS_MODULE_DIR_.$this->name.'/css/'.$this->name.'.css');

y el siguiente para incluir el archivo de JS:

Tools::addJS(_PS_MODULE_DIR_.$this->name.'/js/'.$this->name.'.js');

El módulo de terceros de CSS y Javascript a continuación, se combinarán a lo largo y comprimido con módulos de PrestaShop.