国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 網(wǎng)站 > 網(wǎng)頁(yè)設(shè)計(jì) > 正文

25種提高網(wǎng)頁(yè)加載速度的方法和技巧

2024-08-30 08:35:43
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
引言
不是所有人都能夠使用高速 Internet 連接。即使每個(gè)人都能夠使用高速網(wǎng)絡(luò),也會(huì)因?yàn)楦鞣N各樣的原因使您的 Web 應(yīng)用程序看起來(lái)運(yùn)行緩慢。在這個(gè)寬帶速度不斷提高的時(shí)代,您應(yīng)當(dāng)關(guān)注一下頁(yè)面加載時(shí)間。將珍貴的頁(yè)面加載時(shí)間縮短幾秒,將更加珍貴的請(qǐng)求和響應(yīng)時(shí)間縮短幾毫秒。您將為訪問(wèn)者創(chuàng)造一種更好的體驗(yàn)。

閱讀完本文之后,您將能夠較好地了解網(wǎng)頁(yè)加載時(shí)間優(yōu)化的基本知識(shí)。您還能夠使用工具和知識(shí)更好地識(shí)別和判斷加載緩慢的頁(yè)面部分和瓶頸。

先決條件
在理想情況下,您應(yīng)該安裝了 Mozilla Firefox。您還應(yīng)該大體了解 Web 開(kāi)發(fā)。本文涉及的主題并不復(fù)雜,但是如果您了解超文本標(biāo)記語(yǔ)言(Hypertext Markup Language,HTML)、層疊樣式表(Cascading Style Sheet,CSS)以及 ™ 編程語(yǔ)言等主題,那么在學(xué)習(xí)本文時(shí)將更加得心應(yīng)手。不需要使用集成開(kāi)發(fā)環(huán)境(IDE),只需使用您喜愛(ài)的編輯器。

您必須在瀏覽器中啟用了 JavaScript。另外,要學(xué)習(xí)與 Firebug 和 YSlow 相關(guān)的內(nèi)容,您需要安裝 Firefox Web 瀏覽器。

假設(shè)您沒(méi)有寬帶
許多人通過(guò)某種形式的寬帶連接訪問(wèn) Internet,這些形式可能是 DSL、網(wǎng)線、光纖或其他方法。但是,無(wú)法使用這類技術(shù)的用戶不得不使用撥號(hào)連接。您一定已經(jīng)忘記撥號(hào)上網(wǎng)是什么感覺(jué)了,但您可以試著回想一下網(wǎng)頁(yè)逐行加載時(shí)的情形。

幸運(yùn)的是,這些可憐的人們現(xiàn)在已經(jīng)能夠獲得一些幫助。您可以通過(guò)縮短加載頁(yè)面的時(shí)間來(lái)改善他們的體驗(yàn)。但是,撥號(hào)連接并不是降低加載和響應(yīng)速度的惟一原因。許多 Web 設(shè)計(jì)人員錯(cuò)誤地認(rèn)為高速 Internet 連接的到來(lái)會(huì)使網(wǎng)站性能優(yōu)化變得沒(méi)有必要。這種觀點(diǎn)是不對(duì)的。例如,過(guò)去使用桌面軟件執(zhí)行的許多任務(wù)現(xiàn)在可以在線執(zhí)行。在 Web 應(yīng)用程序中獲得像桌面軟件那樣的高速響應(yīng)體驗(yàn)非常困難,因此性能優(yōu)化非常重要。幸運(yùn)的是,一些工具和最佳實(shí)踐可用于縮短響應(yīng)和加載時(shí)間,提供更加流暢的體驗(yàn)。

基本工具
對(duì)于所有與優(yōu)化相關(guān)的任務(wù),您必須使用工具來(lái)診斷瓶頸和識(shí)別問(wèn)題。現(xiàn)在在 Web 開(kāi)發(fā)中使用最廣泛的兩個(gè)工具是 Firebug 和 YSlow,它們都是開(kāi)源、免費(fèi)的 Firefox 插件。

Firebug
Firebug(參見(jiàn) 參考資料)是最流行的 Firefox 擴(kuò)展之一,該應(yīng)用程序能夠使 Web 開(kāi)發(fā)人員的工作更加輕松。它包含許多非常有用的功能,比如:

