ホームページ > php教程 > PHP开发 > Windows で Apache モジュールを使用して複数の JS と CSS をマージし、Web ページの読み込み速度を向上させます。

Windows で Apache モジュールを使用して複数の JS と CSS をマージし、Web ページの読み込み速度を向上させます。

高洛峰
リリース: 2017-01-04 10:39:31
オリジナル
1115 人が閲覧しました

現在、Web サイトはますます表現力豊かになり、ページに読み込まれる JS や CSS が増えています。 Web サイトのページに JS と CSS が多すぎると、ブラウザーがページを開くのが非常に遅くなり、ユーザー エクスペリエンスが大幅に低下します。 mod_concatx を使用すると、複数のファイルを 1 つの http 応答メッセージにマージでき、js/css の読み込み速度を効果的に向上させることができます。

サンプルエフェクトは次のとおりです:

Windows で Apache モジュールを使用して複数の JS と CSS をマージし、Web ページの読み込み速度を向上させます。

mod_concatx モジュールは mod_concat に基づいて変更されています。作業に感謝します。

オリジナルの mod_concat モジュールは非常に参考になりますが、実用性はほとんどありません。

このモジュールには次の 3 つの問題があります:

1. ブラウザーのキャッシュを適切に使用しないと、毎回データが再送信されます。
2. サーバー側のプログラムがダウンロードされる原因となるセキュリティ ホールがあります。 、「/??jquery .js、common.php」など
3. 各ファイルを結合するときに、間に隙間がないため、コンテンツがくっついてしまい、エラーが発生する可能性があります

使用方法:

<link href="/style/??css1.css,css2.css,css3.css" type="text/css" rel="stylesheet"/>
<script src="/js/??js1.js,js2.js,js3.js,js4.js" type="text/javascript"></script>
ログイン後にコピー

モジュール設定:

Apache 設定ファイル httpd.conf を開きます

LoadModule concatx_module modules/mod_concatx.dll
ログイン後にコピー

高度な設定: (以下はデフォルト設定です。設定する必要はありません)

<IfModule concatx_module>
ConcatxDisable Off
ConcatxCheckModified On
ConcatxSeparator On
ConcatxMaxSize 1024
ConcatxMaxCount 10
ConcatxFileType js,css
</IfModule>
ログイン後にコピー

詳細な説明:

ConcatxDisable On/Off
//是否使用mod_concatx模块
ConcatxCheckModified On/Off
//检查文件是否改动,建议On
ConcatxSeparator On/Off
//合并文件时是否加换行分隔,建议On
ConcatxMaxSize 数字
//合并文件总大小限制最大值,建议不要太大
ConcatxMaxCount 数字
//合并文件总个数限制最大值,建议不要太大
ConcatxFileType js,css
//合并文件类型限制,如不限制填","
ログイン後にコピー

最後の言葉:
ですこのモジュールを自分で安全にコンパイルすることをお勧めします

その後の改善の方向性:
todo: js、css 圧縮の追加を検討してください
todo: zend によって解析されたファイルのサポートを検討してください
バグ: ディレクトリにデフォルトのページ読み込み例外があります (上位を考慮してください) -レベルのフック処理)


Apache モジュールを使用して Windows で複数の js と css をマージし、Web ページの読み込み速度を向上させることに関するその他の関連記事 PHP 中国語 Web サイトにご注意ください。


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート