php BigPipeブロック出力を実現
原理:ob_を利用flush()とflush()はバッファのコンテンツを繰り上げて出力し、ブラウザはこの部分のコンテンツを繰り上げてロードすることができ、すべての出力が再ロードされるのを待つ必要はありません.
ページの内容を1つの小さなブロックに分けて、1つ出力してから次のものを出力して、ユーザーができるだけ早くページの内容を見ることができて、ユーザーの体験を最適化します.
まずheadのコンテンツは優先的にロードし,css,javascriptなどの静的コンテンツをできるだけ早くロードすべきであるため,headの後にflush()で出力すべきである.
例:head静的コンテンツを出力し、各
注意すべき問題:1.できるだけ一度の出力でできるだけ多くのコンテンツを出力します.2.できるだけ同期してロードできます.3.chunkは点数が多ければ多いほど良いのではなく、実際の需要状況によって決定します.4.ob_flush()とflush()を同時に使用する場合、flush()が効果しない場合があります.
ページの内容を1つの小さなブロックに分けて、1つ出力してから次のものを出力して、ユーザーができるだけ早くページの内容を見ることができて、ユーザーの体験を最適化します.
まずheadのコンテンツは優先的にロードし,css,javascriptなどの静的コンテンツをできるだけ早くロードすべきであるため,headの後にflush()で出力すべきである.
例:head静的コンテンツを出力し、各
をchunkに分けて1秒おきに出力します.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> Big Pipe </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<style type="text/css">
body{margin:0px; background:#CCCCCC;}
p{text-align:center; margin:10px;}
img{width:450px;}
</style>
</head>
<?php cache_flush() ?>
<body>
<p><img src="http://image.tianjimedia.com/uploadImages/2013/240/5CPOE4UZ2T40.jpg"></p>
<?php cache_flush(); ?>
<p><img src="http://image.tianjimedia.com/uploadImages/2013/240/6893CY9XEQD1.jpg"></p>
<?php cache_flush(); ?>
<p><img src="http://image.tianjimedia.com/uploadImages/2013/240/83H52SG02V32.jpg"></p>
</body>
</html>
<?php
function cache_flush($sec=1){
ob_flush();
flush();
usleep($sec*1000000);
}
?>注意すべき問題:1.できるだけ一度の出力でできるだけ多くのコンテンツを出力します.2.できるだけ同期してロードできます.3.chunkは点数が多ければ多いほど良いのではなく、実際の需要状況によって決定します.4.ob_flush()とflush()を同時に使用する場合、flush()が効果しない場合があります.