Comenzamos el año partiendo de un tema que fue importante en el pasado y que será vital en el futuro. Se trata de optimizar la velocidad de un sitio web. El rendimiento de su sitio y el tiempo de carga tienen un impacto enorme en las ventas.
Nos gustaría llamar su atención sobre el hecho de que desde noviembre de 2018, el proceso de mejora del sitio ha cambiado. Hasta ahora, las optimizaciones de velocidad han sido principalmente un proceso general, y la mayoría de los sitios web tienen problemas similares que impiden que el sitio lo use a plena capacidad, por ejemplo, generación de imágenes, servidor bajo, etc. Con los nuevos requisitos de Google en cuanto a velocidad, su sitio puede perder su lugar en los resultados de búsqueda. Hasta ahora, los requisitos estaban a nivel de escuela general en lo que respecta a optimización, pero ahora han subido a nivel de escuela secundaria.
Como probablemente sepa, Google le ha proporcionado una variedad de herramientas para ayudarlo a comprender el rendimiento de un sitio. A primera vista parecía una buena idea, pero recientemente se dio cuenta de que tener mucha variedad de herramientas, todas con propuestas distintas, solo causaba confusión entre los usuarios.
Google ha decidido dispersar los malentendidos y, en noviembre de 2018, Google Page Speed Insight recibió una actualización importante. Hasta ahora, la herramienta PageSpeed Insight analizaba el rendimiento de una página en dispositivos móviles y de escritorio y brindaba recomendaciones sobre cómo mejorarla.
El instrumento Lighthouse ha sido una herramienta de código abierto que ha proporcionado consejos personalizados para mejorar su sitio en términos de rendimiento, accesibilidad y otras prácticas. Desde noviembre, PageSpeed Insights utiliza Lighthouse como motor de análisis. Con esta actualización, Google ha reducido la confusión y también trae muchas recomendaciones nuevas sobre cómo mejorar la velocidad de un sitio. Esto significa que Google ya no evalúa su sitio en función de lo que puede hacer para mejorarlo, sino que también lo evaluará de acuerdo con su rendimiento.
¿Qué tipo de información proporciona PageSpeed Insight a partir de ahora?
Datos de laboratorio.
PageSpeed Insight con Lighthouse simula cómo un dispositivo móvil carga la página. Después de terminar, resume los valores de desempeño y le da un puntaje de desempeño de 0 a 100. Los puntajes se clasifican en tres niveles, un puntaje de 90 o más se considera rápido, y de 50 a 90 se considera promedio, por debajo de 50 se considera que Sé lento.
Datos de campo.
Los datos se basan en una versión del Informe de experiencia del usuario de Chrome que se actualiza a diario. Los valores aquí pueden ser diferentes de los de la sección de datos del laboratorio, ya que captura un amplio espectro de condiciones y dispositivos en la red real utilizada por los usuarios de Chrome.
Oportunidades.
Estas son las sugerencias que ofrece PageSpeed Insight sobre cómo mejorar el rendimiento de una página y la rapidez con la que se cargará.
Diagnósticas.
Proporciona información adicional sobre cómo una página cumple con las mejores prácticas para el desarrollo de sitios.
Auditorías aprobadas.
Indique las auditorías que ha pasado por la página.Pruebe su sitio con PageSpeed Insights y descubre cómo te ve Google. El resultado de la prueba no solo se referirá al rendimiento del sitio, sino también a su calidad.
Aquí hay algunas recomendaciones de Pagespeed Insights que pueden resolverse implementando nuestros módulos.
Módulo generador de imágenes de Google WebP
Después de ejecutar una prueba de su sitio y aparece la siguiente recomendación, su sitio necesitará el módulo generador de imágenes WebP.
Instalación del módulo “Google WebP Image Generator” a través del cual se pueden regenerar las imágenes en el sitio web en un formato recomendado por Google (este formato se llama WebP). El uso de este módulo para generar imágenes también reducirá su tamaño hasta en un 30% manteniendo la misma calidad..
Una vez que comience a generar imágenes con el Generador de imágenes WebP para PrestaShop, verá importantes mejoras en la velocidad de su sitio y sus imágenes mantendrán la calidad original.
El módulo ofrece una compresión superior sin pérdidas con respecto a las imágenes de su sitio, y se recomienda para acelerar su tienda web. Es mucho más eficiente que generar tus imágenes con el generador de imágenes estándar en PrestaShop, no tiene errores y puedes ver el progreso de todo el proceso.
La generación de imágenes con este módulo liberará espacio en el servidor y la carga de sus páginas en el sitio será más rápida. Google apreciará las imágenes generadas por este módulo y podrá obtener una mejor clasificación en los motores de búsqueda de Google.
Módulo de aplicación web progresiva
Si aparece esta mención, definitivamente necesitará el módulo Aplicación web progresiva.
El módulo es una solución para cargar páginas web más rápido. Permite que su sitio sea accesible incluso si un usuario tiene una conexión a Internet lenta o incluso cuando no hay conexión a Internet. Las PWA combinan la flexibilidad de la web con la experiencia del usuario de una aplicación nativa. Como puede ver, este módulo es recomendado incluso por Google y es un factor importante cuando se trata de los rankings de búsqueda de Google.
Una vez que se implemente este módulo, el rendimiento generalmente será mejor y los usuarios también podrán crear un ícono y un acceso directo para el sitio en sus dispositivos móviles, lo que les permitirá llegar a sus productos más rápido.
Módulo HTTP 2 Web Push
Después de las nuevas recomendaciones, el módulo de inserción web HTTP2 no puede faltar en su sitio.
La implementación del módulo de inserción web HTTP2 permitirá que la conexión entre el sitio y el servidor esté abierta continuamente. Esto es muy importante con respecto a la velocidad de la página. Además, aparecerá la posibilidad de “servidor push” lo que significa que el servidor reconoce que el HTML necesita más información y las enviará automáticamente.
Módulo CSS crítico
Recomendamos implementar este módulo porque reducirá el tiempo hasta la "Primera pintura con contenido", que en este momento es de 6,6 segundos. Sin este módulo, cuando un usuario interactúa con su sitio web, todas las reglas CSS se "escanean" y se cargan, incluso aquellas que no se utilizan en el sitio o no se utilizan en esa página específica. Este módulo ordenará las reglas CSS y ejecutará las que sean necesarias, reduciendo el tiempo de carga.
Módulo de carga diferida
LazyLoad es un script flexible que acelera el sitio cargando imágenes tal como se ingresan en el campo visual.
Módulo de conjunto de imágenes SRC
Recomendamos utilizar el conjunto Image SRC para garantizar que las imágenes estén optimizadas en todos los dispositivos, incluido el móvil. Más específicamente, las imágenes que se cargan cuando se accede al sitio web desde un dispositivo móvil son distintas y más pequeñas que las que se cargan en el escritorio y suelen ser más grandes. (Asegúrese de tener suficiente espacio en el servidor porque se generarán múltiples versiones de las imágenes para múltiples resoluciones).
La velocidad sigue siendo uno de los aspectos más importantes.
Como se mencionó anteriormente, la velocidad de un sitio seguirá siendo un hito en el ranking de búsqueda de Google. La optimización de la velocidad no solo es importante para la clasificación de Google, sino que también mejorará la experiencia del usuario y las tasas de conversión de su tienda en línea.
La optimización del rendimiento siempre debe ser una prioridad, especialmente cuando hay tanta competencia en línea. La optimización le ofrece muchos beneficios comerciales medibles al tiempo que mejora la eficiencia del sitio. Esto aumentará el número de visitantes que luego se pueden convertir en suscriptores de boletines, lectores y, por supuesto, clientes de pago.
Si quieres tener una tienda online que funcione a pleno rendimiento, es fundamental optimizar las páginas. Además, usted y sus clientes estarán muy satisfechos con los beneficios.
Piense en las carreras: cada año, cada competidor mejora su coche para competir con mayores posibilidades de ganar el trofeo. Eso es exactamente lo que sucede en el comercio electrónico. Siempre debes intentar llegar al primer lugar. No espere hasta que todos los competidores lo alcancen. Pon a prueba tu sitio y no temas pedir consejo y ayuda especializada.
Cuando se trata de optimizar la velocidad de la página, no es suficiente mejorar aspectos generales como la regeneración de imágenes o el cambio de servidor. La optimización de la velocidad se ha vuelto más compleja. Hay muchas cosas que deben hacer los programadores experimentados en esta área. Si desea optimizar la velocidad de su sitio, una de las cosas más importantes que debe hacer es elegir el equipo adecuado para el proceso.
Como se mencionó anteriormente, la optimización de la velocidad ya no es un proceso general, cada sitio debe analizarse por separado y las recomendaciones deben personalizarse para cada sitio web.
Además de los nuevos requisitos que menciona PageSpeed Insight como la miniaturización de HTML, CSS y Javascript, eliminan CSS no utilizados, etc., la regeneración de la imagen debe realizarse utilizando la última tecnología. Cuando se trata de la regeneración de imágenes, la recomendación de Google es generar imágenes en formato WebP. En este momento, somos la única empresa en el mundo que ha creado un módulo para la plataforma PrestaShop que puede generar imágenes de productos en formato WebP.
Somos uno de los mejores equipos para realizar una optimización del sitio. Pruebe el sitio con Google Estadísticas de velocidad de página herramienta y si no está satisfecho con los resultados, no dude en Contacta con Nosotros. Nuestro equipo está listo para ayudarlo a mejorar su velocidad. Nuestra experiencia en optimización nos permite reducir la velocidad de carga de una tienda PrestaShop por debajo de los 3 segundos. En comparación con otras empresas, no solo ofrecemos una auditoría del sitio sino que interveniremos técnicamente para solucionar estos problemas.