基于Web前端的性能優(yōu)化方案研究.pdf

1、Web站點作為一個最能體現(xiàn)Internet技術(shù)特色的亮點之一，它在Internet的帶動下取得了長足的發(fā)展。當代人們的吃穿住行都依賴于Web平臺，對Web站點體驗的性能要求越來越高，不僅僅希望通過Web站點獲得信息來源或者是完成交易，更重要的是希望能夠得到更快速、便捷的服務(wù)與體驗。用戶不能夠去忍受長時間的瀏覽器響應(yīng)等待，所有的頁面等待響應(yīng)時間都會成為用戶流失的一個重要原因，因此，Web站點的性能優(yōu)化具有非常重要的意義。對于Web站點的優(yōu)

2、化，后臺的優(yōu)化技術(shù)如數(shù)據(jù)庫的優(yōu)化、后臺代碼的優(yōu)化，硬件方面升級服務(wù)器等方法已經(jīng)比較成熟，但是對Web前端性能優(yōu)化的研究相對較少。本文著眼于Web前端，在不改變數(shù)據(jù)庫和后臺代碼的基礎(chǔ)上，從前端優(yōu)化方面實現(xiàn)對Web站點性能的提升。
　　本文首先介紹了Web前端優(yōu)化選題背景，描述了國內(nèi)外研究現(xiàn)狀。對Web技術(shù)的發(fā)展過程以及Web前端技術(shù)開發(fā)所涉及到的內(nèi)容進行了分析。從HTTP協(xié)議以及Web的請求響應(yīng)機制出發(fā)，在詳細分析其工作原理的基礎(chǔ)上

3、，得出Web前端優(yōu)化的突破口。從頁面元素的優(yōu)化、CSS Sprites技術(shù)的運用、壓縮技術(shù)以及Web緩存優(yōu)化四個方面給出了一種Web前端性能優(yōu)化的方案。詳細講述了頁面元素HTML、CSS、JavaScript以及圖片的優(yōu)化方法，CSS Sprites的制作方法和規(guī)則，引用CDN技術(shù)和針對的Cookie優(yōu)化來達到更好的緩存效果，采用Gzip壓縮技術(shù)，并且針對在遇到某些Web代理和PC安全軟件破壞請求頭的情況下提出了如何進行強制壓縮的解決方