{"id":5692,"date":"2012-12-25T19:50:40","date_gmt":"2012-12-25T19:50:40","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=5692"},"modified":"2012-12-25T19:50:40","modified_gmt":"2012-12-25T19:50:40","slug":"optimizar-la-velocidad-de-cargar-de-prestashop","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/","title":{"rendered":"Optimizar la velocidad de cargar de un Prestashop"},"content":{"rendered":"<p>Una de las posteriores preocupaciones que surgen al programar una Web es comprobar y verificar que\u00a0 se carga a gran velocidad para as\u00ed no aburrir con el proceso de carga a los usuarios o posibles clientes. Es vital que la Web est\u00e9 optimizada para realizar, por ejemplo, una compra r\u00e1pida que es lo que la mayor\u00eda de los usuarios desear\u00eda o necesita para perder el m\u00ednimo tiempo.<\/p>\n<p><a href=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/velocidad-de-carga-web.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5699\" alt=\"velocidad-de-carga-web\" src=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/velocidad-de-carga-web.jpg\" width=\"596\" height=\"222\" srcset=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/velocidad-de-carga-web.jpg 596w, https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/12\/velocidad-de-carga-web-300x111.jpg 300w\" sizes=\"auto, (max-width: 596px) 100vw, 596px\" \/><\/a><\/p>\n<p>A la hora de programar cualquier proyecto es vital considerar la optimizaci\u00f3n de la velocidad de carga para mejorar la experiencia del usuario, conseguimos que \u00e9ste se sienta m\u00e1s c\u00f3modo, y por tanto aumente la probabilidad de que termine comprando algo en nuestra web. Adem\u00e1s, Google nos ver\u00e1 con buenos ojos si nuestras p\u00e1ginas cargan r\u00e1pido, evitando posibles penalizaciones (m\u00e1s de 2 segundos empieza a ser considerado \u2018lento\u2019 para Google). Esto que parece t\u00e1n l\u00f3gico, no suele ser tenido muy en cuenta a la hora de desarrollar un proyecto e-commerce, siendo penalizado a costa de invertir recursos en funcionalidades, dise\u00f1o, etc\u2026 o bien cuando nos empe\u00f1amos en conseguir un hosting lo m\u00e1s econ\u00f3mico posible.<\/p>\n<p>Prestashop provee materiales para optimizar el rendimiento del sitio y ofrecer una mejor experiencia de usuario y listas en buscadores. Estos trucos permiten usar funcionalidades de back office de m\u00e1ximo rendimiento y aseguran el \u00e9xito en l\u00ednea.<\/p>\n<p>Vamos a ver unos consejos para optimizar una tienda Online Prestashop:<\/p>\n<p><strong>Habilitar Smarty cach\u00e9 para cargas de p\u00e1gina m\u00e1s r\u00e1pido<\/strong><\/p>\n<p>Lo primero que tendremos que considerar, ser\u00e1 el cache de Smarty, Prestashop hace un uso intensivo de Smarty, un motor de plantillas para PHP. Es importante que activemos la opci\u00f3n de uso de la cach\u00e9 en \u00abPar\u00e1metros avanzados -&gt;Rendimiento\u00bb. Adem\u00e1s, deshabilitaremos la opci\u00f3n de forzar la compilaci\u00f3n. Con esto conseguiremos que Smarty no tenga que compilar o procesar una plantilla cada vez que es visionada, sino que reutilizar\u00e1 una compilaci\u00f3n anterior, reduciendo el tiempo de carga. En todo caso, cuando estemos desarrollando debemos forzar la compilaci\u00f3n si queremos que se reflejen los cambios que hagamos en las plantillas.<\/p>\n<p><strong>\u00a0Habilitar las opciones CCC para mejorar el rendimiento sin cambiar el c\u00f3digo del tema activo<\/strong><\/p>\n<p>Habilita la combinaci\u00f3n, compresi\u00f3n, y las opciones de cach\u00e9 (CCC) para un tiempo de carga m\u00e1s acelerado al juntar m\u00faltiples archivos CSS o JavaScript en una sola carpeta y comprimir (eliminando espacios extras) archivos HTML. Por defecto todas estas opciones son deshabilitadas autom\u00e1ticamente. Tienes que habilitarlas para un rendimiento mejorado.<\/p>\n<p>Tendremos que utilizar CCC para las hojas de estilo, utilizar CCC para el c\u00f3digo JavaScript, reducir el c\u00f3digo HTML, tras la ejecuci\u00f3n de la complilaci\u00f3n Smarty y compresi\u00f3n del JavaScript en el c\u00f3digo HTML, tras la ejecuci\u00f3n de la complilaci\u00f3n Smarty.<\/p>\n<p><strong>\u00a0Incrementar rapidez de carga de im\u00e1genes CSS y javascript al mover archivos desde m\u00faltiples dominios<\/strong><\/p>\n<p>Utilize los servidores de media si dispone de distintos servidores. Cargar archivos desde diferentes dominios te ayudar\u00e1 a disminuir la carga del servidor y a ofrecer archivos r\u00e1pidamente al navegador del cliente. Crea una copia de los archivos comprimidos CSS\/JavaScript e im\u00e1genes de tu sitio y c\u00e1rgalos hacia otro dominio. Una vez que el nuevo dominio con archivos se haya completado, ingrese el dominio en el campo designado \u201cServidores de media\u201d en el back office.<\/p>\n<p><strong>Cifrar cookies<\/strong><\/p>\n<p>Cifrar es una forma de codificar el archivo cookie que PrestaShop genera en su p\u00e1gina. La opci\u00f3n por defecto \u201cUtilizar Rijndael con la librer\u00eda mcript\u201d acelerar\u00e1 la direcci\u00f3n de la cookie. Aseg\u00farese que PHP en su servidor est\u00e9 compilado con la extensi\u00f3n mcrypt.<\/p>\n<p><strong>Habilitar el sistema cach\u00e9<\/strong><\/p>\n<p>Memcached es un sitio de servidor de cach\u00e9 que utiliza la memoria del servidor para acelerar las consultas de la base de datos PHP. Al igual que el mcrypt, usted necesita que el Memcached est\u00e9 compilado y habilitado en PHP en su servidor. Cuando el Memcached no puede ser utilizado o habilitado con el proveedor de hosting, el sistema de archivos es la opci\u00f3n alternativa. El sistema de archivos no puede ser utilizado con un servidor externo por lo tanto, es recomendable utilizar Memcached para el mejor rendimiento de la p\u00e1gina.<\/p>\n<p>Hay muchos programas para medir la velocidad de carga de una p\u00e1gina Web. Puedes usar <a href=\"http:\/\/tools.pingdom.com\/\" target=\"_blank\">Pingdom Tools<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una de las posteriores preocupaciones que surgen al programar una Web es comprobar y verificar que\u00a0 se carga a gran velocidad para as\u00ed no aburrir con el proceso de carga a los usuarios o posibles clientes. Es vital que la Web est\u00e9 optimizada para realizar, por ejemplo, una compra r\u00e1pida que es lo que la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-5692","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-prestashop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Optimizar la velocidad de cargar de un Prestashop - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Optimizar la velocidad de cargar de un Prestashop - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Una de las posteriores preocupaciones que surgen al programar una Web es comprobar y verificar que\u00a0 se carga a gran velocidad para as\u00ed no aburrir con el proceso de carga a los usuarios o posibles clientes. Es vital que la Web est\u00e9 optimizada para realizar, por ejemplo, una compra r\u00e1pida que es lo que la [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-25T19:50:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/\",\"name\":\"Optimizar la velocidad de cargar de un Prestashop - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg\",\"datePublished\":\"2012-12-25T19:50:40+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimizar la velocidad de cargar de un Prestashop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Optimizar la velocidad de cargar de un Prestashop - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Optimizar la velocidad de cargar de un Prestashop - Jose Aguilar Blog","og_description":"Una de las posteriores preocupaciones que surgen al programar una Web es comprobar y verificar que\u00a0 se carga a gran velocidad para as\u00ed no aburrir con el proceso de carga a los usuarios o posibles clientes. Es vital que la Web est\u00e9 optimizada para realizar, por ejemplo, una compra r\u00e1pida que es lo que la [&hellip;]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2012-12-25T19:50:40+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg","type":"image\/jpeg"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/","url":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/","name":"Optimizar la velocidad de cargar de un Prestashop - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg","datePublished":"2012-12-25T19:50:40+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2012\/10\/prestashop.jpg","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/optimizar-la-velocidad-de-cargar-de-prestashop\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Optimizar la velocidad de cargar de un Prestashop"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=5692"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/5692\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/4997"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=5692"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=5692"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=5692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}