Muneeによる自動資産最適化

Munee：強力なPHPアセット管理ツール、Nodejsに別れを告げる

Muneeは、SCSSまたはCoffeeScript、プロセス画像、CSSとJSを圧縮し、サーバーとクライアント側のアセットを動的にキャッシュすることができるPHPベースの資産管理ツールです。 PHP 5.3以降をサポートします。このチュートリアルでは、Muneeを使用して、資産がテンプレートに含まれる方法と、それらがどのようにインストールされ、動作し、それらを使用するかを簡素化する方法を説明します。 Muneeは、PHPアプリケーションの資産管理のためのNodeJSの代替品を提供します。

コアの利点：

• Omni-Purpose Asset Management：Muneeは、SCSとCoffeeScript、プロセス画像、CSSとJSを圧縮し、サーバー側とクライアント側のキャッシュを実装することができます。手動で行う必要がある多くのタスクを自動化し、時間を節約します。
• ダイナミック処理：CSS、Less、SCSS、JS、CoffeScript、およびさまざまな画像形式ファイルのクライアント要求を傍受することにより、クエリ文字列パラメーターに従ってこれらの資産を処理または圧縮します。また、コンパイル、圧縮、および処理された資産を別々のディレクトリに保存することにより、サーバー側のキャッシュを可能にします。
• 画像処理：CSSおよびJSファイルのコンパイルと圧縮に加えて、Muneeは画像サイズ、作物、色、グレースケールまたはマイナスの影響に動的に調整し、変換できます。また、欠落している画像をデフォルトの画像に置き換え、資産を組み合わせて、すべての資産を取得するために必要なHTTP要求の総数を減らすことができます。
• 簡単にインストールしてカスタマイズできます：Muneeは、Composerを介して簡単にインストールでき、APIプロビジョニングを提供して、プログラムで資産を手動で最適化、処理、圧縮することができます。これは、開発者が圧縮レベルを使用および調整する最適化手法を指定できるようにする高度にカスタマイズ可能なツールです。

なぜムニーを選ぶのですか？

Muneeは、資産管理を簡素化するように設計されています。それは、私たちが前に手動で行わなければならなかった多くのタスクを動的に実行します（つまり、クライアントが資産を要求するとき）。 Muneeを使用したい理由は次のとおりです。

CSS、Less、SCSS、JavaScript、およびCoffeScriptファイルに小さな変更を加えることがよくあります。各変更には、コンピレーションと圧縮が必要です。 Muneeはこれらの操作を自動的に行います。

1. 多くの共有Webホスティングサーバーには、GZIPが有効になっていません。 Muneeを使用する場合、この制限を無視して、PHPを使用してファイルを圧縮します。
2. .HTACCESS
3. ファイルにキャッシュディレクティブを追加することを心配する必要はありません。 Muneeは、サーバー側およびクライアント側の資産キャッシングを担当します。 Muneeは画像を動的に処理でき、レスポンシブWebデザインに非常に便利です。さまざまなサイズで異なる画像ファイルを維持する必要はありません。

Muneeの仕組み：

Muneeがインストールされた後、サーバー上のキャッシュアセットを自動的に起動し、正しいクライアントキャッシュヘッダーを送信し、GZIP圧縮応答の送信を開始します。

画像の処理またはCSSファイルとJSファイルの圧縮手順を提供するには、クエリ文字列パラメーターをアセットパスに追加する必要があります。

資産を処理または圧縮できるようにするために、MuneeはCSS、Less、SCSS、JS、CoffeScript、およびさまざまな画像形式ファイルのクライアント要求を傍受する必要があります。 Muneeがこれらの資産のクライアントリクエストを傍受するために、.htaccessファイルに内部書き換えルールを追加する必要があります（nginx説明も以下です）。

Muneeは、他のサードパーティライブラリ（Imagine、Leaf、Meenie、Tedivmなど）を使用して、資産を変更、処理、コンパイル、圧縮します。

