B/S結(jié)構(gòu)網(wǎng)站結(jié)構(gòu)：
- 按功能分：首頁(yè)昆雀、列表頁(yè)、內(nèi)容頁(yè)蝠筑、單頁(yè)面狞膘、網(wǎng)站地圖（一目了然了解整個(gè)網(wǎng)站功能）
-
按布局分：頭部 header、菜單 menu什乙、橫幅 banner挽封、面包屑 bread、布局容器 wrapper臣镣、側(cè)欄 sidebar辅愿、主體 main、頁(yè)腳 footer
布局.JPG
常用樣式命名規(guī)則：
- 文件名：主要的：style.css忆某、布局点待、版面：layout.css、專(zhuān)欄：columns.css弃舒、文字：font.css癞埠、主題：theme.css、打恿亍：print.css
- 樣式名（公共樣式和私有樣式的使用苗踪，bootstrap的基礎(chǔ)思想）：
外套：wrap ——用于最外層
頭部：header ——用于頭部
主要內(nèi)容：main ——用于主體內(nèi)容
導(dǎo)航條：nav ——菜單
內(nèi)容：content ——中部主體
底部：footer ——用于底部
http://www.divcss5.com/jiqiao/j4.shtml
提升頁(yè)面加載速度的方法：
- 避免使用表格：排版不可以用，內(nèi)容的展示可以用坝冕，表格渲染速度比較慢徒探，計(jì)算好行列之后才會(huì)渲染出來(lái)瓦呼。
- 優(yōu)化圖像：在盡可能展現(xiàn)細(xì)節(jié)的情況下盡可能縮小圖像喂窟，一般縮到80%人眼是看不出來(lái)的。
- 去掉不必要的插件：flash等插件盡可能在最后加載央串。
- 減少DNS查詢(xún)：減少不同域名的數(shù)量將減少并行下載的數(shù)量磨澡，將域名轉(zhuǎn)化成IP地址稱(chēng)之為DNS解析，會(huì)花費(fèi)很多時(shí)間质和，所以圖片盡可能從本地調(diào)取稳摄。
- 最小重定向：點(diǎn)擊鏈接進(jìn)入另一個(gè)網(wǎng)址，減少中間的無(wú)用跳轉(zhuǎn)饲宿。
- 使用內(nèi)容分發(fā)網(wǎng)絡(luò)（Content Delivery Network CDN）：例如當(dāng)好多網(wǎng)址都用到j(luò)uery庫(kù)的時(shí)候厦酬，如果這些網(wǎng)站的juery庫(kù)都是從同一個(gè)網(wǎng)址中獲取的胆描，那么第一個(gè)網(wǎng)址訪問(wèn)之后，其他網(wǎng)址的juery就可以從瀏覽器的緩存中獲取了仗阅，可以提高加載速度昌讲。
- 把css放在頂部，把javascript放在底部：因?yàn)橄葘ss加載到內(nèi)存减噪，加載dom的時(shí)候就可以直接顯示樣式了短绸，而js要在dom加載完成之后才能操作。css和js的加載都會(huì)占用網(wǎng)頁(yè)加載時(shí)間筹裕。
- 利用瀏覽器緩存：圖片醋闭、音頻、視頻朝卒、css证逻、js等都會(huì)在瀏覽器中留下緩存文件，所以當(dāng)修改樣式代碼沒(méi)有反應(yīng)時(shí)扎运，不妨更新一下緩存試試瑟曲。要解決此問(wèn)題可以在文件后面加上版本號(hào)，eg：main.js?v=1.0
- 使用css Sprites整合圖像：即圖像精靈豪治，將一些小圖像做成一張圖片洞拨，要用到圖片里的小圖像的時(shí)候，用css的定位方式進(jìn)行選取负拟。
- 壓縮css和js文件：壓縮成min.js文件烦衣。
- 啟用GZIP壓縮：一般在服務(wù)器端進(jìn)行操作
- 壓縮和縮小JavaScript文件
- 設(shè)置圖像大小：不設(shè)置圖像大小網(wǎng)頁(yè)會(huì)等圖像加載完成之后計(jì)算大小再顯示圖像掩浙，設(shè)置大小之后即使沒(méi)加載完成花吟，也會(huì)一點(diǎn)一點(diǎn)顯示已經(jīng)加載出來(lái)的部分圖像。
- 盡可能延遲腳本加載：lib.js中的loading方法厨姚。
- 按需加載JavaScript文件：seajs等模塊化組件衅澈。
