html前端優化建議

人走搽諒發表於2019-01-21

1. css 儘可能的放到head裡面,且避免css表示式 【@media 類似】

2. js 儘可能的放到</body>之前 <script>do something</script></body></html>

3. 儘可能的減少圖片的使用,並在實際需要使用圖片的地方在css定義好img的尺寸。或者加上width , height屬性

4. 減少http請求數

5.利用好瀏覽器快取機制(移動端優先考慮,pc端考慮下相容性)

6.利用gzip, 對js ,css , 頁面原始碼等文字類檔案進行壓縮處理 7. 如果可以,儘可能的多使用AJax:區域性重新整理

8. 減少DNS查詢 119.188.97.23/images/xxx.jpg

9. 避免重定向 【比如 http://www.cxy666.com 解析的時候 需要重定向到 / 然後根據伺服器配置預設頁是 index.php index.html 等。所以相當於要重定向兩次才能到達 http://www.cxy666.com/index.php 所以儘可能的把url寫全】;還有就是301定向

10. 儘可能的使用cdn(內容分發技術)

11. 每個頁面的連結最好不要超過100個

12. 頁面深度最好不要超過3級, 設定好每個頁面的麵包屑

13. 儘量使用扁平化風格減少圖片的使用

14. 分頁 1 2 3 4 …. 8 9 10 [下拉框(就是一個可以到達所有分頁的html元素)]

16. 欄目級別控制在3級以內,最長url示例:http://www.cxy666.com/dir1/dir2/xxxxx.html ;也就是說。分類最好控制在兩級以內

17. h1-h6 > strong > em

  1.div 和 span 是最沒有意義的標籤,僅用來排版使用。

  2. 文章主標題用h1,副標題用h2. 其他次要標題用h3-h6,主觀上h4,h5,h6不要用,使用strong替代 3. strong 和 em 起到文字強調作用,所以如果只是為了突出文字,但是文字又不重要的話,那麼就用b 和 i 來替代,雖然這兩個已經建議不要使用了。

相關文章