從seo優化和網頁載入速度兩方面講解下web前端開發需要注意的事項。
1、網頁載入速度相關的優化技巧
a、減少**http請求。將多個合併到一張，然後使用css的background-position來顯示，將多個css檔案和js檔案合併成乙個。這樣就大大減少了頁面中http請求。
b、減少請求時內容的傳輸。正式上線的時候使用壓縮工具對css檔案和js檔案壓縮，在不影響顯示效果的情況下盡可能的壓縮大小。
c、讓css先載入，js後載入。html**在瀏覽器中都是從上到下一行行執行。如果將css樣式定義放在中間或者底部，網路不好就會出現短暫白屏或者頁面抖動。js檔案一般是頁面的效果，可以等頁面css載入完了再引入。如果放在頭部也會占用瀏覽器http請求數。每個瀏覽器的同時請求http數是有限的，超過了就得排隊。js檔案在解析的時候，也會阻塞頁面內容的渲染和呈現。
d、盡量使用ajax，ajax可以快取請求的內容。
2、網頁seo優化相關的優化技巧
1、每個頁面都必須有且僅有乙個h1標籤，h1~h6的標籤的使用必須從h1~h6，不能直接跳過。比如：h1用了直接就用h3標籤。
2、有些標籤的屬性對使用者來說可能看不到，但對搜素引擎非常重要，比如：a標籤的title屬性，meta標籤的description和keywords，img標籤的alt屬性。
3、**的結構盡量簡潔，減少標籤間的巢狀，更利於搜尋引擎分析抓取的內容。
WEB前端開發常用的優化技巧彙總
減少http請求次數或者減少請求資料的大小 頁面中每傳送一次http請求，都需要完成請求 響應這個完整的http事務，會消耗一些時間，也可能會導致http鏈結通道的堵塞，為了提高頁面載入速度和執行的效能，我們應該減少http的請求次數和減少請求內容的大小 請求的內容越大，消耗的時間越長 1 採用cs...
web前端優化
盡量避免使用eval函式 多了一步解析的步驟 function testnoeval var endtime new date console.log 耗時1 endtime starttime ms function testeval var endtime new date console.lo...
web前端優化
做為乙個好的優秀前端，不僅能夠寫出優雅的 也要更加關注於效能性的問題，但由於我們在專案過程中可能會考慮到一些成本性的問題，不可能讓我們的專案在效能方面面面俱到，但我們可以做到最為基本的做優化。我們可以從以下幾點進行優化 1.減少對伺服器方面的請求 我們使用外部檔案 css 和js css sprit...