• ベストアンサー

なぜアマゾンはcssやJavaSAcriptを外部ファイルにせず直書きしているのでしょうか？

質問タイトルの通りなのですが、 なぜアマゾンはcssやJavaSAcriptを外部ファイルにせず直書きしているのでしょうか？ SEO対策でしょうか？それともなんかしら、ウェブユーアビリティ的になどメリットがあるのでしょうか？ もしご存知の方がいらっしゃったら（あるいはひょっとしたらでもいいので） お教えいただければ幸いです。 よろしくお願いいたします。

  • m_etc
  • お礼率55% (47/84)
  • CSS
  • 回答数3
  • ありがとう数7

質問者が選んだベストアンサー

  • ベストアンサー
noname#66720
noname#66720
回答No.1

ソースを見た感じ、あまり考えていないだけというのがアタリな気がしますね。 AmazonくらいになるとSEOサボっていても被リンク多いでしょうし、問題が出ていないため放置ってところでしょうか。

m_etc
質問者

お礼

ご回答ありがとうございます。 お返事遅くなりましてすみません。 理由がわかった気がするので、 ＃３様へのお礼に、書かせていただきます。

その他の回答 (2)

noname#169205
noname#169205
回答No.3

本当の理由はわかりませんが 外部にCSSやスクリプトファイルを置くと読み込みラグにより表示がおかしくなったりする場合もあるのでそれの対策とか ほぼ全ページ動的生成なのでわざわざ外部にする必要がないというのもあるかもしれません

m_etc
質問者

お礼

ご回答ありがとうございます。 http://www.inter-office.co.jp/contents/188 に回答そのものが載っていますが、 ●やはりブラウザキャッシュのことを考えて、原則的に、cssやjsは外部ファイルとしたほうがいい ●ただし、Yahoo!やAmazonのトップページなどのように、 引用しますと。。。 //----------------------------------------------------------- ほとんどのwebサイトは測定上、中くらいの位置になります。そのようなサイトのベストな解決はJavaScriptとCSSを外部ファイルとすることです。 ただし、Yahoo!'(http://www.yahoo.com)やMy Yahoo! (http://my.yahoo.com)のトップページのように例外的にインラインで埋め込んだほうが良い場合はあります。セションあたりのページビューが少ないトップページは、インラインで埋め込んだほうが良い場合もあります。 たくさんのページビューの最初となるトップページでは、インラインによってHTTPリクエストの数を減らしながら、外部ファイルによるキャッシュ効果も得るテクニックがあります。/p> トップページではJavaScriptとCSSをインラインで使用して、ページがロードし終わったら、動的に外部ファイルをロードするのです。そうすれば、次のページではブラウザキャッシュ上の外部ファイルを利用できます。 //----------------------------------------------------------- とのことだそうです。 ありがとうございました。

  • Yohjira
  • ベストアンサー率66% (14/21)
回答No.2

一部のcssやJavaScriptは外部ファイル化しているようです。 Yahooも同じ方法のようですね。 私は理由はよくわからないのですが、 他所様で同じような質問がありましたので、参考URLを貼っておきます。

参考URL：
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q147055979
m_etc
質問者

お礼

ご回答ありがとうございます。 お返事遅くなりましてすみません。 理由がわかった気がするので、 ＃３様へのお礼に、書かせていただきます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. CSS

