前端技術的逐漸成熟，衍生了domain hash, cookie free, css sprites, js/css combine, max expires time, loading images on demand等等技術。這些技術的出現和大量使用都和併發資源數有關。
再怎麼提速，頁面上過百的總資源數也仍然是很可觀的，如果能將其中一些很多頁面都用到的元素如常用元素如按鈕、導航、tab等的背景圖，指示圖示等等合併為一張大圖，並利用css background的定位來使多個樣式引用同一張，那也就可以大大的減少總請求數了，這就是css sprites的由來。
全站的js/css原本並不多，其合併技術的產生卻是有著和不同的考慮。 由於cs/js通常可能對dom布局甚至是內容造成影響，在瀏覽器解析上，不連貫的載入是會造成多次重新渲染的。因此，在**變大需要保持模組化來提高可維護性的前提下，js/css combine也就自然衍生了，同時也是minify、compress等對內容進行多餘空格、空行、注釋的整理和壓縮的技術出現的原因。
總的來說，各類技術都是為了能讓使用者更快的看到頁面進行下一步操作，但卻不必將寶貴的資源浪費在沒有必要的重複請求、不看的內容上。
WEB前端開發優化技巧
從seo優化和網頁載入速度兩方面講解下web前端開發需要注意的事項。1 網頁載入速度相關的優化技巧 a 減少 http請求。將多個合併到一張，然後使用css的background position來顯示，將多個css檔案和js檔案合併成乙個。這樣就大大減少了頁面中http請求。b 減少請求時內容的傳...
前端 實用性能優化技巧
就是在通過改進程式的結構和執行過程，使得我們能在更短的時間內，利用更少的資源來完成同樣的工作。對於編譯型語言來說，可以通過改進資料結構 演算法，將中間 轉化為本地 縮短彙編指令 避免型別轉換 讀寫快取記憶體，控制垃圾 等方法來提公升程式效能。效能優化，往往提公升空間是很有限的，而且需要投入相當的精力...
前端優化之SEO技巧小談
若作為優秀的前端工程師，從 的設計到建設再到執行的整個過程中都應貫穿seo思想。大到 結構，小到某一行 可能都會影響到 的排位，所以不要低頭苦寫 了，多燒腦多思考，或許會事半功倍。所謂結構優化，指 布局設計的優化，合理的布局設計，有利於搜尋引擎抓取，也更能夠留住訪客。結構提倡簡介直觀，即顯 簡約大氣...