高性能HTMLアプリケーションを作成するためのいくつかの提案

この記事では、主に、関連するCSSやJavaScriptプログラミング方法を含む高性能HTMLアプリケーションを作成するためのいくつかの提案を紹介します。それを必要とする友達は、Webパフォーマンスを改善する方法を参照できますか？

ほとんどの開発者は、JavaScriptと画像を介して最適化し、ファイルをzip、サーバー構成、zipファイル、さらにはCSSを調整します（小さな画像のマージ）。

貧しいHTMLは、常にWebのコア言語であったとしても、常に無視されます。

HTMLはますます大きくなっています。上位100のWebサイトは、HTMLページごとに約40kです。 AmazonとYahooは何千ものHTMLページを使用しています。 YouTube.comのメインページには、最大3500のHTML要素があります。

HTMLの複雑さの減少とページの要素の数は、解析時間を大幅に改善しませんが、HTMLは高速のWebページを構築し、さまざまなデバイスに適応し、成功に影響を与える重要な要素です。

この記事では、デバッグとメンテナンスが簡単な複数のデバイスをすばやくロードおよびサポートするWebサイトを作成できるクリーンでクリーンなHTMLを作成する方法を学びます。

コードを書く方法、特にHTMLを記述する方法は1つだけではありません。これは一般的な経験の単なる説明ですが、それは唯一の正しい選択ではありません。

HTMLは、構造とコンテンツを表すために使用されるマークアップ言語です。

HTMLは、スタイルやスタイルを表示するために使用しないでください。タイトルタグ（H1〜H6）にテキストを書いて大きく表示したり、インデントにBlockQuotes要素を使用したりしないでください。代わりに、CSSを使用して、要素の外観とレイアウトを変更します。

HTML要素のデフォルトの外観は、ブラウザのデフォルトスタイルであるFirefox、Internet Explorer、Operaはすべて異なります。たとえば、Chromeでは、デフォルトのH1要素が32pxのサイズになります。

3つの基本原則：

HTMLを使用して構造を表すために、CSSはさまざまなスタイルとテーマを表現するために使用されます。ユーザーの動作に応答するJavaScript。

HTMLを使用し、必要に応じてCSSを使用し、許可されていない場合はJavaScriptを追加します。たとえば、多くの場合、検証にはHTMLフォームを使用し、CSSまたはSVGを使用してアニメーションを実装する場合があります。

CSSとJavaScriptをHTMLコードから分離します。それらをキャッシュしてください。これにより、コードのデバッグが容易になります。生産では、CSSとJavaScriptは圧縮可能で合併され、ビルドシステムの一部である必要があります。注* JavaScript Construction（編集）システム競争を参照してください

ドキュメントドキュメント構造

HTML5のドキュメントタイプの使用：