你怎么能提高網頁性能?
大多數開發者會通過JavaScript和圖片來優化,通過服務器配置,壓縮文件和合并文件 - 甚至調整CSS(合并小圖片)。
可憐的HTML老是被忽視,盡管它一直是網絡的核心語言。
HTML正在變得越來越大。排名前100的網站每個HTML頁面大多在40K左右。亞馬遜和雅虎使用上千個HTML頁面。在youtube.com主頁面,HTML元素高達3500個。
減少的HTML復雜性和一個頁面的元素數量并不會明顯提高解析時間 - 但HTML是構建極速網頁,和適應不同設備并影響成功的一個關鍵性的因素。
在本文中,您將了解如何編寫簡潔干凈的HTML,使您能夠創建快速加載并支持多種設備的網站,將易于調試和維護。
寫代碼的方法并不是只有一種-尤其是HTML。這里只是講解一般經驗,但并不是唯一正確的選擇。
HTML, CSS 和 JavaScript
HTML是一種標記語言,用于表示結構和內容。
HTML不應被用來顯示風格和樣式。不要為了顯得“更大”把文字寫在標題標簽(h1~h6)中,或只是為了縮進而使用blockquotes元素。相反,使用CSS來改變元素的外觀和布局。
HTML元素的默認外觀是通過瀏覽器的默認樣式實現的:Firefox,Internet Explorer和Opera均不一樣。例如,在Chrome中默認h1元素呈現為32px的大小。
三個基本原則:
使用HTML表示結構,CSS用來表現不同樣式的風格和主題。JavaScript來響應用戶行為。
使用HTML,必要時借助CSS,并且在不得己時再添加JavaScript。例如:在許多情況下,你可能使用HTML表單進行驗證,使用CSS或SVG來實現動畫。
將CSS和JavaScript從你的HTML代碼中分離。讓他們能夠緩存,這使代碼更易于調試。在生產中,CSS和JavaScript是可以壓縮合并的,應該作為你Build系統的一部分。 注* 參見 JavaScript構建(編繹)系統大比拼
Document文檔結構
使用 HTML5的document type:
新聞熱點
疑難解答