一、優化
即使在現在,網路頻寬有了很多的提高,56k貓逐漸淡出,優化以加快網頁速度還是很有必要的。
優化包括減少數、降低影象質量、使用恰當的格式。
2、降低影象質量:如果不是很必要,嘗試降低影象的質量,尤其是jpg格式,降低5%的質量看起來變化不是很大,但檔案大小的變化是比較大的。
二、影象格式的選擇
1、jpg:一般用於展示風景、人物、藝術照的攝影作品。有時也用在電腦截圖上。
三、優化css
css疊層樣式表讓網頁載入起來更高效,瀏覽體驗也得到提高。有了css,**布局的方式可以退休了。
但有時我們在寫css的時候會使用了一些比較羅嗦的語句,比如這句:
margin-top: 10px; margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以將它簡化為:
margin: 10px 20px 10px 20px;
又或者這句:
a paragraph of decorated text
second paragraph
third paragraph
forth paragraph
可以用div來包含:
a paragraph of decorated text
second paragraph
third paragraph
forth paragraph
四、**後加斜槓
有些**,比如「http://book.jz123.cn/html」,當伺服器收到這樣乙個位址請求的時候,它需要花費時間去確定這個位址 的檔案型別。如果220是乙個目錄,不妨在**後多加乙個斜槓,讓其變成「http://book.jz123.cn/html/」,這樣伺服器就能一目 了然地知道要訪問該目錄下的index或default檔案,從而節省了載入時間。
五、標明高度和寬度
當瀏覽器知道了高度和寬度引數後,即使暫時無法顯示,頁面上也會騰出的空位,然後繼續載入後面的內容。從而載入時間快了,瀏覽體驗也更好了。
六、減少http請求
當瀏覽者開啟某個網頁,瀏覽器會發出很多物件請求(影象、指令碼等等),視乎網路延時情況,每個物件載入都會有所延遲。如果網頁上物件很多,這可以需要花費大量的時間。
因此,要為http請求減負。如何減負?
1、去除一些不必要的物件。
2、將臨近的兩張合成一張。
3、合併css
看看下面這段**,需要載入三個css:
我們可以將其合成乙個:
從而減少http請求。
七、其它小技巧(譯者新增)
1、去除不必要載入項。
2、如果在網頁上嵌入了其它**的widget,如果有選擇餘地,一定要選擇速度快的。
3、盡量用代替flash,這對seo也有好處。
4、有些內容可以靜態化就將其靜態化,以減少伺服器的負擔。
5、統計**放在頁尾。
優化頁面載入速度
1.js css html做gzip壓縮 不要對進行gzip壓縮 2.刪除js css html 檔案的注釋,回車符,以及無效位元組 4.css放到header中,避免白屏 5.合併js和css 壓縮js和css 6.優化快取 對沒有變化的css js,等網頁元素,直接利用客戶端的瀏覽器快取讀取來有...
優化頁面訪問速度(二) 資料庫優化
一 概述 資料庫優化,主要包括資料表設計 索引 sql語句 表拆分 資料庫伺服器架構等方向的優化。二 資料庫設計 在建表的時候,就需要考慮到將來的使用場景,盡量在建表初期就設計好。1 儲存引擎 mysql常被提到的儲存引擎就是innodb和mysiam,其實現在主要都在用innodb了。兩者的區別 ...
前端頁面載入速度優化 Ngnix之GZIP壓縮
gzip on 開啟gzip gzip static on 是否開啟gzip靜態資源 nginx對於靜態檔案的處理模組,該模組可以讀取預先壓縮的gz檔案,這樣可以減少每次請求進行gzip壓縮的cpu資源消耗。該模組啟用後,nginx首先檢查是否存在請求靜態檔案的gz結尾的檔案,如果有則直接返回該gz...