nginx圖片、css、js緩衝，nginxcssjs緩衝

nginx圖片、css、js緩衝，nginxcssjs緩衝

開始的時候搭建nginx環境，以為單單是為了負載平衡，實現分布式叢集。現在發現可以使用nginx的緩衝機制來最佳化相應速度。下面介紹一下nginx圖片、css、js的緩衝。

#圖片緩衝時間設定location ~ .*.(gif|jpg|jpeg|png|bmp|swf)${expires 8d;}#JS和CSS緩衝時間設定location ~ .*.(js|css)?${expires 2h;}

可以看出通過設定到期時間，減少背景訪問負擔。

css中的圖片不緩衝，js裡的也不緩衝是？？

緩衝是瀏覽器來做的，不清楚你問的問題是什麼意思？
 
怎解決CSS JS與圖片對網站載入速度的影響

　　(1)指定映像尺寸　　載入映像之前，您的瀏覽器開始渲染頁面。制定映像尺寸，有助於它環繞不可替代的元素。如果沒有制定尺寸，一旦映像被下載您的瀏覽器將迴流，為了做到這個，筆者建議在< IMG 元素使用高度和寬度標籤規格。　　注意不要使用尺寸縮放功能的映像，因為使用者仍然還是需要下載原始檔案的大小，筆者認為，其實映像並不需要多大的螢幕空間，只要能讓使用者看清楚就可以。　　(2)最佳化映像　　在使用映像的過程中，包含了一些額外的東西，比如使用一些無用的顏色，額外的多出的圖片大小。使用之前先對其進行最佳化，將大小保持在最低程度，嘗試儲存JPEG格式，這將協助很多慢速的網路使用者。這樣做的原因是為了在保持圖片品質的同時控制其重量，減少伺服器的載入時間。　　2、避免CSS運算式　　HTML頁面進度列指示器指示，瀏覽器載入頁面的流程是逐步從頁頭，導覽列，內容等，如果將CSS檔案放在頁面底部，將會靜止許多瀏覽器進行渲染，這些瀏覽器阻止渲染將會導致頁面被重繪，使用CSS檔案需要將其放置在頁面頂端，並且CSS檔案避免使用CSS運算式。　　CSS運算式是一個強大的和危險的方式動態設定CSS屬性。他們支援在Internet Explorer版本5開始，但與IE8開始棄用。作為一個例子，可以設定背景顏色交替使用CSS運算式每隔一小時：　　getHours背景色：運算式((新的Date())()2%B8D4FF#：#F08A00);CSS運算式將會增加頁面的一個翻譯時間，延長頁面的載入時間。　　3、使用外部js和css檔案　　在現實世界中使用外部檔案，一般會產生更快的網頁，因為是由瀏覽器的Javascript和CSS檔案快取。Javascript和CSS在HTML文檔內聯得到下載的HTML檔案要求的時間。這減少了所需的HTTP請求的數量，但增加了HTML文檔的大小。