「前端面試如何優化網站」前端面試題 如何優化一個網站？

很多朋友在網站seo優化的時候回遇到一些網站優化的疑問，其中就包括《前端面試如何優化網站：前端面試題 如何優化一個網站
？》問題，那么下面搜遇網絡小編來給您解答一下您現在困惑的問題。

減少代碼冗余，壓縮css與js，盡量使用外部css和js,圖片盡量使用精靈技術,減少頁面的請求次數
，js代碼盡量放到頁面底部，不用輕易使用iframe
，圖片盡量使用jpg和gif，不要使用png.

如何優化前端頁面，網頁要如何優化（HTML5開發方面）

如何優化前端頁面、如何優化網頁

作為前端開發人員來說
，不但要開發出能兼容各大主流瀏覽器的頁面

，而且還需要懂得去優化前端頁面，可以從“前期準備”“HTML結構”“CSS樣式”“JavaScript”以及“圖像”、“文件上線前的處理”等多個角度來考慮。

具體可以查看《如何優化前端頁面，HTML5開發如何優化網頁》

前端面試如何優化網站：Web前端應該從哪些方面來優化網站

前端是龐大的，包括HTML、CSS、Javascript、Image、Flash等等各種各樣的資源。前端優化是復雜的，針對方方面面的資源都有不同的方式。那么，前端優化的目的是什么?

1.從用戶角度而言
，優化能夠讓頁面加載得更快、對用戶的操作響應得更及時，能夠給用戶提供更為友好的體驗。前端面試如何優化網站

2.從服務商角度而言，優化能夠減少頁面請求數、或者減小請求所占帶寬，能夠節省可觀的資源。

總之
，恰當的優化不僅能夠改善站點的用戶體驗并且能夠節省相當的資源利用。

前端優化的途徑有很多，按粒度大致可以分為兩類，第一類是頁面級別的優化，例如HTTP請求數、腳本的無阻塞加載、內聯腳本的位置優化等;第二類則是代碼級別的優化，例如Javascript中的DOM操作優化、CSS選擇符優化、圖片優化以及HTML結構優化等等。另外，本著提高投入產出比的目的，后文提到的各種優化策略大致按照投入產出比從大到小的順序排列。

一、頁面級優化

1.減少HTTP請求數

這條策略基本上所有前端人都知道
，而且也是最重要最有效的。都說要減少HTTP請求，那請求多了到底會怎么樣呢?首先，每個請求都是有成本的，既包含時間成本也包含資源成本。一個完整的請求都需要經過DNS尋址、與服務器建立連接、發送數據、等待服務器響應、接收數據這樣一個“漫長”而復雜的過程。時間成本就是用戶需要看到或者“感受”到這個資源是必須要等待這個過程結束的，資源上由于每個請求都需要攜帶數據，因此每個請求都需要占用帶寬。另外，由于瀏覽器進行并發請求的請求數是有上限的(具體參見此處)，因此請求數多了以后，瀏覽器需要分批進行請求，因此會增加用戶的等待時間，會給用戶造成站點速度慢這樣一個印象，即使可能用戶能看到的第一屏的資源都已經請求完了，但是瀏覽器的進度條會一直存在。

減少HTTP請求數的主要途徑包括：

(1).從設計實現層面簡化頁面

如果你的頁面像首頁一樣簡單，那么接下來的規則基本上都用不著了。保持頁面簡潔、減少資源的使用時最直接的
。如果不是這樣，你的頁面需要華麗的皮膚，則繼續閱讀下面的內容。

(2).合理設置HTTP緩存

緩存的力量是強大的，恰當的緩存設置可以大大的減少HTTP請求。以有啊首頁為例，當瀏覽器沒有緩存的時候訪問一共會發出78個請求，共多K數據(如圖1.1)，而當第二次訪問即瀏覽器已緩存之后訪問則僅有10個請求，共20多K數據(如圖1.2)。(這里需要說明的是，如果直接F5刷新頁面的話效果是不一樣的，這種情況下請求數還是一樣，不過被緩存資源的請求服務器是響應，只有Header沒有Body，可以節省帶寬)

怎樣才算合理設置?原則很簡單，能緩存越多越好，能緩存越久越好。例如，很少變化的圖片資源可以直接通過HTTPHeader中的Expires設置一個很長的過期頭;變化不頻繁而又可能會變的資源可以使用Last-Modifed來做請求驗證。盡可能的讓資源能夠在緩存中待得更久。

以上就是關于前端面試如何優化網站，前端面試題 如何優化一個網站？的文章內容，如果您有網站優化的意向，可以直接聯系我們
。很高興為您服務！