2011-08-04 22 views
0

我是JavaScript新手。
這裏是我的PHP頁面的HTML代碼現在我如何結合所有的Java腳本?我在哪裏上傳谷歌?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<meta name="Description" content=" " /> 
<meta name="Keywords" content=" " /> 
<?php include './thumbsup/init.php' ?> 
<?php echo ThumbsUp::css() ?> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<?php echo ThumbsUp::javascript() ?> 

<script type="text/javascript" src="/menu/tab-nav.js"></script> 
<link rel="stylesheet" type="text/css" href="/menu/style.css" /> 
<script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript" src="http://s.sharethis.com/loader.js"></script> 
<meta content="http://www.likedislike.tk/img/Desert.jpg" property="og:image"/> 
</head> 

<body> 
<img src="img/smalllogo.gif" width="50" height="67" /><img src="img/like,dislike,what-you-think.png" width="125" height="50" /> 
<!-- SIDE NAVIGATION --> 
<div id="tab-nav-3" class="tab-nav"> 
    <ul> 
     <li> 
      <a href="#" class="Arrow">&nbsp;</a> 
      <ul> 
       <li> 
       <div align="right" style="float:right; margin-right:7px;"> 
       <span> 

         <a href="http://www.99points.info/" class="small button TabAddNew"> 
           99 Points 
         </a> 
       </span> 
       </div> 
       </li> 

       <li> 
       <div align="right" style="float:right; margin-right:7px;"> 
       <span> 
         <a href="http://www.99points.info/" class="small button TabAddNew"> 

          PHP 
         </a> 
       </span> 
       </div> 
       </li> 

       <li> 
       <div align="right" style="float:right; margin-right:7px;"> 
       <span> 
         <a href="http://www.99points.info/" class="small button TabAddNew"> 
           jQuery 
         </a> 

       </span> 
       </div> 

       </li> 
       <li> 
       <div align="right" style="float:right; margin-right:7px;"> 
       <span> 
         <a href="http://www.99points.info/" class="small button TabAddNew"> 
           Codeigniter 
         </a> 
       </span> 
       </div> 

       </li> 

       <li> 
       <div align="right" style="float:right; margin-right:7px;"> 
       <span> 
         <a href="http://www.99points.info/" class="small button TabAddNew"> 
           Tutorials 
         </a> 
       </span> 
       </div> 

       </li> 
      </ul> 
     </li> 

    </ul> 
</div> 
<!-- SIDE NAVIGATION --> 
<br /> 
<br /> 
<center> 
<img src="img/Desert.jpg" alt="desert" width="300" height="400" align="middle" /> 
<br /> 
<?php echo ThumbsUp::item('test3')->template('thumbs_up_down') ?> 
<?php echo ThumbsUp::item('test3')->template('mini_poll') ?> 
</center> 
<style type='text/css'>@import url('http://getbarometer.s3.amazonaws.com/assets/barometer/css/barometer.css');</style> 
<script src='http://getbarometer.s3.amazonaws.com/assets/barometer/javascripts/barometer.js' type='text/javascript'></script> 
<script type="text/javascript" charset="utf-8"> 
    BAROMETER.load('rSR42kS5mkSjZ55nSYmc7'); 
</script> 
<script>var options={"publisher":"81cbe826-100d-469c-9e6f-5705f10c7db0","ad":{"visible":false,"openDelay":"5","closeDelay":"0"},"livestream":{"domain":"http://www.likedislike.tk"},"ticker":{"visible":false,"domain":""},"facebook":{"visible":true,"profile":"http://www.facebook.com/pages/LikeDislike/227916660563617"},"fblike":{"visible":false,"url":""},"twitter":{"visible":false,"user":"sharethis"},"twfollow":{"visible":true,"url":"http://twitter.com/#!/LikeDisliketk"},"chicklets":{"items":["facebook","twitter","gbuzz","email","sharethis"]}}; var st_bar_widget = new sharethis.widgets.sharebar(options);</script> 
</body> 
</html> 

,你可以看到有是因爲所有的.js文件的多個HTTP請求。
現在有什麼辦法可以上傳代碼Google嗎?並將它們結合在一起。
我知道我可以承載它的代碼谷歌的項目,但是這是我在常見問題得到了http://code.google.com/p/support/wiki/DownloadsFAQ

「在那裏下載可以多少帶寬消耗的限制?
沒有,但過多的帶寬使用量將節流和惡意使用將被阻止。

我們也鼓勵來自HTML的下載託管
服務JavaScript文件的直接引用,這是因爲這條道路是不用於生產網絡流量優化。
作爲您的流量增加時,您可能會遇到目前
請求出現故障的風險。相反,我們鼓勵使用替代方案,例如使用AJAX庫API
http://code.google.com/apis/ajaxlibs/),這些方案具有更好的延遲/可伸縮性
特徵用於此類方案或將文件託管在您自己的服務器上。

壞代碼。不要這樣做!

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script> 
EXCELLENT 

<script src="http://www.google.com/jsapi"></script> 
<script> 
    google.load("jquery", "1"); 
</script> 

OK 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> " 

那麼,如何讓這種紐帶http://ajax.googleapis.com/ajax/libs/myfile.js 我要讓我的網站更快

隨意拍一些我的錯誤:)
的我只有13。

謝謝..

+0

你的問題不清楚?試着給更多的信息.​​.. – Vijay

回答

1

的谷歌圖書館API僅主機非常流行的庫 - 這並不是說,你可以上傳自己的代碼來服務。您可以查看它們提供的所有庫here

如果你的頁面加載速度很慢,你確定javascript加載時間是什麼導致頁面加載緩慢?在執行任何優化之前,我鼓勵您測量您的頁面加載,以確定哪一部分最慢(服務器代碼,JavaScript加載,圖像加載,頁面渲染等)。如前所述,谷歌的Page Speed tool可能是一個不錯的選擇(我沒有使用它,雖然它looks pretty awesome)。

如果您決定結合自己的JavaScript文件,可以使用minify來完成。此外,如果您擔心JavaScript加載時間,this question的回答和初學者指南here可以幫助您。

+0

感謝蒂莫西瓊斯你真棒。答案非常有幫助。 Java腳本是好的,但我的共享主機是緩慢的。感謝提示和所有鏈接:) – user877890

相關問題