linux:dokuwiki

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
次のリビジョン両方とも次のリビジョン
linux:dokuwiki [2021/07/10 06:54] – [テーマファイルのキャッシュ戦略] ともやんlinux:dokuwiki [2021/11/22 01:14] – [管理者用のサイト設定] ともやん
行 118: 行 118:
 [[https://www.dokuwiki.org/ja:plugin:semantic|Semantic Plugin]]\\ [[https://www.dokuwiki.org/ja:plugin:semantic|Semantic Plugin]]\\
 [[https://cards-dev.twitter.com/validator|Twitter Card Validator]]\\ [[https://cards-dev.twitter.com/validator|Twitter Card Validator]]\\
 +[[https://validator.schema.org|スキーマ マークアップ検証ツール]]\\
 [[https://search.google.com/structured-data/testing-tool/u/0/|]]\\ [[https://search.google.com/structured-data/testing-tool/u/0/|]]\\
  
行 123: 行 124:
  
 ==== テーマファイルのキャッシュ戦略 ==== ==== テーマファイルのキャッシュ戦略 ====
-以降のカスタマイズではテーマの **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 サーバーの負荷を減らすと共にクライアントのページロード時間を高速化できる利点がある。\\
行 337: 行 338:
 DokuWiki 高速化に関する議論\\ DokuWiki 高速化に関する議論\\
 [[https://forum.dokuwiki.org/d/7766-optimizing-dokuwiki-load-time/5|]]\\ [[https://forum.dokuwiki.org/d/7766-optimizing-dokuwiki-load-time/5|]]\\
 +
 +テンプレート カスタマイズ\\
 +[[https://itlogs.net/dokuwiki-css/|DokuWikiのCSS(スタイルシート)カスタマイズ方法を解説 | 俺の開発研究所]]\\
  
 ===== トラブルシューティング ===== ===== トラブルシューティング =====
行 547: 行 551:
 ?> ?>
 </code> </code>
 +
 +===== 参考文献 =====
 +
 +==== 付録 ====
 +[[tw>tomoyan596/status/1462064104101888002|これはDokuWikiの編集画面ですけど、CSSも埋められますけど、LESSでスタイル定義できたり...🤤PHP?🤔テーマファイルはcustom.lessとかコンパイルされますけど、編集しながら試したいのでlessphp呼び出してしまえばねぇ可能な訳でつい😅💦 / Twitter]]\\
 +
  • linux/dokuwiki.txt
  • 最終更新: 2024/03/27 10:47
  • by ともやん