網站的開啟速度關乎到很多，比如網站最佳化的問題，如果網站速度開啟的比較慢就會影響搜尋引擎的關注，他會認為的您網站有問題，時間久了就不會進行爬行，還有如果網站開啟速度慢可能就會影響到多使用者體驗度的問題，在目前網站多使用者體驗度極為重要的時代，抓住一切提高網站開啟速度的方法應用到網站開發中。今天小編就來數一下關於網站開啟慢從網頁設計的角度出發解決問題。

網站速度開啟慢的僅僅是程式的問題，還有和網站頁面的相關結構有關係的，所以從網站設計的角度去考慮網站的開啟速度也是一個方法，當您的網站開啟速度很慢的時候不要一味的去進行程式最佳化，還要考慮到網站的頁面問題，小編今天就從幾個方面來說下怎麼在網頁設計方面怎麼提高網站開啟速度！

關於圖片的問題，不要認為圖片最佳化就是把圖片的畫素減小就可以了，因為一味的減少畫素可能會影響到設計的效果，在質量和檔案大小之間必須找到一個合適的均衡點還要考慮到很多的問題，比如我們都知道一個圖片的格式可以分為 jpg 、 png 、 gif 這三種，但是在什麼時候運用什麼格式，從而減少網站的載入時間。這裡小編總結一下：

大小比較：通常地，PNG ≈ JPG > GIF
透明性：PNG > GIF > JPG
色彩豐富程度：JPG > PNG >GIF
相容程度：GIF ≈ JPG > PNG
注意，IE6 下 PNG 的透明是不能顯示的，有其對應的 Hack 方法。

對於一個網站來說，按照保證色彩顯示良好同時檔案小的原則，我的總結是這樣的：網站的 LOGO，如果色彩單調，選擇 PNG 或者 GIF，推薦前者。但是如果為了 IE6 的相容，選擇後者；如果您需要動圖，選擇 GIF；網站上的元素背景圖片（比如按鈕背景、導航條背景），或者很精細的圖片，還是那句話，如果色彩單調，選擇 PNG 或者 GIF，推薦前者。但是如果為了 IE6 的選擇後者，但要考慮失真問題；少用 JPG，否則會讓這些東西很難看，除非您用風景圖片作按鈕背景；

網站內容裡，您真實拍攝的圖片，或者您下載的風景圖片，保持 JPG 來獲得更好的顯示效果和體積；截圖都應該用 PNG 。當然，如果您並不追求非常的顯示效果，只是注重內容本身而容許圖片上的小瑕疵，選擇 JPG 也可。

圖片的使用顯示。需要顯示圖片時，儘量使用背景圖片，而不是直接載入。也需要注意的是儘量不要用一個很小的圖片當背景，這樣做會加大客戶端 CPU 處理時間。比如說預載入下一頁的主要內容時。在多使用者看到大圖之前先把小圖展開，讓多使用者不至於在等待的過程中太焦慮。圖片在 HTML 程式碼裡要標明大小。這樣瀏覽器就能事先留好空。當您在網頁上新增圖片或表格時，您應該指定它們的高度和 度，也就是引數。如果瀏覽器沒有 找到 height 和 width 這兩個引數， 它需要一邊下載圖片一邊計算大小，如果圖片很多，瀏覽器需要不斷地調整頁面。這不但影響速度， 也影響瀏覽體驗。