Cómo aumentar la velocidad de carga de nuestra tienda online

Hace cosa de un mes se publico un estudio sobre ecommerce que intentaba analizar los factores clave que determinan el éxito de una tienda online. El estudio, elaborado por Borland, indica que la pasada Navidad las tiendas online con largos tiempos de carga perdieron clientes. Es decir, muchos sitios de comercio online no fueron capaces de gestionar el incremento de tráfico y clientes que se produjeron durante la pasada Navidad.

La mayor demanda  de usuarios aumentó los tiempos de espera de carga de las tiendas online, lo que, en muchos casos, provocó que los potenciales clientes abandonaran las mismas, lo que causó una reducción de las ventas y, por consiguiente, una disminución de los ingresos.

El estudio muestra cómo, incluso en los días con menos retrasos, el tiempo de respuesta de la página Web puede tener un impacto negativo considerable en la satisfacción del cliente, número de visitas e incluso en el abandono de la página. Por ejemplo, un segundo de retraso en el tiempo de respuesta de la Web equivale a un 11% menos de páginas visitadas y un 16% de disminución en el grado de satisfacción del cliente. En el Reino Unido, el 38% de los compradores online abandonan las páginas Web o aplicaciones que tardan más de 10 segundos en cargar.

Según el estudio de Borland, el comprador medio por Internet está dispuesto a esperar como mucho dos segundos a que cargue la página y, después de tres segundos un 40% de los usuarios abandona la página. Por su parte, los usuarios que acceden a través de un dispositivo móvil, no están dispuestos a esperar más de cinco segundo a que cargue la página y, superado este tiempo, el 74 % decide abandonar ese sitio.

Conforme el informe, una vez que los usuarios abandonan un sitio Web resulta muy difícil recuperarles. Así, el 88 % de los internautas están menos dispuestos a regresar a una página después de una mala experiencia.

¿Qué podemos sacar en claro?

Que es el factor clave de tu tienda online. Todo lo demás, el diseño, los módulos, la configuración, usabilidad, etc…se subordina a este aspecto técnico: Tienes que poder garantizar la velocidad de carga.

Tal y como dice el estudio, suele ser un error insalvable. Los usuarios con malas experiencias en ese sentido, probablemente, nunca volverán. Basicamente, porque no han podido ver nada de lo que les interesa y en su catálogo de prejuicios, ya constas como “No comprable”.

¿Cómo podemos aumentar la velocidad de carga de nuestra tienda sin cambiar de servidor?: Consejos técnicos/informáticos

  • Optimiza las imágenes. Vale, es algo muy básico, pero quizás se te haya pasado por alto en algún documento concreto: exporta las imágenes mediante herramientas de optimización para web (la de Photoshop es casi perfecta), escoge el mejor formato de archivo, juega con el HTML para evitar el uso de imágenes donde no sea estrictamente necesario… Mira el peso de tu portada y páginas internas: seguramente la mayoría del peso sean las imágenes. Intenta conservar la página por debajo de 400kb siempre que sea posible (a la gente con conexiones lentas este tamaño ya les resultará pesado, pero deberás estudiar tus necesidades).
  • Unifica ficheros pequeños : No es lo mismo cargar un archivo de 100kb que 100 archivos de 1kb. Nuestras rápidas conexiones se llevan bien con ficheros grandes, pero su efectividad desaparece al cargar ficheros pequeños, por todas las peticiones independientes, cabeceras, solicitudes en LIFO… que implica la carga de ficheros pequeños. Si usas un Framework de Javascript (Dojo, Jquery…) o CSS, suelen venir con herramientas para compilar tu propio fichero único, o al menos disponen de una versión comprimida para descarga. En el caso de tus propios ficheros, unirlos es todavía más trivial. Esta misma teoría puede ser aplicada a imágenes utilizando CSS Sprites, en las que varias imágenes se combinan dentro de una sola para jugar posteriormente con desplazamientos de fondos para mostrar una y otra sin tener que cargar nuevas imágenes.
  • Revisa tus consultas : El mundo de la optimización de bases de datos es complicado y peliagudo… Si no tienes un perfil técnico muy especializado en bases de datos seguramente muchas de las opciones de optimización y configuración puedan sonarte a chino, pero no está de más que revises tus consultas, o las vistas creadas por tu CMS para evitar devolver más campos en una consulta de los que realmente necesitas, cruzar más tablas de las estrictamente necesarias para obtener un dato o repetir la misma consulta en varios puntos a la hora de ejecutar tus consultas. Coloca índices y claves que te permitan ejecutar tus consultas más comunes con fluidez, etc. Muchas de estas cosas son bastante sencillas de realizar.
  • Utiliza la caché : Hay consultas que son complicadas por naturaleza, o que son simples pero se repiten muchísimas veces. Guardar el HTML que esa consulta genera, u objetos concretos que procedan de la base de datos para utilizarlos posteriormente, es una de las cosas que más acelera la carga de una web que maneje grandes volúmenes de datos, consultas complejas o muchas visitas. Hay cachés a nivel de base de datos, de servidor, de usuario… Pero seguramente la más fácilmente configurable por alguien sin demasiada experiencia es la que ofrece el propio lenguaje de backend. Muchos CMS tienen opciones de cacheo, y si tu página está hecha con un lenguaje del estilo de PHP tampoco te costará demasiado implementar tu propia caché. Lo complicado de la caché es encontrar el equilibrio entre una optimización y que el usuario no perciba ese retraso. Para ello, es clave identificar de qué factores depende ese bloque: ¿es igual para todos los usuarios o depende del usuario? ¿Con qué frecuencia varían los datos que muestra? ¿Cómo de vital es que muestre la información exacta? La primera vez que implementes una caché puede desesperarte un poco encontrar sus fallos, pero cambiará tu forma de plantear ciertos desarrollos web.
  • No te compliques la vida. Hay  cosas bizarrísimas en muchas tiendas: cargar fragmentos de página con Iframes sin ninguna necesidad, complicadísimas iteraciones y recursividades para calcular datos que MYSQL puede darte en una consulta, pasar parámetros por Ajax para ejecuciones puramente lineales de código, calcular constantemente datos que siempre son iguales, trabajar con ficheros pesados en el backend, reescalar imágenes estáticas en tiempo real, generar plantillas con JS que podían haber sido devueltas por el propio PHP… Piensa simple, y evitarás muchas horas de depuración, de inconsistencia entre navegadores… y reducirás muchísimo el tiempo de carga. Si algo te parece en su concepto raro conforme lo implementas, seguramente lo sea.

 

Espero que estos consejos hayan sido de tu utilidad y saquéis provecho de ellos.

Y si, aun así, no consigues lo que necesitas, no te preocupes, simplemente, migra de servidor y ahórrate problemas. Nuestros servidores son eficaces.

¿Necesitas profesionalizar tu tienda? ¿Adaptarla a las exigencias del mercado? No lo dudes. Ponte en contacto con nosotros. 

Fuente: hectormaniar.com, empresaexterior.com 

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


*

Utilizamos Cookies propias y de terceros para recopilar información para mejorar nuestros servicios y para análisis de sus hábitos de navegación. Si continua navegando, supone la aceptación de la instalación de las mismas. Puedes configurar tu navegador para impedir su instalación. Para saber más

En cumplimiento de la Ley 34/2002, de 11 de julio, de Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSI-CE), INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL informa que es titular del sitio web WWW.INNOVADELUXE.COM De acuerdo con la exigencia del artículo 10 de la citada Ley, INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL informa de los siguientes datos:

El titular de este sitio web es INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL, con CIF B86091451 y domicilio social en C/ Teniente Ruiz 2, 1º H, 28805, ALCALA DE HENARES MADRID, inscrita en el Registro Mercantil, en el Tomo: 28264. Libro: 0. Folio: 200. Sección: 8. Hoja: M 509082Y. La dirección de correo electrónico de contacto con la empresa es: contacto@innovadeluxe.com

USUARIO Y RÉGIMEN DE RESPONSABILIDADES

La navegación, acceso y uso por el sitio web de INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL confiere la condición de usuario, por la que se aceptan, desde la navegación por el sitio web de INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL, todas las condiciones de uso aquí establecidas sin perjuicio de la aplicación de la correspondiente normativa de obligado cumplimiento legal según el caso.

El sitio web de INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL proporciona gran diversidad de información, servicios y datos. El usuario asume su responsabilidad en el uso correcto del sitio web. Esta responsabilidad se extenderá a:

• La veracidad y licitud de las informaciones aportadas por el usuario en los formularios extendidos por INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL para el acceso a ciertos contenidos o servicios ofrecidos por el web.
• El uso de la información, servicios y datos ofrecidos por INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL contrariamente a lo dispuesto por las presentes condiciones, la Ley, la moral, las buenas costumbres o el orden público, o que de cualquier otro modo puedan suponer lesión de los derechos de terceros o del mismo funcionamiento del sitio web.


POLÍTICA DE ENLACES Y EXENCIONES DE RESPONSABILIDAD

INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL no se hace responsable del contenido de los sitios web a los que el usuario pueda acceder a través de los enlaces establecidos en su sitio web y declara que en ningún caso procederá a examinar o ejercitar ningún tipo de control sobre el contenido de otros sitios de la red. Asimismo, tampoco garantizará la disponibilidad técnica, exactitud, veracidad, validez o legalidad de sitios ajenos a su propiedad a los que se pueda acceder por medio de los enlaces.

INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL declara haber adoptado todas las medidas necesarias para evitar cualesquiera daños a los usuarios de su sitio web, que pudieran derivarse de la navegación por su sitio web. En consecuencia, INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL no se hace responsable, en ningún caso, de los eventuales daños que por la navegación por Internet pudiera sufrir el usuario.

MODIFICACIONES

INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL se reserva el derecho a realizar las modificaciones que considere oportunas, sin aviso previo, en el contenido de su sitio web. Tanto en lo referente a los contenidos del sitio web, como en las condiciones de uso del mismo, o en las condiciones generales de contratación. Dichas modificaciones podrán realizarse a través de su sitio web por cualquier forma admisible en derecho y serán de obligado cumplimiento durante el tiempo en que se encuentren publicadas en el web y hasta que no sean modificadas válidamente por otras posteriores.

COOKIES

Una Cookie es un fichero que se descarga en su ordenador al acceder a determinadas páginas web. Las cookies permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo y, dependiendo de la información que contenga y de la forma en que utilice su equipo, pueden utilizarse para reconocer al usuario.

Las cookies son esenciales para el funcionamiento de internet, aportando innumerables ventajas en la prestación de servicios interactivos, facilitándole la navegación y usabilidad de nuestra web

La información que le proporcionamos a continuación, le ayudará a comprender los diferentes tipos de cookies:

TIPOS DE COOKIES
SEGÚN LA ENTIDAD QUE LAS GESTIONECookies propiasSon aquellas que se recaban por el propio editor para prestar el servicio solicitado por el usuario.
Cookies de terceroSon aquellas que son recabadas y gestionadas por un tercero, estas no se pueden considerar propias.
SEGÚN EL PLAZO DE TIEMPO QUE PERMANEZCAN ACTIVADASCookies de sesiónRecaban datos mientras el usuario navega por la red con la finalidad de prestar el servicio solicitado.
Cookies persistentesSe almacenan en el terminal y la información obtenida, será utilizada por el responsable de la cookie con la finalidad de prestar el servicio solicitado.
SEGÚN SU FINALIDADCookies técnicasSon las necesarias para la correcta navegación por la web.
Cookies de personalizaciónPermiten al usuario las características (idioma) para la navegación por la website
Cookies de análisisPermiten al prestador el análisis vinculado a la navegación realizada por el usuario, con la finalidad de llevar un seguimiento de uso de la página web así como realizar estadísticas de los contenidos más visitados, número de visitantes, etc.
Cookies publicitariasPermiten al editor incluir en la web espacios publicitarios, según el contenido de la propia web.
Cookies de publicidad comportamentalPermiten al editor incluir en la página web espacios publicitarios según la información obtenida a través de los hábitos de navegación del usuario.
Según lo dispuesto en el artículo 22.2 de la Ley 34/2002, de 11 de julio, de Servicios de la Sociedad de la Información y de Comercio Electrónico (LSSI-CE), INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL informa de las cookies utilizadas en nuestra website:
TIPOS DE COOKIES
Cookies propiasCookies de terceroCookies de sesiónCookies persistentes
FINALIDAD Cookies técnicasX
Cookies de personalización X
Cookies de análisisX
Cookies de publicidad comportamental

Innovadeluxe Diseño y Desarrollo Web usa cookies propias (técnicas) necesarias para:
• la navegación por su sitio web. (Cookie utilizada - PHPSESSID)
• control de mensaje de aceptación de cookies - aviso (Cookie utilizada - peadingCookie)

También se usan cookies propias (personalización) necesarias para:
• mostrar el contenido de la web en diferentes idiomas. (Cookie utilizada - _icl_visitor_lang_js y _icl_current_language)

Además usa Cookies de terceros:
• Para analítica del comportamiento de navegación de su sitio web por parte de los usuarios (obteniendo datos del tipo: número de visitantes, tiempo de las visitas, páginas vistas, palabras clave usadas para encontrar el sitio, etc...) en ningún caso se obtiene ningún tipo de dato personal de los usuarios. (Cookies utilizadas - _ga, __utma, __utmb,__utmc, __utmz)
• También usa cookies de Youtube para mostrar vídeos de sus productos y servicios desde esta plataforma. Obteniendo datos estadísticos de visualización de los vídeos proporcionados. Sin obtención de datos personales de los usuarios.

Las cookies de análisis de esta página son proporcionadas por el servicio Google Analytics propiedad de Google Inc.

https://developers.google.com/analytics/devguides/collection/analyticsjs/cookie-usage

Las cookies de YouTube de esta página son proporcionadas por Google Inc.

http://www.google.es/intl/es/policies/privacy/

Asimismo, INNOVADELUXE DISEÑO Y DESARROLLO WEB, SL informa al usuario de que tiene la posibilidad de configurar su navegador de modo que se le informe de la recepción de cookies, pudiendo, si así lo desea, impedir que sean instaladas en su disco duro.

A continuación le proporcionamos los enlaces de diversos navegadores, a través de los cuales podrá realizar dicha configuración:

Firefox desde aquí: http://support.mozilla.org/es/kb/habilitar-y-deshabilitar-cookies-que-los-sitios-we
Chrome desde aquí: http://support.google.com/chrome/bin/answer.py?hl=es&answer=95647
Explorer desde aquí: http://windows.microsoft.com/es-es/windows7/how-to-manage-cookies-in-internet-explorer-9
Safari desde aquí: http://support.apple.com/kb/ph5042
Opera desde aquí:http://help.opera.com/Windows/11.50/es-ES/cookies.html

Cerrar