Estoy usando un control deslizante pequeño y la opción de control deslizante vertical provoca grandes cambios de diseño durante la carga. Recibo este mensaje en Google Page Speed "Evitar grandes cambios de diseño". me gustaria arreglar Por favor, ¿alguien puede recomendar una solución?

Tengo 2 controles deslizantes verticales uno al lado del otro y 1 se extiende debajo de la ventana gráfica mientras se carga.

Enlace de demostración/configuración del control deslizante: https://codepen.io/matt-giggs/pen/wvyMBzR

 jQuery(window).bind("load", function() { if (document.querySelectorAll('.tiny-slider').length > 0) { const slider1 = tns({ container: ".tiny-slider", items: 3, slideBy: 1, axis: 'vertical', autoplayDirection: 'forward', "mouseDrag": false, "swipeAngle": false, "speed": 500, "autoplay": false, touch:false, autoplayButtonOutput : false, nav: false, loop: true, autoHeight:false, autoWidth:false, preventActionWhenRunning : true, preventScrollOnTouch : 'auto', controlsContainer: '.slider-controls', onInit: function (info) { } }); } });

Así es como se ve cuando se carga:

Cargado -