Nginx動靜分離

標籤：processes   分享   變化   inf   cat   oct   首頁   events   div   

當我們請求一個網頁的時候，可能會載入很多css，js，img等靜態檔案；一般這些檔案是很久都不會變化的，所以我們為了提高頁面響應速度，完全可以將這些檔案快取到瀏覽器中(可以理解為cookie資訊)，這就叫動靜分離。

1.  vim nginx.conf

worker_processes  1;events {    worker_connections  1024;}http {    include       mime.types;    default_type  application/octet-stream;        log_format  wuleiformat  ‘$remote_addr - $remote_user [$time_local]‘;    sendfile        on;    keepalive_timeout  65;    server {        listen       80;        server_name  localhost;        # 輸入ip預設訪問html檔案夾下的index.html檔案        location / {            root html;            index index.html index.htm;        }        # 所有.png  .css ...結尾的檔案都直接去/html/images裡面找        location ~ \.(png|jpg|js|css|gif)$ {        　　root html/images;        　　expires 10m;  # 緩衝10分鐘           # s秒   m分   h時   d天        }    }}

2.  修改首頁index.html  讓它去載入一個靜態圖片。

 3.  重啟可以看到效果(圖片第一次載入花了7ms，後面再次重新整理就是0ms，查看詳細資料看到34分第一次緩衝的，直到44分失效)。

 

Nginx動靜分離