web-dev-qa-db-ja.com

PHPページのHTML出力を縮小する方法は?

私は、Googleページの速度のように、PHPページのHTML出力を縮小できるPHPスクリプトまたはクラスを探しています。

これどうやってするの?

131
m3tsys

CSSとJavascript

Javascript/CSSファイルを縮小するには、次のリンクを考慮してください。 https://github.com/mrclay/minify

HTML

ApacheにGZipでHTMLを配信するように指示します-これにより、一般に応答サイズが約70%減少します。 (Apacheを使用する場合、gzipを構成するモジュールはバージョンによって異なります。Apache1.3はmod_gzipを使用し、Apache 2.xはmod_deflateを使用します。)

Accept-Encoding:gzip、deflate

コンテンツエンコーディング:gzip

次のスニペット を使用して、ob_startのバッファを使用してHTMLから空白を削除します。

<?php

function sanitize_output($buffer) {

    $search = array(
        '/\>[^\S ]+/s',     // strip whitespaces after tags, except space
        '/[^\S ]+\</s',     // strip whitespaces before tags, except space
        '/(\s)+/s',         // shorten multiple whitespace sequences
        '/<!--(.|\s)*?-->/' // Remove HTML comments
    );

    $replace = array(
        '>',
        '<',
        '\\1',
        ''
    );

    $buffer = preg_replace($search, $replace, $buffer);

    return $buffer;
}

ob_start("sanitize_output");

?>
192
Rakesh Sankar

適切に実行したい場合は、gzipをオンにします。次のようなこともできます。

$this->output = preg_replace(
    array(
        '/ {2,}/',
        '/<!--.*?-->|\t|(?:\r?\n[ \t]*)+/s'
    ),
    array(
        ' ',
        ''
    ),
    $this->output
);

これにより、htmlが1行になり、タブ、新しい行、コメントがなくなり、ページサイズの約30%が削除されます。走行距離は異なる場合があります

26
dogmatic69

上記のpreg_replace()ソリューションにはすべて、単一行コメント、条件付きコメント、その他の落とし穴の問題があります。最初から独自の正規表現を作成するのではなく、十分にテストされた Minifyプロジェクト を利用することをお勧めします。

私の場合、次のコードをPHPページの上部に配置して縮小しています。

function sanitize_output($buffer) {
    require_once('min/lib/Minify/HTML.php');
    require_once('min/lib/Minify/CSS.php');
    require_once('min/lib/JSMin.php');
    $buffer = Minify_HTML::minify($buffer, array(
        'cssMinifier' => array('Minify_CSS', 'minify'),
        'jsMinifier' => array('JSMin', 'minify')
    ));
    return $buffer;
}
ob_start('sanitize_output');
17
Andrew

私はいくつかのミニファイアーを試しましたが、それらは除去が少なすぎるか多すぎます。

このコードは、余分な空のスペースとオプションのHTML(終了)タグを削除します。また、安全に動作し、HTML、JS、またはCSSを破壊する可能性のあるものを削除しません。

また、コードはZend Frameworkでそれを行う方法を示しています。

class Application_Plugin_Minify extends Zend_Controller_Plugin_Abstract {

  public function dispatchLoopShutdown() {
    $response = $this->getResponse();
    $body = $response->getBody(); //actually returns both HEAD and BODY

    //remove redundant (white-space) characters
    $replace = array(
        //remove tabs before and after HTML tags
        '/\>[^\S ]+/s'   => '>',
        '/[^\S ]+\</s'   => '<',
        //shorten multiple whitespace sequences; keep new-line characters because they matter in JS!!!
        '/([\t ])+/s'  => ' ',
        //remove leading and trailing spaces
        '/^([\t ])+/m' => '',
        '/([\t ])+$/m' => '',
        // remove JS line comments (simple only); do NOT remove lines containing URL (e.g. 'src="http://server.com/"')!!!
        '~//[a-zA-Z0-9 ]+$~m' => '',
        //remove empty lines (sequence of line-end and white-space characters)
        '/[\r\n]+([\t ]?[\r\n]+)+/s'  => "\n",
        //remove empty lines (between HTML tags); cannot remove just any line-end characters because in inline JS they can matter!
        '/\>[\r\n\t ]+\</s'    => '><',
        //remove "empty" lines containing only JS's block end character; join with next line (e.g. "}\n}\n</script>" --> "}}</script>"
        '/}[\r\n\t ]+/s'  => '}',
        '/}[\r\n\t ]+,[\r\n\t ]+/s'  => '},',
        //remove new-line after JS's function or condition start; join with next line
        '/\)[\r\n\t ]?{[\r\n\t ]+/s'  => '){',
        '/,[\r\n\t ]?{[\r\n\t ]+/s'  => ',{',
        //remove new-line after JS's line end (only most obvious and safe cases)
        '/\),[\r\n\t ]+/s'  => '),',
        //remove quotes from HTML attributes that does not contain spaces; keep quotes around URLs!
        '~([\r\n\t ])?([a-zA-Z0-9]+)="([a-zA-Z0-9_/\\-]+)"([\r\n\t ])?~s' => '$1$2=$3$4', //$1 and $4 insert first white-space character found before/after attribute
    );
    $body = preg_replace(array_keys($replace), array_values($replace), $body);

    //remove optional ending tags (see http://www.w3.org/TR/html5/syntax.html#syntax-tag-omission )
    $remove = array(
        '</option>', '</li>', '</dt>', '</dd>', '</tr>', '</th>', '</td>'
    );
    $body = str_ireplace($remove, '', $body);

    $response->setBody($body);
  }
}

