如何進行網(wǎng)站的性能優(yōu)化

content方面

• 減少http請求 合并文件 css精靈圖
• 減少 DNS 查詢 DNS緩存 將資源分布到恰當(dāng)數(shù)量的主機名
• 減少 DOM 元素的數(shù)量

Server方面

• 使用CDN
• 配置Etag
• 對組件使用 Gzip 壓縮

Cookie方面

• 減小cookie大小

css方面

• 將樣式表放到頁面頂部
• 不使用css表達式
• 使用不使用@import

javascript方面

• 將腳本放到頁面底部
• 將js和css從外部引入
• 壓縮 js 和css
• 刪除不需要的腳本
• 較少DOM的訪問

圖片方面

• 優(yōu)化css精靈圖
• 不要在html中拉伸圖片

HTTP狀態(tài)嗎

狀態(tài)碼含義

100	繼續(xù)，一般在發(fā)送 post請求時，已經(jīng)發(fā)送了http header之后服務(wù)器將返回此信息，表示確認，之后發(fā)送具體的參數(shù)信息
200	正常返回信息
201	請求成功，并且服務(wù)器創(chuàng)建了新資源
202	服務(wù)器已接收請求但是尚未處理
301	請求的網(wǎng)頁已經(jīng)永久移動到新的位置
302	臨時性重定向
303	臨時性重定向，而且總是使用get請求新的url
304	自從上次請求后，請求的網(wǎng)頁未修改過
400	服務(wù)器無法理解請求的格式，客戶端不應(yīng)該嘗試再次使用相同的內(nèi)容發(fā)起請求
401	請求尚未授權(quán)
403	禁止訪問
404	請求的網(wǎng)頁不存在
500	服務(wù)器錯誤
503	服務(wù)器暫時無法處理請求

HTML5增加新特性

• video和audio元素 用于媒介回訪
• canvas用于繪畫
• localStorage 長期儲存數(shù)據(jù) 瀏覽器關(guān)閉后數(shù)據(jù)不會丟失
• sessionStorage 在瀏覽器關(guān)閉后會自動刪除
• 添加了一些更加語義化的標(biāo)簽 header nav footer等

cookie、localStorage、sessionStorage之間的區(qū)別

• cookie的作用是為了表示用戶身份而儲存在用戶本地終端上的數(shù)據(jù)
• cookie中的數(shù)據(jù)始終會在同源的http請求中攜帶 在瀏覽器和服務(wù)器之間來回傳遞
• sessionStroage和localStorage不會將數(shù)據(jù)發(fā)給服務(wù)器 只是在本次存儲
• cookie的數(shù)據(jù)不能超過4K
• 另外兩個雖然也有限制但是遠超過cookie的大小限制 可以達到5M甚至更大
• localStorage的數(shù)據(jù)會一直保存 瀏覽器關(guān)閉后也不會刪除 除非主動刪除
• sessionStroage數(shù)據(jù)在當(dāng)前瀏覽器關(guān)閉后主動刪除
• cookie 過期時間決定數(shù)據(jù)的刪除與否

W3c的標(biāo)準(zhǔn)是什么

• 標(biāo)簽的閉合
• 標(biāo)簽的小寫
• 不亂嵌套
• 使用外連css和js

HTML的全局屬性有哪些

• class：全局設(shè)置類標(biāo)識
• id：元素id，文檔內(nèi)的唯一
• data-*：為元素添加自定義屬性
• lang：元素內(nèi)容的語言
• style：行內(nèi)的css樣式
• title：元素相關(guān)的建議信息

總結(jié)

以上是生活随笔為你收集整理的前端面试题——HTML基础篇的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。