Cómo acelerar tu control deslizante

Tener un sitio web rápido es crucial cuando desea mantener a sus visitantes. De hecho, porque nadie quiere esperar más de unos segundos para que una página cobre. Por esta razón, todos quieren que su sitio cobre rápidamente. Pero hacer una carga rápida de un sitio puede ser un desafío, debido al uso de medios ricos (imágenes y videos). Tanto las imágenes como los videos se están cargando más lento que los textos, por lo tanto, deben optimizarse para la web. Smart Slider 3 es un complemento de WordPress y Joomla y es una excelente opción para agregar medios enriquecidos en su sitio. Puede crear un control deslizante de imágenes, un control deslizante de video, incluso una página completa de destino con este complemento. En este artículo le mostraré cómo verificar la velocidad de su sitio y cómo apresurar sus diapositivas.
¿Qué puede disminuir un sitio web? Respuesta rápida: cualquier cosa. Incluso los textos pueden ralentizar la página si son realmente largos. En la mayoría de los casos, el problema proviene de los medios ricos utilizados. O podría ser que el servidor no sea lo suficientemente rápido como para devolver el contenido solicitado de manera oportuna. ¿Quieres saber qué tan rápido es su sitio? Use Google PageSpeed ​​Insights para medir la velocidad de su sitio. Verifica la rapidez con que se está cargando su sitio y le brinda consejos sobre cómo mejorarla. Google PageSpeed ​​Insights es una herramienta increíble. Por esta razón, lo integraron en el navegador Chrome, donde se le llama Lighthouse.
Las medidas de velocidad del faro tienen varios valores diferentes que pueden describir la velocidad de su sitio. Todos son importantes para comprender cómo mejorar su sitio, por lo que los explicaré en pocas palabras.
Primera pintura contenta (FCP), que mide cuando el navegador juega el primer bit. Es el primer comentario dirigido al usuario que la página realmente está cargando. La velocidad (SI) le muestra qué tan rápido el contenido de una página está visiblemente poblado.
La pintura de contenido más grande (LCP) proporciona detalles sobre la imagen o pintura de texto más grande antes de ingresar al usuario.
Tiempo de interactivo (TTI). Este es el momento en que termina la última tarea larga.
Tiempo de bloqueo total (TBT): mida el tiempo total entre FCP y TTI
El cambio de diseño acumulativo (CLS) es un valor centrado en el usuario para medir la estabilidad visual
Los valores de estos valores le dan pistas sobre cómo puede mejorar su sitio. Desafortunadamente, generalmente no es tan simple de comenzar. Esto es especialmente cierto si eres nuevo en el desarrollo web.
¿Cuál es la mejor manera de optimizar su sitio? Según nuestra experiencia, la mejor manera de optimizar su sitio es seguir esta lista de verificación:
Use un proveedor de alojamiento confiable. Un servidor web acelerado puede destruir todos sus logros.
Ejecute la última versión del software del servidor
Use PHP con OpCache activado
Use CloudFlare como middleware y configure correctamente las políticas de almacenamiento de caché
Siempre use el más reciente WordPress disponible
Pruebe su tema en una instalación vacía de WordPress y lo optimice hasta que alcance 100/100 en una página vacía.
Puede intentar optimizar los complementos para ver los mejores resultados con su tema.
Prepare el encabezado “Enlace” para dar una pista de navegador de qué precarga. Esto podría ser Style.CSS, una familia de fuentes y cualquier recurso que bloquee la representación. Trate de deshacerse de tantos recursos que bloqueen la representación.
Use una sola familia de fuentes externas y asegúrese de que sea una fuente variable localmente alojada.
Reduzca el uso de JavaScript y elimine a JQuey si puede
Use complementos que estén optimizados para Lighthouse. No podrá remediar un complemento de terceros sin interrumpir sus actualizaciones.
Prepare su contenido para obtener buenos puntajes. Por ejemplo, use menos imágenes y videos en el pliegue. También asegúrese de que sus imágenes y videos estén lo más optimizados posible.
¿Cuánto impacto tienen los complementos en el rendimiento de mi sitio? Cada complemento que instale en su sitio web eventualmente afectará el rendimiento de su sitio reducirá la puntuación de velocidad de su página y ralentizará su sitio. Las únicas excepciones son la optimización de los complementos, porque su propósito es mejorar la velocidad. Lo que debe considerar es cuánto impacto tiene cada complemento en el rendimiento de su sitio. Además, si la funcionalidad ofrecida por el complemento merece el precio del rendimiento.
Si desea comprar un complemento, pregunte a los desarrolladores cómo han optimizado su complemento para Lighthouse. También pruebe el sitio web (demostración) del complemento con Lighthouse para ver qué tan bien funciona. Si el rendimiento del sitio de demostración es débil, no puede esperar que tenga buenos resultados en su propio sitio. Después de todo, si los desarrolladores no pudieran hacer que su propio sitio funcione bien, ¿cómo podría usted? De hecho, estamos convencidos de que el contenido que crea con el Smart Slider 3 es importante. Le ayuda a brindar a los usuarios una experiencia increíble y memorable con su sitio por este motivo, hemos hecho todo lo posible para optimizar Smart Slider 3.5. Como resultado, nuestra página inicial, que creamos usando solo diapositivas (excepto el encabezado y el sótano) obtuvo una puntuación de 100/100. ¿No es asombroso? 100
Escritorio

La primera pintura satisfactoria
0.3 s
Índice de velocidad
0.5 s
La pintura más grande llena de contenido
0.5 s
Tiempo para interactivo
0.3 s
Tiempo total de bloqueo
0 ms
Acumulativo
0.049
100
Móvil
La primera pintura satisfactoria
1.2 s
Índice de velocidad
1.3 s
La pintura más grande llena de contenido
1.8 S
Tiempo para interactivo
1.3 s
Tiempo total de bloqueo
10 ms
Acumulativo
0
¿Por qué es mi carga deslizante lentamente? Primero, asegúrese de que el control deslizante se esté cargando lentamente en su sitio web y no cualquier otra cosa. Puede parecer que Smart Slider 3 está cargando lentamente, pero de hecho todo el sitio es lento. Si su sitio no es rápido, ni se puede cargar el control deslizante rápidamente.
Puede ver qué se carga en su sitio por cuánto tiempo, si usa una prueba de velocidad del sitio.O puede usar navegadores Chrome o Firefox.En este caso, presione F12 → Haga clic en la pestaña “Red” y actualice la página con una actualización dura.Aquí verá todos los elementos de su página y puede pedirlos dependiendo del tiempo de carga.Un panorama general puede ralentizar su diapositiva y ser inquietante para el visitante.Debe tener cuidado de que una imagen pequeña también pueda tener un gran tamaño si su calidad es demasiado buena.En un cierto nivel de calidad, los ojos de las personas no pueden ver la diferencia, por lo que no use imágenes de calidad demasiado alta.