1.頁面減肥
a. 頁面的肥瘦是影響載入速度最重要的因素。
b. 刪除不必要的空格、註解。
c. 將inline的script和css移到外部檔案。
d. 可以使用HTML Tidy來為HTML減肥,也可以使用一些壓縮工具來為JavaScript減肥。
2. 減少檔案數量
a. 減少頁面上所引用的檔案數量可以減少HTTP連線數。
b. 許多JavaScript、CSS檔案可以合併最好合併,人家財幫子都把自己的JavaScript. functions和Prototype.js合併到一個base.js檔案裡去了。
3. 減少網域名稱查詢
a. DNS查詢與解析網域名稱也是消耗時間的,所以要減少外部JavaScript、CSS、圖片等資源的引用,不同網域的使用越少越好。
4. 快取重複使用資料
a. 對重複使用的資料進行快取。
5. 最佳化頁面元素載入順序
a. 首先載入頁面最初顯示的內容和與之相關的JavaScript和CSS,然後載入HTML相關的東西,像什麼不是最初顯示相關的圖片、flash、影片等很肥的資源就最後載入。
6. 減少inline JavaScript的數量
a. 瀏覽器parser會假設inline JavaScript會改變頁面結構,所以使用inline JavaScript開銷較大。
b. 不要使用document.write()這種輸出內容的方法,使用現代W3C DOM方法來為現代瀏覽器處理頁面內容。
7. 使用現代CSS和合法的標籤 a. 使用現代CSS來減少標籤和圖像,例如使用現代CSS+文字完全可以替代一些只有文字的圖片。
b. 使用合法的標籤避免瀏覽器解析HTML時做「error correction」等操作,還可以被HTML Tidy來給HTML減肥。
8. Chunk your content a. 不要使用巢狀table,而使用非巢狀table或div。將基於大塊巢狀的table的layout分解成多個小table,這樣就不需要等到整個頁面(或 大table)內容全部載入完才顯示。
9. 指定圖片和table的大小
a. 如果瀏覽器可以立即決定圖片或table的大小,那麼它就可以馬上顯示頁面而不要重新做一些佈局安排的工作。
b. 這不僅加快了頁面的顯示,也預防了頁面完成載入後佈局的一些不當的改變。
c. image使用height和width。
以上是HTML頁面載入速度加快的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

MantisBT
Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

DVWA
Damn Vulnerable Web App (DVWA) 是一個PHP/MySQL的Web應用程序,非常容易受到攻擊。它的主要目標是成為安全專業人員在合法環境中測試自己的技能和工具的輔助工具,幫助Web開發人員更好地理解保護網路應用程式的過程,並幫助教師/學生在課堂環境中教授/學習Web應用程式安全性。 DVWA的目標是透過簡單直接的介面練習一些最常見的Web漏洞,難度各不相同。請注意,該軟體中

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

SAP NetWeaver Server Adapter for Eclipse
將Eclipse與SAP NetWeaver應用伺服器整合。

Dreamweaver Mac版
視覺化網頁開發工具