一些編寫高性能HTML應用的建議

這篇文章主要介紹了一些編寫高性能HTML應用的建議,包括相關的CSS和JavaScript編程方式建議,需要的朋友可以參考下你怎麼能提高網頁性能？

大多數開發者會通過JavaScript和圖片來優化，通過服務器配置，壓縮文件和合併文件- 甚至調整CSS（合併小圖片）。

可憐的HTML老是被忽視，儘管它一直是網絡的核心語言。

HTML正在變得越來越大。排名前100的網站每個HTML頁面大多在40K左右。亞馬遜和雅虎使用上千個HTML頁面。在youtube.com主頁面，HTML元素高達3500個。

減少的HTML複雜性和一個頁面的元素數量並不會明顯提高解析時間- 但HTML是構建極速網頁，和適應不同設備並影響成功的一個關鍵性的因素。

在本文中，您將了解如何編寫簡潔乾淨的HTML，使您能夠創建快速加載並支持多種設備的網站，將易於調試和維護。

寫代碼的方法並不是只有一種-尤其是HTML。這裡只是講解一般經驗，但並不是唯一正確的選擇。

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: