Para tener un sitio que se muestre rápidamente y, por lo tanto, se venda de manera óptima, debe cumplir 3 condiciones:
- servidor cuyos componentes están a la vanguardia de la tecnología: NVMe SSD 3D
- combinación particular de software de servidor (nuestro know-how)
- sitio web mínimamente optimizado que utiliza PHP7, PrestaShop es muy rápido en nuestros servidores en forma nativa, asegúrese de que los temas y módulos personalizados no degraden el rendimiento...
Utilice el navegador Chrome, que es realmente más rápido que Firefox
Confirmamos que nuestros servidores están muy bien optimizados para PrestaShop, y un sitio de comparación de alojamiento web realiza la prueba diaria de nuestros servidores, salimos entre los 3 primeros, vea el enlace aquí
Para PrestaShop, el mejor rendimiento se obtiene con la rama 7 de PHP
- Opcache ya está habilitado de forma predeterminada a nivel de servidor con versiones PHP compatible
- Comprueba la compatibilidad de tu tema y tus módulos/plugins...Lea nuestro artículo sobre el impacto de la velocidad del sitio web en su rendimiento general
Sección de rendimiento del administrador de PrestaShop:
Tipo de caché en la parte superior: 'Sistema de archivos' es muy eficiente con NVMe SSD en las últimas versiones de PrestaShop, o 'MySQL' (la ganancia dependerá de su sitio, tendrá que probar), de lo contrario use Opcache.
Dejar activado si es posible: desactivar todas las sobrecargas
CCC: Normalmente se recomienda dejar todo habilitado y deshabilitar aquellos que causan problemas como /ex: 'reducir código html' y 'mover javascript al final'.
En la sección de administración de PrestaShop 'Rendimiento', en la parte inferior de la página, deje todos los cachés deshabilitados porque no proporcionan mejores resultadosUna vez finalizado tu desarrollo, no olvides desactivar: 'Forzar compilación en cada llamada'
Para saber, para probar:
https://dh42.com/free-Prestashop-modules/Prestashop-Opcache-manger-module/
Solo le permite ver el efecto Opcache
https://jpresta.com/fr/accueil/1-page-cache.html
Permite una optimización a medida....
¿Cómo simular adecuadamente la realidad de la experiencia de un visitante en su sitio?
Recomendamos estos sitios de prueba en línea en orden de relevancia:Leer para:más herramientas
NB:
- Los criterios más importantes son el 'Tiempo del primer byte', el índice de velocidad y especialmente el 'Iniciar renderizado', que se indican en el sitio web webpagetest.org
- Pagespeed Insights es la peor herramienta de puntuación online porque está incompleta y es incorrecta
- Los sitios de prueba no ven nuestra compresión Gzip
¿Sabe que probar en línea un sitio web basándose únicamente en la página de inicio está lejos de ser una evaluación completa? he aquí por qué...
En general, un visitante no se desanima porque su sitio se carga entre 3 y 5 segundos en la primera carga (si son 10 segundos, eso es demasiado), su visitante se beneficiará de una velocidad más rápida para las siguientes páginas visitadas desde nuestros servidores, gracias a la configuración activada por defecto para almacenar en caché a nivel del navegador del visitante, es decir que solo los nuevos elementos de las páginas visitadas durante la visita serán enviados desde el servidor, el resto proviene de la caché de su navegador (imbatible en términos de velocidad)...
Probar solo la página de inicio permite comparar la velocidad entre 2 servicios de alojamiento web, y también ver el grado de optimización de la página de inicio o de la probada... (Hemos visto muchos sitios sin problemas en la página de inicio, mientras que grandes problemas aparecieron en las páginas de categorías y productos, vinculados a módulos no optimizados o mal diseñados...)
Entonces, si utiliza un sitio de prueba en línea, debe realizar 3 pruebas para ver la velocidad de 2 servidores o la optimización de una página de su sitio web: página de inicio, 1 página de categoría, 1 página de producto.
Tenga en cuenta que:
- Los sitios de pruebas en línea suelen borrar su caché con cada solicitud, por lo que esto no siempre representará la realidad exacta de la experiencia de un usuario
- más del 50% de los visitantes llegan a su sitio en una página que no es su página de inicio...
Para simular la realidad de la experiencia de un usuario, deberás hacerlo desde tu PC instalando el complemento de Chrome llamado Apptelemetry (tendrás un contador a la derecha de tu barra de URL): https://chrome.google.com/webstore/search/apptelemetry
Limpie su caché y visite su sitio yendo a cada tipo de página, y vea los tiempos de carga desde la segunda página visitada...
Utilice "Inspeccionar elementos" con el botón derecho del mouse en Chrome o "Inspeccionar elemento" en Firefox, consulte la pestaña "Rendimiento", habilite la grabación. Ahora navegue por su sitio web para obtener la cascada y posiblemente identifique los elementos que podrían causar problemas...
Para una prueba avanzada y simulada con visitantes reales, recomendamos este servicio único:
https://www.userlynx.com/
1. PrestaShop viene con una buena cantidad de módulos activados, de los cuales sólo utilizarás un 40% de media...Por lo tanto, tendrás que desactivar uno por uno aquellos que no usarás, una vez que hayas instalado tu tema únicamente (porque esto agrega módulos).
Haga clic en Sí para: 'Desactivar todas las sobrecargas', en la sección Rendimiento (es posible que esto no sea adecuado para todos los sitios debido a módulos/temas específicos)
Muy importante:
Pruebe nuevamente en cada paso de optimización/acción (adición/suppression/activation de complementos) para identificar fácilmente qué acción causó una mejora o degradación en el rendimiento. Sin esta paciencia, y la observación necesaria, será mucho más difícil buscar la aguja en el pajar si no se tiene cierto nivel de pericia.
La clave para iniciar con éxito esta optimización no es sólo desactivar/desinstalar los módulos, sino sobre todo eliminar el gancho de estos módulos en hook_header, además de aquel donde se supone que deben mostrarse...
El tamaño de una página, excepto la página de inicio, no debe exceder los 3 MB...
Un ejemplo de prueba con webpagetest.org en un sitio bastante bien optimizado:
Otro sitio con buenos resultados: https://www.ctechnik.com
Aquí está la puntuación de nuestro sitio web cuya optimización se maximiza según nuestras limitaciones técnicas y nuestra elección de contenido:
https://www.yoorshop.hosting/images/webpagetest-yoorshop.JPG
El 'First byte time' incluye la carga inicial y casi simultánea de numerosos elementos (sin caché previa en el lado del visitante final):
- resolución DNS inicial
- configurar la conexión SSL inicial cuando el sitio está en SSL (consulte nuestro punto 9 con descarga SSL para reducir este retraso)
- carga inicial del sitio que incluye PrestaShop CMS
Todos los cachés del servidor y del sitio web garantizarán que las siguientes páginas visitadas se vean mucho más rápidamente...
El 'Iniciar renderizado' y el 'Índice de velocidad' son muy importantes (a partir del momento en que se muestran los elementos).
Ref: https://blog.dareboost.com/fr/2015/07/start-render-visually-complete-speedindex/
Es absolutamente normal ver una puntuación N/A o D para la compresión de imágenes, depende de sus imágenes y la compresión debe realizarla usted en sentido ascendente, y no el servidor, que no puede comprimirlas significativamente...
¡Estudie también los resultados de la 'cascada', pero también active el 'perfil de depuración' en PrestaShop para obtener más detalles!
Para 'cascada', recuerda que puedes realizar esta prueba con mayor precisión desde tu propio ordenador utilizando la función 'Inspeccionar elemento' de tu navegador, consulta la pestaña 'red'
2. Los módulos de estadísticas internas ralentizan mucho PrestaShop, es mejor simplemente usar el módulo de google Analytics, o statcounter
3. Teniendo un buen host como YOORshop, nuestros servidores son potentes y eficientes (servidores SSD + Nginx y litespeed + http2) y están configurados con varios optimizadores que naturalmente contribuyen al buen rendimiento. El procesador asignado a tu cuenta también juega un papel importante (el precio de nuestras ofertas es proporcional al procesador)
4. Comprueba la correcta ejecución de Javascript y varios módulos (categorías, controles deslizantes), y al final de tu página (activa en Rendimiento 'Ejecutar Js al final'). Ya hemos visto que la función no funciona correctamente con determinados módulos, prueba las diferencias desactivándolos, y revisa el código si es necesario... o la 'cascada' del test online: http://www.webpagetest.org/
5. Recuerde también probar/activar Cloudflare gratis desde su cPanel y evaluar si hay una ganancia para su sitio (primero debe haber optimizado su sitio si no lo es, ¡es esencial con o sin Cloudflare!), normalmente interesante para sitios con mucho contenido, y muy útil solo si su mercado objetivo está ubicado en continentes distantes....
(Las pruebas deben durar al menos 3 días hasta que Cloudflare haya almacenado en caché suficientes solicitudes)
Para un sitio SSL y también un mejor rendimiento, el menos costoso es: https://www.keycdn.com/?a=31796
6. Periódicamente, purgue su base de datos
https://support.yoorshop.hosting/knowledgebase/1295/Optimizacion-de-bases-de-datos.html7. Sea 50-100% SSL y benefíciese de la velocidad del protocolo HTTP2 :
https://support.yoorshop.hosting/knowledgebase/1551/Como-instalar-un-certificado-SSL.html8. Optimización con PageSpeed
https://support.yoorshop.hosting/knowledgebase/3242/Optimizacion-con-PageSpeed.html9. Ofrecemos la funcionalidad 'Descarga SSL' que reduce el tiempo de carga durante la primera conexión (si su sitio muestra un error, significa que es incompatible con esta función). Para activarlo/probarlo, desde su cPanel, en la parte inferior, icono de Nginx Manager, elija su dominio, luego 'Configuración general', haga clic en 'habilitado' para la línea de descarga SSL, luego más abajo a la derecha, guarde haciendo clic en el botón en la sección 'Guardar configuración'
