There is a problem.When im refreshing page,slide seems really bad for a while(till all files load) about 500-700ms.
im using rocketslider for jquery.
server side -> nginx server,varnish(cache mechanism) wordpress
cdn: cloudflare (auto minify activated for css,js)
when click f5 button on site,(in ~500ms i think)
and after ~600-700ms maybe lower or more its only example but its lower than 1sec.
im using dark style theme,so it looks very bad.how to prevent it?
i never want to see scroll bars.. any idea?
my style.css for slide..
filmslayt {width:976px;float:left;height:auto;padding:0px;margin:1px;border:1px solid #191919;margin-bottom:10px;}
.filmslaytc {width:974px;float:left;height:auto;padding:0px;border:1px solid #333333;background:#191919;}
#myslides{background:#121212;}
.stepcarousel{position: relative;overflow: scroll;width: 940px;height: 150px;margin: 0px 14px 0px 14px;}
.stepcarousel .belt{position: absolute;left: 0;top: 0;margin-left:3px;}
.stepcarousel .panel{float: left;margin: 4px 16px;width:114px;background:#14181a;height:140px;border:1px solid #333333;transition: all .3s linear;-o-transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;}
.stepcarousel .panel img{background:#040404;margin: 1px 1px 1px 2px;padding:0px 0px;}
.stepcarousel .panel:hover {background:#4679aa;border:1px solid #4679aa;transition: all .3s linear;-o-transition: all .3s linear;-moz-transition: all .3s linear;-webkit-transition: all .3s linear;}
real example site