1. 程式人生 > >從php到瀏覽器的緩存機制,不得不看!

從php到瀏覽器的緩存機制,不得不看!

基礎上 結束 apach 要素 而是 bubuko web應用 瀏覽器 img

所有的php程序員都知道在php腳本裏面執行 echo “1”;訪客的瀏覽器裏面就會顯示“1”。

但是我們執行下面的代碼的時候,並不是顯示“1”之後5秒再顯示“2”,而是等待5秒後直接顯示“12”

echo ‘1‘;
sleep(5);
echo ‘2‘;

這就涉及到幾個緩存機制,為了更高的薪水,同學們非常有必要把這個緩存機制學習好。

通常情況下,我們的web應用由以下幾個要素構成:

php->apache->瀏覽器。這篇文章我們就以這個架構為例來講解數據是如何在整個“鏈條”上流通的。

技術分享圖片

看了上面的圖,我們終於知道上面為什麽會同時顯示“12”了,因為echo ‘1‘還沒有裝滿php的緩存,所以“1”還在php的緩存裏面,沒有到瀏覽器,等到程序結束後“12”才一起到瀏覽器。

當然我們也可以手動刷新緩存

echo ‘1‘;
ob_flush(); //把php緩存寫入apahce緩存
flush(); //把apahce緩存寫入瀏覽器緩存
sleep(5);
echo ‘2‘;

我們把代碼改成如上之後,瀏覽器還是要等5秒才同時顯示“12”,這是因為“1”雖然已經發送給瀏覽器,但是瀏覽器緩存還沒有裝滿,並沒有渲染,一直到等到程序結束後才渲染出“12”。

我們以谷歌瀏覽器為例(緩存1000bytes),通過下面的代碼,我們就可以實現先顯示“1”,隔5秒再顯示“2”

echo str_repeat(‘ ‘ ,1000); //這裏會把瀏覽器緩存裝滿
echo ‘1‘;
ob_flush(); //
把php緩存寫入apahce緩存 flush(); //把apahce緩存寫入瀏覽器緩存 sleep(5); echo ‘2‘;

講到這裏,我們不得不提一下“ob_start()”這個函數,這個函數的作用就是開啟一個新的php緩存,但是這個緩存遠遠不止4096,php文檔中描述的是這個緩存足夠大。我們還是通過代碼來說明

ob_start();
echo str_repeat(‘ ‘ ,1000); //這裏會把瀏覽器緩存裝滿
echo ‘1‘;
ob_flush(); 
flush(); //把apahce緩存寫入瀏覽器緩存
sleep(5);
echo ‘2‘;

在原有的基礎上我們僅僅加了個ob_start(),結果又變成了等5秒後同時顯示"12"了。這是因為每一個ob_start()都在原來的緩存空間上開辟一個子緩存空間,ob_flush()是把當前緩存空間輸出到上級緩存空間,php只有一個緩存空間的時候,上級緩存空間就是apache的緩存,當php有多個緩存空間的時候,ob_flush()的就不能把php緩存寫入apache緩存了。我們還是借助圖片來理解:

技術分享圖片

從php到瀏覽器的緩存機制,不得不看!