Muneeに指示を提供するために使用されるクエリ文字列パラメーターは、フィルターと呼ばれます。

Muneeはどのように資産をキャッシュしますか？

クライアントキャッシュを実装するために、要求された資産に応答を送信するときに、キャッシュコントロールを設定します。また、HTTPリクエストでキャッシュヘッダーを読み取り、クライアントキャッシュに最新の資産があるかどうかに基づいて、応答または304変更されていない状態を送信します。

サーバー側のキャッシュを実装するために、コンパイル、圧縮、および処理された資産を別のディレクトリに保存します。

実行時に元の資産の変更を検出します。元の資産への変更を検出すると、サーバーのキャッシュを更新し、クライアントに最新のファイルを使用するように強制します。

Muneeのインストール：

次のコマンドを

インストールしてください：

composer require meenie/munee

共有ホスティングサーバーにMuneeをインストールしようとする場合、Composerを使用して、ローカルコンピューターでMuneeを手動で必要とし、ベンダーディレクトリをホスティングサーバーにアップロードします。

ここで、Muneeを使用して資産を最適化、処理、コンパイル、および圧縮する責任のあるPHPファイルを作成する必要があります。これを行うには、munee.php：

というphpファイルを作成します

<?php
require "vendor/autoload.php";

echo \Munee\Dispatcher::run(new \Munee\Request());

ここで、CSS、Less、SCSS、JS、CoffeScript、およびさまざまな画像形式ファイルの資産要求をmunee.phpにリダイレクトする必要があります。サーバーの内部URLを書き換えるルールを使用してこれを行うことができます。

apacheを使用している場合は、このコードを.htaccessファイルに配置します。 nginxを使用している場合、この問題とこの要点に基づいて、URLの書き換えルールの実際の仮想ホスト設定を変更する必要があります。

RewriteEngine On
RewriteRule ^(.*\.(?:css|less|scss|js|coffee|jpg|png|gif|jpeg))$ munee.php?files=/ [L,QSA,NC]

.htaccessがサーバーで無効になっている場合、または書き換えに.htaccessを使用したくない場合、HTMLでアセットパスを使用する代わりに、ファイルパスをmunee.phpに手動で渡すことができます。

このチュートリアルの残りの部分については、.htaccessを使用していると仮定します。

Muneeがインストールされているディレクトリツリー内のすべての資産が最適化されます。

（次のコンテンツは、重複と冗長性を避けるための元のテキストの残りの部分の簡単な要約です）

scssをコンパイルします。より少なく、coffeescript：HTMLとMuneeのこれらのファイルをポイントするだけで、サーバー側のコンパイルが自動的に処理されます。

CSSおよびJSファイルを圧縮します：

画像の処理：Muneeは、画像の動的なサイズ変更、トリミング、シェーディングを可能にし、不足している画像のためのグレースケール、ネガティブフィルム変換、プレースホルダーをサポートします。 画像のサイズとトリミングはresizeフィルターを使用して制御でき、欠落している画像の代替手段はplaceholders配列で構成できます。 Muneeには、悪意のある画像処理のリクエストを防ぐためのセキュリティメカニズムが組み込まれています。 munee.php

組み合わせアセット：

Munee API：

APIプロビジョニングアプリケーションを手動で最適化するためのAPIプロビジョニングアプリケーションを提供します。

概要：

Muneeは、アセットの動的な管理に最適です。

faq（faq）：

（元のFAQパーツが要約されており、コア情報が保持されます） Muneeは、さまざまなWebパフォーマンス最適化タスクを自動化するためのスタンドアロンPHPライブラリです。他のツールと比較して、追加のソフトウェアは必要なく、柔軟性が高く、カスタマイズ可能であり、さまざまなファイルタイプと最適化テクノロジーをサポートしています。 画像の最適化、CSS、JavaScriptの最適化を処理し、カスタム最適化設定をサポートできます。 システムの要件は、PHP 5.3以上、GDライブラリとLess/SCSSコンピレーションライブラリです。

以上がMuneeによる自動資産最適化の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。