El documento describe los esfuerzos para optimizar el rendimiento y la velocidad de carga de un sitio web de comercio electrónico que utiliza Magento. Se realizaron optimizaciones en el servidor Apache, la base de datos MySQL, los archivos CSS y JS, las imágenes y la velocidad de carga general. Estos cambios redujeron el tiempo de carga de la página de 3,42 segundos a 0,62 segundos y mejoraron el rendimiento con un alto número de usuarios concurrentes.
2. Comparte: | visítanos: www.sugerendo.com
INTRODUCCIÓN
04
2
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
Albitashop es un retailer de accesorios para smartphones y tablets, con un catálogo de más de 5.000 productos,
que opera en Internet a través de Magento integrado con diferentes canales de venta (eBay, Amazon, Fnac…). Sus
ventas superan las 50.000 al año.
Situación de la empresa
Lentitud de navegación y pobre experiencia de usuario debido a diversos problemas relacionados con Magento:
elevado número de archivos que se cargaban en cada actualización de la página (js, css…), peso de las imágenes,
desaprovechamiento de recursos del servidor, extensión del catálogo, integraciones entre sistemas, etc.
Desafíos encontrados
Desde Sugerendo decidimos realizar una optimización completa de las áreas que más afectan al rendimiento: el
servidor Apache y la base de datos utilizada por Magento, todo ello orientado a su vez, a la optimización de la
velocidad de carga del sitio web a través de herramientas de cacheado.
Soluciones llevadas a cabo
El tiempo de carga baja de 3,42 segundos a 0,62 segundos, un valor que está por debajo del 84% de los sitios de
Internet y por debajo de sus principales competidores, mostrando asimismo un muy buen rendimiento con un
elevado número de usuarios concurrentes.
Resultados obtenidos
3. Comparte: | visítanos: www.sugerendo.com
SITUACIÓN INICIAL
04
EXCESO DE CARGA DE ARCHIVOS
Muchos archivos para funciones
compartidas, sobre todo en lo
referente a ficheros JS y CSS.
LENTITUD DE NAVEGACIÓN
La página web del cliente tiene un
tiempo medio de carga demasiado
alto.
ELEVADO TAMAÑO DE IMÁGENES
Se utilizan numerosas imágenes
de gran tamaño y dimensiones,
que ralentizan la carga de la web.
El objetivo será conseguir la optimización y el
aprovechamiento de los recursos del servidor y la mejora del
tiempo de carga del sitio web para una navegación más
rápida.
3
CATÁLOGO EXTENSO
Más de 5.000 productos
integrados en diversos canales de
venta: Amazon, eBay, Fnac…
Más de 50 000 ventas
Diagnóstico de la tienda online del cliente: www.albitashop.com
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
4. Comparte: | visítanos: www.sugerendo.com
DESGLOSE DE TAREAS REALIZADAS
04
4
SERVIDOR ARCHIVOS VELOCIDAD
Optimización del
servidor Apache.
Optimización de la
base de datos
Optimización de la
velocidad de carga
Procesos llevados a cabo en la optimización
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
6. Comparte: | visítanos: www.sugerendo.com
HERRAMIENTAS DE CACHEADO
6
Resultado: Se ha conseguido incrementar en un 250%
la capacidad de usuarios que puede acceder al sitio
web al mismo tiempo.
• Con este tipo de
herramientas se
contribuye a mejorar el
rendimiento del servidor.
• Funcionan liberando la
carga de trabajo al servidor
Apache actuando como una
caché, a través del
almacenamiento en caché
del recurso solicitado.
• Se evitará realizar
consultas a la base de
datos o compilar y
ejecutar código, liberando
gran cantidad de
recursos.
• Permite manejar altas
tasas de tráfico con
menos recursos.
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
7. Comparte: | visítanos: www.sugerendo.com
ARCHIVOS JS Y CSS
7
Se unifican gran parte de los
archivos JS y CSS.
Se reduce considerablemente
el número relativo a este tipo
de ficheros
Resultado: Después de la unificación de archivos, disminuye el
tiempo de carga del sitio web de 1,2 segundos a 0,6 segundos.
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
8. Comparte: | visítanos: www.sugerendo.com
COMPRESIÓN DE IMÁGENES
8
1. Petición del navegador
GET / imagen.jpg
Acepta codificación: GZIP.
2. Servidor encuentra
archivo
/var/www/../imagen.jpg
(100KB)
3. El navegador
descomprime la imagen y
la muestra
(100KB)
4. Respuesta del servidor
HTTP/x 200 OK
Codificación: gzip
<archivo comprimido>
• Se ha utilizado GZIP para comprimir las imágenes que, en general, son de gran tamaño.
• La compresión GZIP consiste en enviar los códigos del sitio en formato comprimido, para que ocupen mucho
menos espacio y por tanto se transfieran por la red de una manera más rápida.
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
10. Comparte: | visítanos: www.sugerendo.com 10
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
OPTIMIZACIÓN DE LA BASE DE DATOS
MySQL
Optimización del tiempo de
procesamiento de cada
consulta.
Aumento del nivel de CPU y la
memoria que puede utilizar la
base de datos.
Se dimensiona la caché de la
base de datos a la memoria del
servidor.
Por defecto, la base de datos de MySQL se encuentra
configurada para servidores con pocos recursos.
12. Comparte: | visítanos: www.sugerendo.com 12
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
MEDICIÓN CON PAGESPEED INSIGHTS
Resultado: Tras las medidas adoptadas, se consigue una
puntuación de 87/ 100.
Según los consejos que ofrece, se opta por realizar lo
siguiente:
• Minimización del número de peticiones HTTP que se
producen.
• Reducción el tiempo de respuesta de esas peticiones.
• Optimización del renderizado de la página en el
navegador.
Esta herramienta otorga una puntuación que va de 0 a 100,
siendo 100 el valor máximo de rendimiento.
La puntuación inicial conseguida antes de la optimización
era de 54/ 100.
* Pruebas realizadas mediante PageSpeed Insights de Google en septiembre de 2014.
14. Comparte: | visítanos: www.sugerendo.com 14
* Medición realizada mediante Open SEO Stats en Septiembre de 2014. La velocidad puede haber aumentado ligeramente debido a propiedades intrínsecas del sitio web.
ANTES Y DESPUÉS
Mejora conseguida sobre la velocidad de carga
3,43
segundos
0,62
segundos
Lenta Muy rápida
El 71% de los sitios
web de todo el
mundo son más
rápidas.
El 84% de los sitios
webs de todo el
mundo son más
lentos.
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
15. Comparte: | visítanos: www.sugerendo.com
ANTES Y DESPUÉS
15
* Medición realizada mediante LoadImpact.com en Septiembre de 2014.
• Se ha realizado una prueba de carga
con usuarios virtuales, sometiendo al
servidor con hasta 50 usuarios
concurrentes (línea verde).
• Se compara el tiempo de reacción del
Magento antes y después de la
optimización completa del servidor.
(líneas azul y morada)
Resultado: La principal mejora que se ha obtenido es que el
servidor puede llegar a soportar una mayor cantidad de
usuarios al mismo tiempo.
Diferencia entre la velocidad de carga antes y después con usuarios
concurrentes
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
16. Comparte: | visítanos: www.sugerendo.com
COMPARATIVAS
16
Se muestran a continuación los resultados de velocidad de carga del cliente frente a sus cuatro principales
competidores.
Resultado: Tras las medidas adoptadas, se consigue una
puntuación de 87/ 100.
Albitashop.com 0,62 segundos
Competidor 1 0,97 segundos
Competidor 3 3,12 segundos
Competidor 2 3,29 segundos
Competidor 4 2,81 segundos
* Los nombres de los competidores han sido omitidos, para saber más, contacta con nosotros.
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
Comparativa con la velocidad de carga de sus competidores directos
17. Comparte: | visítanos: www.sugerendo.com
COMPARATIVAS
17
Tras los procesos implementados para optimizar la velocidad de carga y navegación, la tienda online del cliente ha
resultado ser más rápida que otras tiendas online de grandes retailers nacionales e internacionales.
* Consulta realizada mediante Open SEO Stats en Septiembre de 2014.
Comparativa con la velocidad de carga de otros retailers
EMPRESA URL TIEMPO DE CARGA
Pull & Bear http://www.pullandbear.com/es/es/ 0,33
AlbitaShop www.albitashop.com 0,62
Zara http://www.zara.com/es/ 0,70
Amazon http://www.amazon.es/ 0,84
Pedro del Hierro www.pedrodelhierro.com 0,87
Leroy Merlin http://www.leroymerlin.es/ 0,96
Carlin https://www.carlin.es/ 0,98
Apple Store http://store.apple.com/es 1,04
PCComponentes http://www.pccomponentes.com/ 1,19
Purificación García http://www.purificaciongarcia.com/ 1,41
El Corte Inglés http://www.elcorteingles.es/ 1,43
Punt Roma www.puntroma.com 2,13
The Phone House http://www.phonehouse.es/ 2,21
Clinique http://www.clinique.es/ 2,32
Privalia http://es.privalia.com/public 2,79
Mont Blanc Sotre http://www.montblanc.com/es-es/shop/default.aspx?sc_lang=es-es 3,98
Cortefiel http://cortefiel.com/ 4,70
Ikea http://www.ikea.com/es/es/ 4,71
Nike Store http://store.nike.com/es/es_es/ 4,75
MediaMarkt http://www.mediamarkt.es/ 6,45
Caso de éxito: Optimización de rendimiento y velocidad en Magento |
18. Proporcionamos a terceras empresas soluciones 360º
para todos los procesos del ciclo de vida de un proyecto
de venta por Internet.
C/ Núñez de Balboa, nº 120 - Madrid
91 008 99 53
info@sugerendo.com
www.sugerendo.com