Web ページを最適化し、Web ページのダウンロードを高速化するには、画像の最適化に加えて、Web ページの他の要素も最適化する必要があります。 Web 制作のプロセス中に編集ツールを最大限に活用できれば、Web 制作における最適化の目的も達成できます。 Dreamweaver での最適化テクニックをいくつか紹介します。
Web デザインでCSS を適切に呼び出す
場合、スタイル シート CSS を使用してページ要素を配置すると、HTML コードを大幅に削減できることはすでにわかっています。
方法:
(1) オブジェクトを選択し、右クリック メニューから定義されたスタイルを選択して追加します。 (2) スタイル パネルからオブジェクトのスタイルを選択します。
(3) ラベル セレクターでラベルを右クリックします。スタイル。
これら 3 つの方法で得られるページ効果は同じですが、最初の方法は HTML コード内に「span」タグを生成するため、過度に使用すると、Web ページのソース ファイルの太さが大幅に増加し、ダウンロード速度に影響を与えます。 。したがって、CSS を呼び出すときは、2 番目と 3 番目のメソッドを使用する必要があります。
サーバーの負荷を軽減する
: インタラクティブな Web ページでは、ユーザーはフォームを通じてサーバーにデータを送信し、データがサーバーによって処理されるのを待ってブラウザに戻ることがよくあります...待機プロセスは非常に煩わしいものです。このため、Web ページを編集するときはサーバーについても考慮する必要があります。 Dreamweaver で Web ページを作成する場合、サーバーの負荷を軽減できる最善の方法の 1 つは、ユーザーが送信したフォームの正当性を検証することです。検証のためにサーバーに戻ることなく、ブラウザ側でのみ行う必要があります。 , これにより、サーバーへの負荷が軽減されるだけでなく、視聴者が待つことも悲しくなくなります。 方法: フォームを選択し、「動作」パネルを開き、「+」記号をクリックして「ValidateForm」を選択し、設定します。ちなみに、この検証処理では実際にはブラウザ側の検証にJavaScriptを使用しているので注意してください。 Dreamweaver で上記の操作を実行すると、この JavaScript コードが Web ページのヘッダーと中央に配置されます。これにより、ブラウザーは他のページ要素をダウンロードする前に最初にこのコードをダウンロードする必要があるため、ページの完全な表示時間が確実に長くなります。 。したがって、Dreamweaver でコード エディターを開き、このスクリプトをソース コードの最後に切り取って貼り付け、最後にダウンロードするのが最善です。また、Web ページに JavaScript スクリプトの効果を追加するときに、ページが表示されたときにすぐに効果を適用したくない場合は、次のように設定することもできます。
自己「減量」
現在、Web ページには多くの「減量茶」があり、Dreamweaver では独自の「減量茶」をどこでも探す必要はありません。 」機能により、Webページを「スリムで快適」に仕上げることができます。
方法: [コマンド] メニューの [HTML のクリーンアップ] を選択して、Web ページ上の冗長なコードを削除する設定を行います。
テーブルを合理的に適用することで、
サーバーの負荷を軽減するだけでなく、使用するブラウザの負荷も軽減する必要があります。つまり、ブラウザによるページの解析時間を可能な限り短縮する必要があります。上記のJavaScriptスクリプトは一例です。また、ブラウザによるページの解析に影響を与えるのはテーブルです。ブラウザによるテーブルの解析時間はテーブルのサイズと複雑さに比例し、Dreamweaver のレイアウト配置では、配置のために多数のテーブルが追加されます。 、大きなテーブルの中に複数の小さなテーブルを含める人もいますが、これにより基本的にブラウザの負担が増加し、ページのレンダリング時間が大幅に長くなります。このため、テーブルを使用する場合は、テーブルをできるだけ分割し、テーブルをできるだけ避ける必要があります。