• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wordpress + JS bardzo wolne ładowanie sidebaru

Cloud VPS
0 głosów
238 wizyt
pytanie zadane 6 września 2017 w JavaScript przez jaco Początkujący (290 p.)

mam taki JS

 

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
    <script type="text/javascript" src="js/jquery.localScroll.min.js"></script>
    <script type="text/javascript" src="js/jquery-animate-css-rotate-scale.js"></script>
	<script type="text/javascript" src="js/fastclick.min.js"></script>
	<script type="text/javascript" src="js/jquery.animate-colors-min.js"></script>
	<script type="text/javascript" src="js/jquery.animate-shadow-min.js"></script>    
	<script type="text/javascript" src="js/main.js"></script>
	<script>
    
         var initialValueObj = { 
    target: {
        value: "Jewellery"
    }
};
 
eventHandler( initialValueObj ); 
        
      function eventHandler(event) {
  var search = (event && event.target.value) || document.getElementById("key").value;
  var api = "http://gw.api.alibaba.com/openapi/param2/2/portals.open/api.listPromotionProduct/62162?fields=productUrl,imageUrl,productTitle,salePrice&pageSize=40&keywords=";
  var url = api + search;
  var urlArray = [];
 
  $.getJSON(url, function(result) {
    for (var i = 0; i < 4; i++) {
      document.getElementById("img_" + i).src =
        result.result.products[i].imageUrl;
 
      document.getElementById("pr" + i).innerHTML =
        result.result.products[i].salePrice;
 
 
      urlArray.push(result.result.products[i].productUrl);
    }
 
    var commaSeparatedUrls = urlArray.join();
 
    var surl =
      "http://gw.api.alibaba.com/openapi/param2/2/portals.open/api.getPromotionLinks/62162?%20fields=promotionUrl&trackingId=techdealsFB&urls=";
    $.getJSON(surl + commaSeparatedUrls, function(result2) {
      for (var i = 0; i < 40; i++) {
        document.getElementById("purl" + i).href =
          result2.result.promotionUrls[i].promotionUrl;
      }
    });
  });
}
 
$(document).on("input", "input", function() {
  eventHandler(null);
});
 