関連するQ&A

  • CSSの２種類の外部ファイル化の仕方について

    現在CSSを外部ファイル化しようとしているのですが @import url を使ったやり方と <link rel="stylesheet" type="text/css" href="～.css"> を使ったやり方、どちらを使用してCSSを外部ファイル化しようか迷っています。それぞれの方法には、メリットやデメリットが存在しているのでしょうか？できればそれらの違いを知った上でどちらの方法そ使用するか決めたいのです。ご存知の方、解答よろしくおねがいたします。

  • CSSでの外部ファイル

    こんばんは、いつもお世話になってます HPでの画像の無断転載対策として、CSSで外部ファイルを作り、 そこから呼び出すようにするという方法があることを知りました。 その場合のタグは<link rel="stylesheet" type="text/css" href="./●●.css"> でいいんですよね？ そこで質問なのですがCSSファイルを作るのはメモ帳などでと聞きましたが、その時のタグが↓だとすると table.gazou{ background-image:url("●●.jpg"); background-repeat: no-repeat;} これだけ記述すればいいのでしょうか？ そしてファイル名．CSSの名前で保存するのでしょうか？ そして最後にこのCSSファイルのソースを見られないようにするには、.htaccessなどを使えば大丈夫でしょうか？ すごくまとまってない質問でわかりにくいかもしれませんが回答お願いします；

  • やっぱりCSS

    開発しています。 某サイトでHTMLのテーブルでレイアウトするのではなく、CSSで組むと書いてありました。ムーバブルタイプもテーブルはなかったです。 テーブルは2行のときに便利なので使いたくなりますが、やっぱりCSSを使っていこうと思います。 CSSを使うメリットは構造がはっきりするためでしょうか？たしかに外部ファイルで一元管理できるのも大きいですね。SEOも関係すると思います。 便利なテーブルを一斉排除する決定的な理由を教えてください

    • ベストアンサー
    • HTML
  • CSSの外部ファイルの件ですが・・・

    私はPC始めてちょうど2年になります。 全くの我流です、PC教室に行ってませんので基礎をしらない中年です。 最近自作のホームページを作りたくてCSSを「とほほ」で勉強していますがPC用語が苦手で難しいです それでもメモ帳から作りたくて頑張ってます、gooのサイトで自分でページを作ってはアップしたりしてますが 簡単なhtmlタグで作ったものです、技量としてはそのくらいです。 CSSの質問ですが外部(別)ファイルのの事ですが h1{font-size:16pt; color:red; bockground-color:#33ccff; width:320px; } このようなスタイルシートを別のフォルダに保存してホームページ制作の時にこのabc.cssファイルから呼び込むと言うものですか このファイルにh2,h3と幾つも作って保存するのですか 又このファイルはFFFTPにアップするのですか <html> <head> <title>スタイルシートの勉強</title> <style type="text/css"><!-- @import url(abc.css); --></style> </head> <body> <h1>スタイルシートの勉強</h1> </body> </html> 質問書いて自分で分からなくなりましたが此れで解るでしょうか？ 解った方回答お願いします

  • ＣＳＳ今度は外部ファイル！

    前回「ＣＳＳが反映されない」で質問させていただきました。 おかげさまで、ヘッダー内で記述したものが、反映されるようになりました。 ところで、今度は外部ファイルの読み込みで「できない！」となっています。 自分ではどこがいけないのか、発見できなかったので、また皆さんのお力をいただきたいと 思います。 ○abc.css(外部ファイル） .body{ color:#006666; font-size:30px; } ○ＨＴＭＬファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="abc.css" type="text/css"> --> </style> </head> <body> 背景色は濃い青緑です<br> フォントサイズは３０ｐｘ・・・<br> <br> になるはずです・・・ </body> </html> ・・・結果・・・ 真っ白な画面に標準フォントで表示。 ○外部ファイル .hp-name{ font-size:55px; color:#006666; text-align:center; } ⇒ファイル名　hp-name.css ○ＨＴＭＬファイル <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"> <!-- <link rel="stylesheet" href="body.css" type="text/css"> --> </style> </head> <body> <div class="hp-name"> ＨＰ名は「○○△△◇◇」です </div> ////////////////////////////////////////////////////////////////////////////////////// 今度はどこがいけないのでしょう。 <link rel・・・・・・・・ で、外部ファイルを読み込むだけではいけないのでしょうか？ それとも、外部ファイルの書き方がいけないのでしょうか？ 外部ファイルには「スタイルシートの部分だけ」記述すればいいと思っていたのですが・・・ ○外部ファイルを <style type="text/css"> <!-- --> </style> をつけてみたのですが、ダメでした

  • 外部CSSが読み込めません/HTML

    HTMLにおいて、外部CSSを読み込めず困っております。 ググって対処法を実践しても一切反映されません。 現在下記のisaraというサイトを模写しております。 https://isara.life/ HTMLにおいて linkタグでCSSファイルを読み込んだのですがCSSが一切反映されず困っております。 HTMLとCSSファイルは同一フォルダ内にあります。 HTMLファイル名：isaramosya.html CSSファイル名：isaramosya.css HTMLの記述 <link rel=”stylesheet” href="isaramosya.css"> いくらググっても原因がわからず困っております。 原因思い当たる方いらっしゃいましたらお答えいただけましたら幸いです。

    • ベストアンサー
    • CSS
  • Dreamweaver CS5 外部CSSのリンク

    Dreamweaver　CS5です。 HTMLファイル内に、外部CSSファイルへのリンクについての質問です。 【CSSスタイル】パネルの「スタイルシートを添付」ボタンでCSSファイルをリンクさせますが、HTML内のhead内、titleタグの後の行に記述されます。JavaScriptの記述があると、さらにその後の行に記述されます。 <link rel=******～>の記述を、たとえば、先にクリックしておいてその位置にカーソルを移動しておくなどして指定の場所に書き出してもらうことはできないのでしょうか。 外部CSSファイルはいつも手入力で書き込んでいましたが、Dreamweaverを使ってみたら思ったところに書いてくれません。記述後、指定の位置にドラッグでもして移動すればどうということはないのですが。 文字コードなどは、日本語が表記されているtitleタグより前に記述すること、なんて聞いたことがありますが、外部CSSへのリンク記述にもtitleタグの後ろのほうがいいというようなことがあるのでしょうか。

  • 外部ファイルのCSSを適用するには？

    CSS超初心者です。 ぜひ教えてください。 現在作成しているhtmlに簡単な背景をcssで外部ファイルとして読み込むようにしたいのですが本を見ながらやっているのですがうまくできません。 勉強が足りないといったらそれまでなのですがどうか教えてください。 背景にはbackground.gifという小さな画像を敷き詰めたいのですが このソースだけでいいのでしょうか？ ●cssソース（back.css） body {background : url("http://fiesta2.com/background.gif") ; background-repeat : repeat; } 続いてback.cssを読み込ませたいhtmlのソースです。 ●htmlソース <html> <head> <link rel"stylesheet" href="back.css" type="text/css"> <meta http-equiv="content-type" content="text/html;charset=x-sjis"> <meta name="generator" content="Adobe GoLive 5"> <title>Welcome to FIESTA!</title> </head> <body> <div align="center"> <table cool width="489" height="758" usegridx usegridy showgridx showgridy gridx="16" gridy="16" border="0" cellpadding="0" cellspacing="0"> ～中略～ </div> </body> </html> 専門家の方にはささいな質問かもしれませんが 超初心者のためよろしくお願いします。

  • 外部CSSを使ったテーブルが作りたいのですが・・・。

    以前こちらで質問させて頂いて、「スタイル作りはＣＳＳで」、と教えて頂き、ＣＳＳの勉強を始めました。 早速壁に当たっていまして、お知恵を拝借したいです。 外部ＣＳＳファイルに、ul.gaibu{color:ff0000}と記すと、 ＨＴＭＬファイルに<ul class="gaibu">ここは赤で表示</ul> となる事は出来たのですが、 テーブルの場合、 外部ＣＳＳファイルにdiv#table{設定値}を記し、 HTMLに<div id=table>とすると、外部CSSの設定値が反映されましたが、 <tr>や<td>の内容をどう設定して、HTMLにどう記載すれば反映するかが分かりません。 因みに外部CSSに tr.table1 {border:1px #333333 solid; line-height:25px; padding-left:10px; paddting-right:10px; text-align:left; vertical-align:middle} と記載し、HTMLの方に <tr><td class="table1">表１</td><tr>としましたが、 CSSの内容は反映されていません。 宜しくお願い致します。

  • 外部ファイルへのリンクについて

    外部ファイルへのリンクについて質問させて下さい。 ソースを見てると時々、 <link rel="stylesheet" href="/style.css?120829" /> というのを時々見かけるのですが、「?120829」は何でしょうか？ 只単にCMSで動的に作られたものでしょうか。 管理がしやすいのかな？っと思いまして、 静的サイトでも利用できるのであれば 利用してみたいなと思っております。 何かメリットがあるのでしょうか？

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する