2011-08-04 4 views
0

JavaScriptを初めて使用しています。あなたがあるため、すべての.jsファイルの複数のHTTP要求がある見ることができるよう
はここどのように私はすべてのJavaスクリプトを組み合わせるのですか? Googleでどこにアップロードしますか?

<!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> 

今私の.phpページからHTMLコードです。
これをコードGoogleにアップロードする方法はありますか?それらを一緒に組み合わせる。
「ダウンロードが消費できる帯域幅に任意の制限はありません
?ありますが、過度の帯域幅使用されます私は、コードのGoogleのプロジェクトでそれをホストすることができます知っているが、これは、私はよくある質問http://code.google.com/p/support/wiki/DownloadsFAQ

で得たものですスロットルさと悪質な使用がブロックされます。

またHTMLからのダウンロードに
サービスをホストされたJavaScriptファイルへの直接の言及を落胆。このパスは、生産のWebトラフィック用に最適化されていないためです。あなたのトラフィックとして
現在の
リクエストで障害が発生する危険性があります。代わりに、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> " 

それでは、どのように私は、私はわずか13だ、この種に私は私のサイト高速化

は私のミスの一部を撮影して自由に感じるようにしたいリンクhttp://ajax.googleapis.com/ajax/libs/myfile.js :)
を得るのですか。

おかげ..

+0

あなたの質問は不明ですか?より多くの情報を提供しようとしてください... – Vijay

答えて

1

GoogleのライブラリのAPIは非常に人気のライブラリをホストしている - それはあなたがする独自のコードをアップロードすることができますサービスはありません。あなたが提供するすべてのライブラリを見ることができますhere

ページの読み込みが遅い場合は、JavaScriptの読み込み時間がページ読み込みの原因となっていることを確認してください。最適化を実行する前に、ページの読み込みを測定して、最も遅い部分(サーバコード、JavaScriptの読み込み、画像の読み込み、ページのレンダリングなど)を確認することをおすすめします。すでに述べたように、GoogleのPage Speed toolは良い選択かもしれません(私はそれを使用していませんが、それはlooks pretty awesomeです)。

JavaScriptファイルを結合する場合は、minifyを使用します。また、JavaScriptの読み込み時間が心配な方は、this questionの回答と初心者ガイドhereが参考になります。

+0

あなたが素晴らしいですおかげでティモシージョーンズ。答えは完全に助けになりました。 Javaスクリプトは良いですが、私の共有ホスティングは遅いです。ヒントとすべてのリンクをありがとう:) – user877890

関連する問題