勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

PHPでJavaScriptを圧縮するライブラリ「JShrink」の利用方法

  PHP

サイト内でJavaScriptを用いる場合、外部のライブラリやプラグインだと圧縮されたファイルをCDN呼び出しするが、自作のソースコードだと圧縮しないことが多い(後々編集する際に面倒なため)。そのためページを表示する際のみ圧縮できないか調べたところ「JShrink」ライブラリで実現できそう。以下に利用方法をメモ。

 

JShrink

GitHub

https://github.com/tedious/JShrink

 

インストール

composerでインストールする場合

サーバにSSH接続し以下コマンドでインストールする。

composer require tedivm/jshrink

手動でインストールする場合

GitHubからMinifier.phpをダウンロードし、適当なディレクトリにアップロードする。今回はこちらの方法を取った。

 

利用方法

ソースコード

<?php
require 'Minifer.php';

$js = 'test.js';
$minifiedCode = \JShrink\Minifier::minify(file_get_contents($js));
echo $minifiedCode;

結果

以下内容のtest.jsを圧縮したところ、

if( confirm ){
    alert('ok');
}else{
    alert('ng');
}

以下が出力された。

if(confirm){alert('ok');}else{alert('ng');}

 

所感

実運用について

実運用の際はページ表示の都度圧縮するのは無駄なので基本的にはキャッシュさせ、JSを編集した際は該当のキャッシュファイルを削除する形になりそう。

 - PHP

  関連記事

PHPで配列を確認する際にvar_dumpよりも見やすくなるdBug.phpの利用方法

PHPで配列を確認する際、大抵var_dumpで出力させているがこれが見づらい。 ...

PHPで住所や名前のテキストをランダム生成するライブラリFakerPHPの使い方

PHPでランダムなデータを生成したい際に値段や点数等の数値やパスワード等のランダ ...

PHPでvar_dumpをツールバー形式で表示するライブラリ「Kint」の使い方

PHPでvar_dumpを見やすくするためにdBugライブラリを利用しているが、 ...

PHPのエラーメッセージ及びvar_dumpを見やすく表示するライブラリ「Tracy」の利用方法

ここのところPHPでの開発時にvar_dumpをツールバー表示する「Kint」及 ...

PHPでダミー画像(プレースホルダー画像)を表示する「PHP-Dummy-Image-Generator」の利用方法

先日JavaScriptでダミー画像(プレースホルダー画像)を表示する「Hold ...