JavaScript 調(diào)試

JavaScript 命令行
監(jiān)視 JavaScript 性能和跟蹤 XmlHttpRequests
登錄 Firebug 控制臺(tái)
跟蹤
檢查 HTML 元素和動(dòng)態(tài)編輯 HTML 代碼
動(dòng)態(tài)編輯 CSS 文檔

YSlow

YSlow(參見(jiàn) 參考資料)分析網(wǎng)頁(yè),并根據(jù) Yahoo! 起草的高性能網(wǎng)站規(guī)則(參見(jiàn) 參考),告訴您網(wǎng)頁(yè)加載緩慢的原因。YSlow 是一個(gè)與 Firebug 集成的 Firefox 插件,因此您需要首先安裝 Firebug,然后才能安裝和使用 YSlow。

安裝 Firebug

兩個(gè) Firefox 擴(kuò)展的安裝過(guò)程都非常簡(jiǎn)單。要安裝 Firebug,執(zhí)行以下步驟:

  1. 打開(kāi) Firefox,轉(zhuǎn)到 Firebug 主頁(yè)。
  2. 安裝最新版的 Firebug。
  3. 如果 Firefox 配置為阻止彈出窗口,單擊 Allow 允許打開(kāi)安裝窗口。否則,單擊 Install Now。
  4. 重啟 Firefox。

您現(xiàn)在可以從 Tools 菜單訪問(wèn) Firebug。可以在新窗口或現(xiàn)有窗口中打開(kāi) Firebug(參見(jiàn) 圖 1)。




安裝 YSlow

安裝 Firebug 之后,接下來(lái)安裝 YSlow。為此,執(zhí)行以下步驟:

1.打開(kāi) Firefox,然后轉(zhuǎn)到 YSlow 主頁(yè)。
2.安裝插件,然后重啟 Firefox。注意:與許多其他 Firefox 擴(kuò)展不同,YSlow 不會(huì)自動(dòng)啟動(dòng)。必須首先激活它。
3.要激活 YSlow,在狀態(tài)欄右鍵單擊其圖標(biāo),然后單擊 Autorun。
圖 2 顯示了 YSlow 性能分析的結(jié)果。

圖 2. Firefox 起始頁(yè)的 YSlow 性能分析

b7


常識(shí):牢記設(shè)計(jì)規(guī)則

令人驚訝的是簡(jiǎn)單的設(shè)計(jì)規(guī)則通常會(huì)被忽視,最終產(chǎn)生未經(jīng)優(yōu)化的、下載緩慢的網(wǎng)頁(yè)。牢記以下規(guī)則,頁(yè)面的加載速度將會(huì)更快。

使用良好的結(jié)構(gòu)
可擴(kuò)展 HTML (XHTML) 具有許多優(yōu)勢(shì),但是其缺點(diǎn)也很明顯。XHTML 可能使您的頁(yè)面更加符合標(biāo)準(zhǔn),但是它大量使用標(biāo)記(強(qiáng)制性的 <start>和 <end> 標(biāo)記),這意味著瀏覽器要下載更多代碼。所以,事情都有兩面性,嘗試在您的網(wǎng)頁(yè)中使用較少的 XHTML 代碼,以減小頁(yè)面大小。

如果您確實(shí)不得不使用 XHTML,試著盡可能對(duì)它進(jìn)行優(yōu)化。例如,刪除空格并采用嚴(yán)格的 XHTML 編碼實(shí)踐,提高下載和解析速度。要嚴(yán)格執(zhí)行 XHTML Strict 規(guī)則,向文檔中添加以下 doctype 語(yǔ)句:


復(fù)制代碼
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 长武县| 遂宁市| 开江县| 枣阳市| 昆明市| 博爱县| 高雄县| 柯坪县| 崇义县| 柞水县| 安义县| 大连市| 甘谷县| 张家口市| 望奎县| 保康县| 逊克县| 瑞昌市| 都安| 白沙| 西昌市| 凤冈县| 武夷山市| 巴彦淖尔市| 普安县| 漳平市| 宜黄县| 镇原县| 莱西市| 辛集市| 中山市| 蒙自县| 通辽市| 安阳县| 从江县| 上高县| 潞城市| 陇川县| 交城县| 合川市| 奉贤区|