Skip to main content

JavaScript

TL; DR

JavaScriptは、主に動的要素をWebサイトに挿入するために使用される一般的なプログラミング言語です。

JavaScriptとは何ですか?

JavaScriptはプログラミング言語であり、主に動的要素をWebページに挿入するために使用されます。動的要素の例には、自動化、アニメーション、インタラクティブ要素、トラフィックカウンターなどが含まれます。 JavaScriptがないと、Webサイトは静的になり、 HTMLCSSのみに依存します。 JavaScriptは通常、WebページのHTMLコードに埋め込まれているか、HTMLの<head>セクションにリンクされている別のファイルで機能することができます。

  • リンクされたJavascriptの例:<script src = " /js/assets/example.js" type = "text /javascript"> </script>

  • 埋め込まれた(インライン)Javascriptの例(この例は、Visitor AnalyticsがWebサイトの統計を追跡できるようにするために使用するスクリプトです):<script>(function(v、i、s、a){if(!v._visaSettings){ v._visaSettings = {};} v._visaSettings ["326865a9-6d58-11e8-834c-0242ac120005"] = {v: "0.3"、s: "326865a9-6d58-11e8-834c-0242ac120005"、a: "1 "}; _ v = i.getElementsByTagName(" head ")[0]; _ a = _v; _i = i.createElement(" script "); _ s = _i; _s.defer =" defer "; _ s.src = s + a + v._visaSettings["326865a9-6d58-11e8-834c-0242ac120005"]。v;_a.appendChild(_s);})(window、document、 "//app-worker.visitor-analytics.io/main" 、"。js?s = 326865a9-6d58-11e8-834c-0242ac120005&v =")</script>

WebサイトにJavaScriptコードを追加するように求められるのはなぜですか?

多くの場合、ツールを使用してWebサイトを拡張すると、JS <script>をコピーしてダッシュボードに貼り付け、HTMLの<head>に表示されるように求められます。ツールのプロバイダーを信頼している場合、これは問題にはなりません。これは、指定されたサービスがWebサイトに特定の機能を追加できるようにするために必要なものです。 WixやWordpressなどのWeb構築プラットフォームを使用していて、拡張機能やプラグインをインストールすると、多くの場合、必要なJavaScriptがWebサイトに自動的に追加されます。場合によっては、コードを手動でコピーしてヘッダーに貼り付ける必要があります。

JavaScriptの問題と解決策

Webサイトにインストールするプラグイン/拡張機能が多すぎると、大量のJavaScriptコードがヘッダーに挿入される可能性があります。 <head>セクションでWebページが60〜70を超える外部JavaScriptファイルを参照している例があります。コンテンツをロードする前に、Webブラウザーはこれらのリソースをすべてダウンロードしようとし、ページのロード時間を大幅に遅くします。これにはいくつかの解決策があり、そのうちの1つは動的レンダリングの用語集のエントリで説明されています。