WEB頁面常用優化方法

1.使用Gzip壓縮技術
Gzip是在服務器端壓縮圖片,css,腳本等,傳送到用戶端的瀏覽器再解壓,這樣可以提高傳輸速度,不過對服務器的壓力會增大,一般選擇部分元素壓縮比較合適。
2. 減少http請求數
圖片,cssscriptflash,等等這些都會增加http請求數,減少這些元素的數量能減少響應時間。採用合併腳本文件、避免重定向、緩存Ajax請求等方法降低請求數。作爲大型網站來說,首頁使用內聯式樣式表,這樣可以減少http請求數的同時,也可以防止裸奔。當然其他頁面需要使用外聯樣式表,這樣纔可以方便維護。因爲作爲大型網站來說,他的首頁訪問量是非常的大的,所以
3.把樣式表放到頂部
    我們發現把css放到文檔頭部會讓網頁加載得更快。因爲這樣可以讓頁面逐漸加載。把樣式表放到接近底部的問題是它阻止了頁面元素的逐漸顯示。這樣還會導致在樣式表加載之前頁面內容是以沒有樣式的形式顯示出來的,待加載完樣式後,頁面重繪,內容一閃即改變了樣式表現。
4. 減小腳本體積
5. 背景圖片數量及大小、格式的優化
內容圖片的大小的優化。JPG格式用於展示風景、人物、藝術照的攝影作品使用;GIF格式提供的顏色較少,可用在一些對顏色要求不高的地方,比如網站logo、按鈕、表情等。GIF格式一個重要的應用是動畫圖片;PNG格式能提供透明背景,是一種專爲網頁展示而發明的圖片格式。一般用於需要背景透明顯示或對圖像質量要求較高的網頁上。
6. 網址後加斜槓
既能節省了加載時間、又能避免基準 URL不同而產生的問題。
7. 標明圖片、表格等元素的高度和寬度
如果瀏覽器沒有找到這兩個參數,它需要一邊下載圖片一邊計算大小,如果圖片很多,瀏覽器需要不斷地調整頁面。這不但影響速度,也影響瀏覽體驗。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章