**語義化(與seo相關)**可讀性（利於維護）**拓展性頁面載入速度（檔案大小，請求次數，載入方式，**效能）
語義化影響seo（搜尋引擎優化）以及**自然排名
語義化標籤：h1-h6 ， p ， ul ，li ，ol ， dl ， dt ， dd ， a ，img ，table ，small ，strong
：頁面主要內容，乙個頁面只能使用一次。如果是web應用，則包圍其主要功能
：頁尾，只有當父級是body時，才是整個頁面的頁尾。 等等.....
拓展性不足引起的問題
1.檔案合併：涉及伺服器的請求次數
檔案壓縮：涉及檔案大小
使用webpack等自動化構建工具
2.特殊字型使用fontmin壓縮web用漢字字型檔案
3.壓縮
轉為webp格式
轉化方式：isparta軟體或者智圖
借助srcset實現全瀏覽器相容
4.背景合併 （css sprites）
6.按需載入
html按需載入：
（1）利用textarea標籤，將你需要按需載入的html結構全放到這標籤裡面，這樣頁面解析的時候會忽略它們
前端頁面優化
頁面級優化 一 減少http請求 1 合理設定http 快取 變化的資源可以直接通過http header 中的expires 設定乙個很長的過期頭 變化不頻繁而又可能會變的資源可以使用last modifed 來做請求驗證。在 根目錄 htaccess 中加入以下 expiresactive on...
前端頁面效能優化
最近參加了兩次社招，發現社招面試都會問到效能優化以及框架原理。當中效能優化即使我知道好幾種，然而我面試時總是很容易想不起來，只答出了兩三種。因此，寫一篇部落格來對效能優化做一下研究，加深理解。對於前端效能優化自然要關注首屏開啟速度，而這個速度，很大因素是花費在網路請求上，那麼怎麼減少網路請求的時間呢...
前端小遊戲頁面效能優化
公司是做教育類遊戲開發，以前是用flash製作，現在開始使用createjs框架開發canvas遊戲。今天突然收到乙個任務 遊戲在ipad2下面遊戲會打不開，然後自動重新整理，再載入不出來，然後再重新整理，陷入了死迴圈 通過度娘得知此問題是由越獄或記憶體引起的。排除越獄可能 因為沒有越獄 剩下就是記...