[ColT]

Всем привет.
В общем у меня есть кусок кода, он рабочий но вот гугл кричит что он не оптимизирован и почему то в мобильной версии из-за этого кода не грузится почему то css. Может можно как то оптимизировать это?

<div class="pleerbac">  

<div class="tab">
 <button class="tablinks active" onclick="openCity(event, 'mm1');update_iframe();update_iframe2();update_iframe3(); return false;"><span style="color: #f59c12;">Кнопка 1</span></button>

<button class="tablinks" onclick="openCity(event, 'mm2');update_iframe();update_iframe2();update_iframe3(); return false;"><span style="color: #f59c12;">Кнопка 2</span></button>
 
<button class="tablinks" onclick="openCity(event, 'mm3');update_iframe();update_iframe2();update_iframe3(); return false;"><span style="color: #f59c12;">Кнопка 3</span></button>
</div>

<div id="mm1" class="tabcontent active">
<div style="text-align:center;"><iframe id="FrameID1" allowfullscreen="" src="https://turksezon.com/playlist/745" width="100%" height="430" frameborder="0" scrolling="no"></iframe></div>
</div>

<div id="mm2" class="tabcontent">
<div style="text-align:center;"><iframe id="FrameID2" allowfullscreen="" src="https://turksezon.com/playlist/745" width="100%" height="430" frameborder="0" scrolling="no"></iframe></div>
</div>

<div id="mm3" class="tabcontent">
<div style="text-align:center;"><iframe id="FrameID3" allowfullscreen="" src="https://turksezon.com/playlist/745" width="100%" height="430" frameborder="0" scrolling="no"></iframe></div>
</div>
  
	</div>

и сам JS

<script type="text/javascript">
function update_iframe(){
	var iframe = document.getElementById('FrameID');
	iframe.src = iframe.src;
}
function update_iframe2(){
	var iframe = document.getElementById('FrameID2');
	iframe.src = iframe.src;
}
function update_iframe3(){
	var iframe = document.getElementById('FrameID3');
	iframe.src = iframe.src;
}
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;

    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }

    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }

    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
</script>

Прошу помочь мне и заранее благодарен за ваше время!