I have decided to write this article on how acelerar la velocidad de prestashopConcepto de Prestashop¿Qué es el Prestashop?Prestashop es un gestor de contenidos, CMS, o además una plataforma. Se trata del sistema con el que se pueden crear tiendas online de forma fácil y sencilla, contando con todas las herramientas para elaborar catálogos de productos, determinar fichas, precios y facilitar otras estructuras como las de carrito de compra o sistemas de pago.Es todo lo que una web necesita para convertirse en una plus 1.5, because the information that I have found searching on the Internet, for the most part, is one or several years old and I wanted to update some news that currently exists regarding this topic.
Why is it so important to speed up prestashop 1.5?
La velocidad de una tienda online es un factor importante para el SEO ¿Qué es SEO o search engine optimization? Conjunto de prácticas destinadas a mejorar el posicionamiento de una web en el ranking de resultados de los motores de búsqueda. Al contrario que la estrategia SEM, que contempla la inclusión de enlaces contratados para obtener este objetivo, el procedimiento SEO se ocupa exclusivamente de los resultados naturales (no pagados) localizados por el algoritmo propio de cada buscador. Para esto contempla ajustar plus (Search Engine Optimization) and it is also important to improve the experience of our customers who visit our online store. How many times have you clicked on an online store and after 4 or 5 seconds of no response, we close the online store, because to prevent this from happening to you, get down to work and follow these series of recommendations.
At present, there are no efficient free modules that allow us to accelerate the speed of prestashop, this leads us to have to make many of these adjustments manually and with the help of some free tools that I will explain below.
Steps to speed up prestashop 1.5 speed
1.- Open the backend of your online store in prestashop and click on Advanced parameters -> Performance.
In this part of your prestashop backend you will configure the following aspects:
a) Cache. Activate the cache option, as seen in the image.
<noscriptNoScript es un complemento del navegador para Mozilla Firefox, que impide que se cargue en las páginas web contenido como JavaScript, Flash o iFrames. Su objetivo es incrementar la seguridad durante la navegación y quitar la promoción comercial más molesta al cargar sitios web. El términoNoScript tiene un significado distinto en la programación HTML. Cuando JavaScript está desactivado, la etiqueta <noscript> o </noscript> asegura que el usuario pueda ver el plus>
Activate CCC options (Combine, Compress and Cache)
2.- Modifying your .htaccess file can accelerate the speed of prestashop.
Remember to make a copy of the file to be able to go back in case of failure, although you can always regenerate it again.
a) Añadir una fecha de caducidad a las imágenes, javascriptJavaScript es un lenguaje de programación que funciona en el lado del cliente y con el que las webs pueden ser más funcionales. Incorporación en código HTML El código JavaScript puede ser incrustado en las páginas HTML, para que adquieran funcionalidad. Existen varias opciones. Puede estar entre las etiquetas <SCRIPT> y </SCRIPT>, puede estar contenido en un archivo externo, puede ser un parámetro de las etiquetas HTML, y puede estar plus, cssConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus y texto:
ExpiresActive On
ExpiresByType image / gif A2592000
ExpiresByType image / png A2592000
ExpiresByType image / jpg A2592000
ExpiresByType image / jpeg A2592000
ExpiresByType text / javascript A2592000
ExpiresByType application / javascript A2592000
ExpiresByType application / x-javascript A2592000
ExpiresByType text / css A2592000
b) You will compress the online store using the deflate method:
AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE text / javascript
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application/xhtml+xmlEl lenguaje de marcado XML es menos complicado que su nombre ("Extensible Markup Language") puede hacer creer: Un archivo XML contiene texto altamente estructurado, semejante a los archivos HTML. No obstante, la estructuración del texto es tan clara y lógica que puede utilizarse para mapear bases de datos enteras. XML se usa frecuentemente para sitemap que se pueden cargar en la Google Search Console o en las Herramientas para Webmasters plus
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript
AddOutputFilterByType DEFLATE application / x-httpd-php
AddOutputFilterByType DEFLATE application / x-httpd-fastphp
AddOutputFilterByType DEFLATE image / svg + xml
3.- Puedes retrasar la carga de los archivos javascript hasta justo antes de la etiqueta </body>.
This action may lead to a malfunction, since not all javascript can be delayed until the end of the code, in case this situation happens to you, you must identify which is the javascript that we cannot delay.
4.- Now you can go to the application Gtmetrix stop to see the result of your work.
You should mainly review the optimization of the images, css and javascript, and if there is any element to optimize, you will do it manually through this program. To do this, you must select the optimized file and download it, to later replace it with the original.
Una práctica habitual es no especificar las dimensiones de las imágenes, Gtmetrix te avisará cuáles son las que no le has introducido el ancho y el alto. Es una tarea un poco muy ardua pero importante, sobre todo en las imágenes del headerConcepto de Header¿Qué es el Header?El Header, encabezado en español, es una definición que se usa en el terreno del diseño y la programación web para referirse a la parte de arriba de una página. Se trata del primer punto a ver por cualquier usuario que entra en un portal web, por lo que cuenta con una responsabilidad enorme y ha de contener la carga informativa esencial para mostrar la plus y del footerUn footer o pie de página es una línea o bloque de texto que aparece en la parte inferior de una página o documento separado del texto principal. Los footers incluyen notas en el título de la página, o navegación dentro del documento. En los sitios web, los pies de página son además un área especial que está separada del cuerpo principal y el encabezado. Por lo general, contienen información plus.
5.- If you want speed up prestashop 1.5 to maximum use a CDN, que te permita cachear imágenes,css y javascript en un domainUn dominio es una sección de Internet con direcciones que comparten un sufijo común o están bajo el control de una organización o individuo en particular. Está organizado jerárquicamente. Tanto los objetos físicos como los virtuales pueden ser direccionados con el nombre de dominio. Estos objetos pueden ser webs, ordenadores en red o servicios, como impresoras, faxes o servidores de correo. Cada objeto está referenciado por una dirección IP única, plus externo, mejorando considerablemente la velocidad de tu tienda online.
6.- Update your version of prestashop.
En cada versión nueva este ecommerceConcepto de Ecommerce¿Qué es un Ecommerce?Un Ecommerce o comercio electrónico es el traslado del comercio tradicional al ámbito digital. Se trata de toda la distribución, la venta, el procedimiento de compra, el marketing y el suministro de información sobre productos y/o servicios tomando como base Internet. Es la actividad comercial en su estado más simple, pero llevada a Internet para sacar provecho de sus posibilidades tanto de cara a la plus mejora la gestión de cache y por tanto será una forma de acelerar la velocidad de prestashop.
7.- Cleaning module.
El siguiente módulo solo debes utilizarlo si eres un webmasterEl término webmaster fue utilizado por primera vez por Tim Berners-Lee, el inventor de la World Wide Web, en su documento "Style Guide for Online Hypertext". La palabra se compone de las palabras inglesas "web", forma corta de World Wide Web y "master". En los primeros días de la WWW, a principios de la década de 1990, el término se usaba principalmente como un nombre profesional para las personas que disponen plus experimentado en prestashop. Antes de utilizar el módulo deberás realizar una copia de seguridad de tu base de datos, para que en caso de fallo, puedas restaurar la base de datos.
With this module you will be able to optimize or eliminate the following elements; Abandoned cart, Orphaned loyalty points, optimize tables, repair tables, delete smarty files, delete temporary image files
To download the module you will have to register on the prestashop page, and I emphasize again that only an advanced webmaster should use it.
Hope you can speed up the prestashop 1.5 speed to a pagespeed above 90
I await your comments on the experience of accelerating the speed of prestashop.
If you have any problem speeding up prestashop 1.5, please leave me a comment.
