差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン | 次のリビジョン両方とも次のリビジョン | ||
linux:dokuwiki [2021/07/10 07:04] – [参考文献] ともやん | linux:dokuwiki [2021/07/10 22:56] – [テーマファイルのキャッシュ戦略] ともやん | ||
---|---|---|---|
行 123: | 行 123: | ||
==== テーマファイルのキャッシュ戦略 ==== | ==== テーマファイルのキャッシュ戦略 ==== | ||
- | 以降のカスタマイズではテーマの **main.php** にスタイルを直書きしていますが、検証のためであり本来は個別の **css** ファイルに分けるのが望ましい。直書きしたスタイルはページロードの都度 HTML ファイルに埋め込まれていて **CSS Minify (コード圧縮)** されないため、スタイル定義が増えるごとにダウンロードサイズも増加する。更に一般的にスタイルの変更は少ないので、ページ内容の変更とは切り分けてブラウザーにキャッシュさせた方が、よりページロード時間を高速化できて良い。\\ | + | 以降のカスタマイズではテーマの **main.php** にスタイルを直書きしていますが、検証のためであり本来は個別の **CSS** ファイルに分けるのが望ましい。直書きしたスタイルはページロードの都度 HTML ファイルに埋め込まれていて **CSS Minify (コード圧縮)** されないため、スタイル定義が増えるごとにダウンロードサイズも増加する。更に一般的にスタイルの変更は少ないので、ページ内容の変更とは切り分けてブラウザーにキャッシュさせた方が、よりページロード時間を高速化できて良い。\\ |
ブラウザーの開発者ツールで **CSS** ファイルに分けた場合は (from disk cache) ローカルディスクから読み込まれるので、キャッシュ期限で指定された時間が経過するまではインターネットを介してダウンロードされなくなる。更に DokuWiki のエンジンが自動的に style.ini で参照しているスタイルを **CSS Minify (コード圧縮)** して一つにまとめるので、スタイル定義を複数のファイルに分割している場合でも一度のリクエストで取得できるので、Web サーバーの負荷を減らすと共にクライアントのページロード時間を高速化できる利点がある。\\ | ブラウザーの開発者ツールで **CSS** ファイルに分けた場合は (from disk cache) ローカルディスクから読み込まれるので、キャッシュ期限で指定された時間が経過するまではインターネットを介してダウンロードされなくなる。更に DokuWiki のエンジンが自動的に style.ini で参照しているスタイルを **CSS Minify (コード圧縮)** して一つにまとめるので、スタイル定義を複数のファイルに分割している場合でも一度のリクエストで取得できるので、Web サーバーの負荷を減らすと共にクライアントのページロード時間を高速化できる利点がある。\\ |