Cuando se trata de la experiencia del usuario, la velocidad es uno de los elementos más consecuentes que determinan el éxito de su sitio web de comercio electrónico. Cada segundo titing se vuelve precioso, tanto que una mejora de un segundo en la velocidad de su sitio web puede Aumentar las transacciones móviles en un 27% .
Hay algunas formas probadas y probadas de acelerar su tienda en línea. Encontrará muchos recursos que mencionan optimizar los tamaños de imagen, leer solicitudes HTTP y cambiar sus servicios de alojamiento.
Este blog se sumerge más profundamente en estas técnicas y proporciona algunas técnicas subestimadas útiles que realmente pueden lograr un aumento notable en la velocidad de su sitio web de comercio electrónico. Comencemos.
1. Evaluar las extensiones de terceros
Cada tienda de comercio electrónico necesita usar extensiones de terceros de alguna manera o forma. Si bien la incorporación de cualquier cantidad de extensiones no tiene nada que ver con la velocidad del sitio y la mayoría de ellas dan como resultado racionalizar el rendimiento de su tienda en línea, siempre es mejor controlar estas extensiones.
Cuando vienen con una gran cantidad de funcionalidad personalizada, código inestable y contenido malo, la velocidad del sitio reduce sustancialmente. Puede realizar una verificación de tales extensiones a través de los siguientes pasos:
- Reconocer los scripts o etiquetas que se marcan lentamente y rectificarlas a través de Chrome DevTools
- Intente usar las instrucciones async/ diferir o las sugerencias en vivo
- Test every JS modification thoroughly on a staging site before they are pushed live
2. Mejore el tiempo hasta el primer byte (TTFB)
Si bien podemos tolerar los semáforos y los hornos de microondas por hasta dos minutos, no podemos esperar que una página web se cargue por menos de tres segundos. Aquí es donde el "tiempo para el primer byte" (TTFB) se vuelve crucial.
TTFB funciona como un elemento receptivo. No afirma que el sitio se cargará más rápido, solo que comenzará a hacerlo. Un TTFB bajo, por otro lado, generalmente indica que un sitio es más rápido y más receptivo.
Para una buena experiencia de usuario, un sitio que responde rápidamente a los clics es esencial. De hecho, la capacidad de respuesta del sitio puede ser más significativa para el SEO que el tiempo que tarda el sitio para cargarse por completo. Según Google, un TTFB de menos de 200 milisegundos es excelente. Sin embargo, la versión más reciente de su herramienta PageSpeed no plantea una alerta a menos que el tiempo exceda 600 milisegundos .
Hay un tugio de cosas a las que buscar para descubrir qué está haciendo que su TTFB se retrase. Si ve que sus activos están tardando mucho en producir el byte inicial, debe analizar el problema y hacer las modificaciones requeridas para mejorar la velocidad de su sitio. Las siguientes son algunas de las razones más comunes por las cuales su TTFB es más lento de lo habitual:
- Problemas con la red
- Problemas de capacidad del servidor (E/S de disco, RAM y limitaciones de red)
- Configuración y diseño de la base de datos
Puede incorporar Caching de Caching o Contenido Entrega de contenido (discutido) para reducir el diseño de la base de datos de la base de datos. Significativamente.
3. Use el almacenamiento en caché del navegador
Cuando un navegador almacena en caché los archivos cruciales que componen su sitio, se conoce como almacenamiento en caché del navegador. Esto significa que cuando un visitante regrese a su sitio, su navegador no tendrá que descargar cada archivo de sus servidores nuevamente. Solo necesita solicitar ciertos archivos o incluso partes de páginas individuales que probablemente se hayan cambiado (como la imagen del logotipo). Debido a que la cantidad de consultas realizadas al servidor se reduce, esto aumenta significativamente los tiempos de carga.
Agregar una breve pieza de código a sus encabezados HTTP para establecer períodos de vencimiento para ciertos archivos es un método razonablemente simple para habilitar el almacenamiento en caché. Como las páginas están sujetas con frecuencia a ajustes sensibles al tiempo sobre el precio durante las campañas, revisiones de los productos, información de entrega proporcionada por Servicios internacionales de mensajería , y así sucesivamente, el almacenamiento en caché del navegador puede ser un poco desafiante para los comerciantes en línea.
Como resultado, es fundamental distinguir entre archivos que proporcionan material genuinamente estable: estilos CSS, logotipos, navegación, etc. y archivos que incluyen contenido que es propenso a cambiar. Entonces puede codificar según sea necesario. Recuerde que es perfectamente fácil escribir elementos de página particulares, como encabezados y pies de página, así como archivos más grandes (como hojas de estilo CSS) que no son sensibles al tiempo, y simplemente habilitar el almacenamiento en caché para ellos mejorará la velocidad del sitio.
4. Use una red de entrega de contenido (CDN)
Una red de entrega de contenido se puede definir como una colección de servidores situados en todo el mundo. Tienen la tarea de distribuir la carga de entrega al servidor más cercana a la ubicación del usuario, lo que resulta en experiencias de usuario locales más rápidas. Un CDN es un componente no negociable para el rendimiento de la plataforma a medida que más empresas de comercio electrónico van en todo el mundo.
Los archivos de su sitio web se copiarán y almacenarán en estos servidores después de usar un CDN. Cuando los consumidores de diferentes continentes (o incluso países) visitan su tienda en línea, todos los datos se cargan desde el servidor que está más cerca de ellos, lo que permite que el sitio web se cargue significativamente más rápido.
Un CDN es una excelente opción para los sitios de comercio electrónico de alto tráfico. Los POP de alta densidad les permiten ofrecer información más estática y basada en eventos del caché. Como resultado, su eficiencia de Cache Hit BoCe tiene hasta 90%-98% Cache Hit Efficiency improves up to 90%-98% , lo que permite una mayor experiencia para sus usuarios. También mejora las clasificaciones de los motores de búsqueda como resultado de la sintonización de métricas de rendimiento. Una conexión CDN facilita el mantenimiento del sitio web a largo plazo y tiene como objetivo mejorar la velocidad general del sitio web.
5. Pruebe la carga perezosa
Si un sitio web tarda unos segundos en cargarse, puede mejorar la experiencia del usuario al acelerar la parte superior de la página. La carga perezosa es un método que funciona bien para sitios que tienen mucho contenido por debajo del pliegue. La API está siendo adoptada por el 17% de los sitios web , que es un número sustancial teniendo en cuenta que se lanzó en 2019. Gracias a la carga perezosa, cargará las imágenes dentro de la pantalla primero, entonces todas las otras imágenes más adelante.
El usuario no tendrá que esperar mucho para acceder al sitio web y las fotografías se cargarán tan pronto como estén disponibles más adelante. Esto reducirá significativamente el tiempo que lleva los artículos con una gran cantidad de fotos para cargar. Es simple configurar este complemento. Los complementos como la carga perezosa, la carga perezosa BJ, el cohete WP y otros están disponibles.
6. Desarrolle AMPS y PWAS
con 52% del tráfico de Internet derivado de los teléfonos inteligentes , es importante optimizar sus tiendas de comercio electrónico para esos dispositivos. Las páginas móviles aceleradas (AMP) y las aplicaciones web progresivas (PWA) han facilitado aumentar la velocidad del sitio en dispositivos móviles.
Google construyó el marco de desarrollo de AMP, que consiste en un subconjunto HTML (AMP HTML), un marco de JavaScript y un CDN opcional de CDN opcional. Si bien AMP se creó con los sitios web basados en el contenido en mente, se está volviendo cada vez más popular entre las tiendas en línea.
Una aplicación web progresiva (PWA) es una aplicación web a la que se puede acceder con un navegador móvil. Imitan muchas de las características de las aplicaciones, como el acceso a través de un icono en la pantalla de inicio móvil, Mejor participación (tan alto como 400%) , y Push Notifications, pero sin requerir que los usuarios instalen cualquier cosa en sus teléfonos.
ENTRAPIRSE
Todos los que tienen la velocidad de la velocidad de la mayor parte. Debe tratar de incorporar estos elementos en su sitio web de comercio electrónico para convertir el tráfico en ingresos, minimizar la tarifa de la gira y simplemente deleitar a sus clientes con una experiencia de usuario excepcional.
Las opiniones expresadas aquí por los contribuyentes invitados son propios, no las de marketing de ascenso.