HTML5 フォームの最適化 optimizing-html-forms

Last update: Wed Mar 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

トピック：
HTML5 Forms

HTML5 フォームは、フォームを HTML5 形式でレンダリングします。フォームサイズやフォーム内の画像などの要因によって、結果の出力が大きくなる場合があります。データ転送を最適化するために、推奨されるアプローチは要求を対処する Web サーバーを使用して HTML 応答を圧縮することです。このアプローチでは、応答サイズ、ネットワークトラフィック、およびサーバーとクライアントマシンの間でのデータのストリーミングに要する時間を削減できます。

この記事は JBoss で、Apache Web Server 2.0 32 ビットの圧縮を有効にするために必要な手順を説明します。

NOTE

次の手順は Apache Web Server 2.0 32 ビット以外のサーバーには適用されません。

お使いのオペレーティングシステムに適した Apache Web Server ソフトウェアを入手します。

Windows の場合、Apache web サーバーを Apache HTTP Server Project サイトからダウンロードします。
Solaris 64 ビットの場合、Apache web サーバーを Sunfreeware for Solaris web サイトからダウンロードします。
Linux の場合、Apache web サーバーは、Linux システムにプレインストールされています。

Apache は HTTP または AJP プロトコルを使用して JBoss と通信できます。

APACHE_HOME/conf/httpd.conf ファイル内で次のモジュール設定に対してコメント解除します。

code language-java
`LoadModule proxy_balancer_module modules/mod_proxy.so LoadModule proxy_balancer_module modules/mod_proxy_http.so LoadModule deflate_module modules/mod_deflate.so`

note note
NOTE
Linux では、デフォルトの APACHE_HOME ディレクトリは /etc/httpd/ です。

JBoss のポート 8080 のプロキシを設定します。

次の設定を APACHE_HOME/conf/httpd.conf 設定ファイルに追加します。

code language-java
`ProxyPass / https://<server_Name>:8080/ ProxyPassReverse / https://<server_Name>:8080/`

note note
NOTE
プロキシを使用する場合、次の設定変更が必要です。
アクセス：https://<server>:<port>/system/console/configMgr

* Apache Sling Referrer Filter 設定の編集 * 「Allow Hosts」フィールドで、プロキシサーバーのエントリを追加します。

圧縮を有効化します。

次の設定を APACHE_HOME/conf/httpd.conf 設定ファイルに追加します。

code language-xml

code language-xml
`<Location /content/xfaforms> <IfModule mod_deflate.c> SetOutputFilter DEFLATE # Don’t compress SetEnvIfNoCase Request_URI \.(?:gif\|jpe?g\|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI \.(?:exe\|t?gz\|zip\|bz2\|sit\|rar)$ no-gzip dont-vary #Dealing with proxy servers <IfModule mod_headers.c> Header append Vary User-Agent </IfModule> </IfModule> </Location>`

<Location /content/xfaforms>
  <IfModule mod_deflate.c>
     SetOutputFilter DEFLATE
     # Don’t compress
     SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
     SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary
    #Dealing with proxy servers

     <IfModule mod_headers.c>
        Header append Vary User-Agent
     </IfModule>
  </IfModule>
</Location>

AEM サーバーにアクセスするには、https://[Apache_server]:80 を使用します。

recommendation-more-help

19ffd973-7af2-44d0-84b5-d547b0dffee2