$(document).on("click", eventHandler);
        
        
        
  $(document).on('input', 'input', function() {      
        var search = document.getElementById("key").value;
        var api = "http://gw.api.alibaba.com/openapi/param2/2/portals.open/api.listPromotionProduct/62162?fields=productUrl,imageUrl,productTitle,salePrice&highQualityItems=yes&volumeFrom=100&keywords=";
        var url = api + search;
        
        $.getJSON(url, function(result){         
	
            
               for (var i = 0; i < 40; i++) {
  document.getElementById("img_" + i).src = result.result.products[i].imageUrl;
}
            
		
            
                           for (var i = 0; i < 40; i++) {
  document.getElementById("pr" + i).innerHTML = result.result.products[i].salePrice;
}
            
        
            
                                    
    
            
        var url0 = (result.result.products[0].productUrl);
        var url1 = (result.result.products[1].productUrl);
        var url2 = (result.result.products[2].productUrl);
        var url3 = (result.result.products[3].productUrl);
        var url4 = (result.result.products[4].productUrl);
        var url5 = (result.result.products[5].productUrl);
        var url6 = (result.result.products[6].productUrl);
        var url7 = (result.result.products[7].productUrl);
        var url8 = (result.result.products[8].productUrl);
        var url9 = (result.result.products[9].productUrl);
        var url10 = (result.result.products[10].productUrl);
        var url11 = (result.result.products[11].productUrl);
        var url12 = (result.result.products[12].productUrl);
        var url13 = (result.result.products[13].productUrl);
        var url14 = (result.result.products[14].productUrl);
        var url15 = (result.result.products[15].productUrl);
        var url16 = (result.result.products[16].productUrl);
        var url17 = (result.result.products[17].productUrl);
        var url18 = (result.result.products[18].productUrl);
        var url19 = (result.result.products[19].productUrl);
        var url20 = (result.result.products[0].productUrl);
        var url21 = (result.result.products[1].productUrl);
        var url22 = (result.result.products[2].productUrl);
        var url23 = (result.result.products[3].productUrl);
        var url24 = (result.result.products[4].productUrl);
        var url25 = (result.result.products[5].productUrl);
        var url26 = (result.result.products[6].productUrl);
        var url27 = (result.result.products[7].productUrl);
        var url28 = (result.result.products[8].productUrl);
        var url29 = (result.result.products[9].productUrl);
        var url30 = (result.result.products[10].productUrl);
        var url31 = (result.result.products[11].productUrl);
        var url32 = (result.result.products[12].productUrl);
        var url33 = (result.result.products[13].productUrl);
        var url34 = (result.result.products[14].productUrl);
        var url35 = (result.result.products[15].productUrl);
        var url36 = (result.result.products[16].productUrl);
        var url37 = (result.result.products[17].productUrl);
        var url38 = (result.result.products[18].productUrl);
        var url39 = (result.result.products[19].productUrl);    
            
            
        //document.getElementById("url0").href = url0;
        //document.getElementById("url1").href=  url1;
        //document.getElementById("url2").href = url2;
        //document.getElementById("url3").href = url3;
        //document.getElementById("url4").href = url4;
        //document.getElementById("url5").href = url5;
        //document.getElementById("url6").href = url6;
        //document.getElementById("url7").href = url7;
                  
        
        var surl = "http://gw.api.alibaba.com/openapi/param2/2/portals.open/api.getPromotionLinks/62162?%20fields=promotionUrl&trackingId=techdealsFB&urls=";    
        $.getJSON(surl + url0 + "," + url1+ "," + url2+ "," + url3+ "," + url4+ "," + url5+ "," + url6+ "," + url7+ "," + url8+ "," + url9+ "," + url10+ "," + url11+ "," + url12+ "," + url13+ "," + url14+ "," + url15+ "," + url16+ "," + url17+ "," + url18+ "," + url19+ "," + url20+ ","+ "," + url21+ ","+ "," + url22+ ","+ "," + url23+ ","+ "," + url24+ ","+ "," + url25+ ","+ "," + url26+ ","+ "," + url27+ ","+ "," + url28+ ","+ "," + url29+ ","+ "," + url30+ ","+ "," + url31+ ","+ "," + url32+ ","+ "," + url33+ ","+ "," + url34+ ","+ "," + url35+ ","+ "," + url36+ ","+ "," + url37+ ","+ "," + url38+ ","+ "," + url39+ ",", function(result2) {
            for (var i = 0; i < 20; i++) {
  document.getElementById("purl" + i).href = result2.result.promotionUrls[i].promotionUrl;
}
   
});
        
      
            });	
        });

</script>


Używam

CSS & Javascript Toolbox i "wkładam go do wordpressa" kiedy wywołuję go w sidebarze czas jego wczytywania z praktycznie niezauważalnego rośnie do jakiś 5-10 sekund :( Jak można to naprawić?

1
komentarz 6 września 2017 przez Jedras Maniak (54,860 p.)
Słyszałeś o pętlach kiedyś?

1 odpowiedź

0 głosów
odpowiedź 6 września 2017 przez jaco Początkujący (290 p.)
no coś tam słyszałem ... myślisz, że to rozwiąże sprawę? Tzn sam kod aż tak spowalnia?
komentarz 6 września 2017 przez jaco Początkujący (290 p.)
Dodam, że sam sidebar się długo ładuje. Nie skrypt.

Podobne pytania

0 głosów
1 odpowiedź 966 wizyt
0 głosów
0 odpowiedzi 252 wizyt
0 głosów
1 odpowiedź 244 wizyt

93,488 zapytań

142,422 odpowiedzi

322,773 komentarzy

62,908 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...