ただし、gZip圧縮を使用する場合、ダウンロードによって節約された時間は縮小によって失われ、最小も節約されるため、コードを圧縮すると、縮小とgZipの組み合わせは無意味になります。

ここに私の結果があります(3Gネットワ​​ーク経由でダウンロード):

 Original HTML:        150kB       180ms download
 gZipped HTML:          24kB        40ms
 minified HTML:        120kB       150ms download + 150ms minification
 min+gzip HTML:         22kB        30ms download + 150ms minification
16
Radek Pech

これは私のために働きます。

function Minify_Html($Html)
{
   $Search = array(
    '/(\n|^)(\x20+|\t)/',
    '/(\n|^)\/\/(.*?)(\n|$)/',
    '/\n/',
    '/\<\!--.*?-->/',
    '/(\x20+|\t)/', # Delete multispace (Without \n)
    '/\>\s+\</', # strip whitespaces between tags
    '/(\"|\')\s+\>/', # strip whitespaces between quotation ("') and end tags
    '/=\s+(\"|\')/'); # strip whitespaces between = "'

   $Replace = array(
    "\n",
    "\n",
    " ",
    "",
    " ",
    "><",
    "$1>",
    "=$1");

$Html = preg_replace($Search,$Replace,$Html);
return $Html;
}
5

ドキュメントルートの外部にPHPファイルを作成します。ドキュメントルートが

/var/www/html/

1レベル上のminify.phpという名前のファイルを作成します

/var/www/minify.php

次のPHPコードをコピーペーストします

<?php
function minify_output($buffer){
    $search = array('/\>[^\S ]+/s','/[^\S ]+\</s','/(\s)+/s');
    $replace = array('>','<','\\1');
    if (preg_match("/\<html/i",$buffer) == 1 && preg_match("/\<\/html\>/i",$buffer) == 1) {
        $buffer = preg_replace($search, $replace, $buffer);
    }
    return $buffer;
}
ob_start("minify_output");?>

Minify.phpファイルを保存し、php.iniファイルを開きます。次のオプションの専用サーバー/ VPS検索の場合、カスタムphp.iniとの共有ホスティングで追加します。

auto_prepend_file = /var/www/minify.php

参照: http://websistent.com/how-to-use-php-to-minify-html-output/

4
Avi Tyagi

このクラスのセットを確認できます: https://code.google.com/p/minify/source/browse/?name=master#git%2Fmin%2Flib%2FMinify 、 html/css/jsミニファイクラスを見つけます。

これを試すこともできます: http://code.google.com/p/htmlcompressor/

がんばろう :)

3
Mtz

GitHubGistには、HTML、CSS、JSファイルを縮小するためのPHP関数が含まれています→ https:// Gist .github.com/tovic/d7b310dea3b33e4732c

出力バッファを使用してHTML出力をその場で縮小する方法は次のとおりです。

<?php

include 'path/to/php-html-css-js-minifier.php';

ob_start('minify_html');

?>

<!-- HTML code goes here ... -->

<?php echo ob_get_clean(); ?>
2

最初にgzipはHtml Minifierよりも役立ちます

  1. nginxを使用

    gzip on;
    gzip_disable "msie6";
    
    gzip_vary on;
    gzip_proxied any;
    gzip_comp_level 6;
    gzip_buffers 16 8k;
    gzip_http_version 1.1;
    gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
    
  2. Apacheではmod_gzipを使用できます

