Cómo aumentar la velocidad de OpenCart

¿Tienes una tienda online creada con OpenCart y te carga lenta? Seguramente has pensado en contactar con Hostinet para que te ayude con la tarea o comprar extensiones, sin embargo, no tienes que pagar un extra por ello. ¿Has pensado en que tal vez podrías aumentar la velocidad de carga de OpenCart por tu cuenta sin tener que pagar nada adicional por ello?

Desde Hostinet te vamos a indicar unos métodos con los que puedes aumentar la velocidad de carga de tu tienda online OpenCart y que son muy efectivos.  

Te recomendamos que primero midas la velocidad de tu OpenCart en unas de estas 3 webs y después de lo que vamos a indicarte en este artículo vuelvas a medirla para que puedas comprobar la mejoría que has conseguido.

También te recomendamos hospedar tu OpenCart en un Hosting SSD, ya que gracias a este alojamiento web también conseguirás aumentar la velocidad de carga de tu tienda online con creces.

Planes SSD de Hostinet

Pasos para optimizar la velocidad de carga de OpenCart

1. Comprimir los archivos CSS, Javascript y jQuery (Compresión GZIP)

Esta es la parte más importante a la hora de optimizar la velocidad de carga de OpenCart. Tienes que comprimir CSS, Javascript y otros archivos utilizando GZIP, es decir, tienes que activar la compresión GZIP desde el panel de control cPanel.

• Activar este tipo de compresión desde el panel de control cPanel es muy sencillo e incluso disponemos de un tutorial sobre ello para ayudar con la tarea -> Cómo Activar la Compresión GZIP desde cPanel

En segundo lugar, tienes que cambiar el nombre de .htaccess.txt a .htaccess en la carpeta donde tengas realizada la instalación de OpenCart. Es decir, tienes que borrar la extensión .txt (el archivo estará dentro de public_html o public_html/carpetainstalacióndeOpenCart)

Puedes acceder a esta carpeta tanto con un cliente de FTP como FileZilla como a través del administrador de archivos de cPanel (los datos de acceso deberías tenerlos en tu correo, ya que desde Hostinet enviamos un email con los mismos. Recordarte que los datos de acceso a cPanel los puedes poner sin problemas en un cliente de FTP).

En el caso de que lo hagas desde el administrador de archivos de cPanel, tan solo localiza el archivo .htaccess.txt, haz click con el botón derecho sobre él y dale a “Rename”.

En la nueva venta debes borrar la extensión .txt y darle al recuadro de “Rename file”

En fin, una vez realizado el cambio de nombre y disponer del archivo .htaccess, tienes que abrirlo (click de nuevo con el botón derecho sobre el archivo, pero esta vez tienes que darle a “Code Edit” y después a “Edit” de nuevo en el recuadro que hay para ello) y añadir la siguiente línea de código debajo de las reglas de escritura (RewriteRule):

# Comprimir texto, HTML, JavaScript, CSS, y XML
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

# Eliminar errores del navegador
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent

2. Habilitar la caché del navegador

Es recomendable indicar al navegador de mantener los elementos durante 7 días, ya que de esta forma debería aumentar el tiempo de carga de OpenCart considerablemente.

Antes de activar la caché del navegador te recomendamos que termines todos los cambios que estés llevando a cabo en tu web, ya que una vez aplicado el cambio será muy difícil de seguir con la tarea.

Para habilitar la caché del navegador, tan solo debes copias estás líneas de código en el archivo .htaccess:

# Expirar Caché

ExpiresActive On
ExpiresByType image/jpg “access plus 1 week”
ExpiresByType image/jpeg “access plus 1 week”
ExpiresByType image/gif “access plus 1 week”
ExpiresByType image/png “access plus 1 week”
ExpiresByType text/css “access plus 1 week”
ExpiresByType application/pdf “access plus 1 week”
ExpiresByType text/x-javascript “access plus 1 week”
ExpiresByType application/x-shockwave-flash “access plus 1 week”
ExpiresByType image/x-icon “access plus 1 week”
ExpiresDefault “access plus 1 week”

3. Optimizar las imágenes

El tamaño ideal para cada imagen no debería ser muy superior a 50kbs. Puedes usar herramientas online que hay para optimizar las imágenes o incluso programas como Photoshop mediante su opción de “guardar para web” para comprimir las imágenes y hacer que dispongan de un tamaño mucho más recomendado para hacer que OpenCart cargue más rápido.

Disponemos de un par de tutoriales sobre ello:
– PicSizer: Redimensionar & Comprimir Imágenes
– Cómo Optimizar Imágenes para Web con Optimizilla

Conclusión

Como decíamos al principio del artículo, una vez introducidas las líneas de código en el .htacces y optimizadas las imágenes, vuelve a hacer un test en uno de los 3 sites (mejor en el mismo que escogiste al principio) para medir de nuevo la velocidad de tu web y verás cómo estos “cambios” han valido mucho la pena para hacer que tu OpenCart vaya más rápido que antes y además obtenga mejores puntuaciones en los websites sugeridos por Hostinet para medir la velocidad de tu web.

Recuerda… Hosting SSD solo de calidad para tu OpenCart

En Hostinet tenemos el mejor Hosting SSD del mercado para que tu OpenCart funcione mucho mejor y más rápido que tu competencia. ¡Contrátalo ahora al mejor precio!