第二:gzip + Html Minificationを使用すると、ファイルサイズを大幅に削減できます!!!

これを作成しました HtmlMinifier for PHP

コンポーザ:composer require arjanschouten/htmlminifier dev-masterから取得できます。

Laravelサービスプロバイダーがあります。 Laravelを使用していない場合は、PHPから使用できます。

// create a minify context which will be used through the minification process
$context = new MinifyContext(new PlaceholderContainer());
// save the html contents in the context
$context->setContents('<html>My html...</html>');
$minify = new Minify();
// start the process and give the context with it as parameter
$context = $minify->run($context);

// $context now contains the minified version
$minifiedContents = $context->getContents();

ご覧のとおり、ここで多くのことを拡張でき、さまざまなオプションを渡すことができます。 readmeを確認 使用可能なすべてのオプションを確認します。

この HtmlMinifier は完全で安全です。縮小プロセスには3つのステップが必要です。

  1. 重要なコンテンツを一時的にプレースホルダーに置き換えます。
  2. 縮小戦略を実行します。
  3. 元のコンテンツを復元します。

ビューの出力をキャッシュすることをお勧めします。縮小プロセスは1回限りのプロセスである必要があります。または、間隔ベースなどで実行します。

明確なベンチマークは、その時点では作成されません。ただし、ミニファイヤはマークアップに基づいてページサイズを5〜25%削減できます。

独自の戦略を追加する場合は、 addPlaceholder および addMinifier メソッドを使用できます。

2
ArjanSchouten

HTML TIDYを調べることができます- http://uk.php.net/tidy

PHPモジュールとしてインストールでき、完全に有効なHTML/XHTMLマークアップを出力しながら、空白やその他のすべての厄介さを(正しく、安全に)取り除きます。また、コードをきれいにします。これは、最初から有効なコードを書くことができるかどうかに応じて、すばらしいことでも恐ろしいことでもあります;-)

さらに、ファイルの先頭で次のコードを使用して出力をgzipできます。

ob_start('ob_gzhandler');
2
Rudi Visser

ページ内のすべての新しい行を削除する場合は、次の高速コードを使用します。

ob_start(function($b){
if(strpos($b, "<html")!==false) {
return str_replace(PHP_EOL,"",$b);
} else {return $b;}
});
1
زياد

passthruexec)を使用して呼び出すことにより、 HTMLCompressor のような十分にテストされたJavaミニファイヤを使用できます。
2>&1を使用してコンソールをリダイレクトすることを忘れないでください

ただし、速度が懸念される場合、これは役に立たない可能性があります。静的php出力に使用します

0
Ujjwal Singh

Andrew に感謝します。これがcakePHPでこれを使うためにしたことです:

  1. ダウンロード minify-2.1.7
  2. ファイルを解凍し、minサブフォルダーをケーキのベンダーフォルダーにコピーします
  3. 次のように、ケーキのビュー/ヘルパーにMinifyCodeHelper.phpを作成します。

    App::import('Vendor/min/lib/Minify/', 'HTML');
    App::import('Vendor/min/lib/Minify/', 'CommentPreserver');
    App::import('Vendor/min/lib/Minify/CSS/', 'Compressor');
    App::import('Vendor/min/lib/Minify/', 'CSS');
    App::import('Vendor/min/lib/', 'JSMin');
    class MinifyCodeHelper extends Helper {
        public function afterRenderFile($file, $data) {
            if( Configure::read('debug') < 1 ) //works only e production mode
                $data = Minify_HTML::minify($data, array(
                    'cssMinifier' => array('Minify_CSS', 'minify'),
                    'jsMinifier' => array('JSMin', 'minify')
                ));
            return $data;
        }
    }
    
  4. AppControllerでヘルパーを有効にしました

    public $ helpers = array( 'Html'、 '...'、 'MinifyCode');

5 ...出来上がり!

私の結論:Apacheのdeflateおよびheadersモジュールがサーバーで無効になっている場合、サイズは21%減り、0.35秒に圧縮要求が加わります(この数値は私の場合です)。

ただし、Apacheのモジュールを有効にしていた場合、圧縮された応答に大きな違いはなく(私にとって1.3%)、圧縮するのに十分な時間はあります(私にとっては0.3秒)。

だから...なぜ私はそれをしたのですか? 「私のプロジェクトのドキュメントはすべてコメント(php、css、js)であるため、最終ユーザーはこれを見る必要はありません;)

0
bocapio