如果你的網(wǎng)站沒有JavaScript，那么網(wǎng)站打開速度會(huì)

2021-03-14 分類：網(wǎng)站建設(shè)

我們有很多理由需要好好考慮一下JavaScript存在的意義（它做了什么，怎么做的以及它有多重要）。

網(wǎng)站打開速度

如今，超過一半的網(wǎng)絡(luò)流量來自移動(dòng)設(shè)備，但這些設(shè)備的許多操作都是在極其不穩(wěn)定的網(wǎng)絡(luò)連接下進(jìn)行的，例如，你想要在10秒內(nèi)單獨(dú)加載完畢腳本文件幾乎是不可能的。

如果您正在使用單頁應(yīng)用，因?yàn)闆]有合理的內(nèi)容反饋，這可能比您想象的要大得多 - 用戶將長(zhǎng)時(shí)間只能看到部分內(nèi)容的白屏。

毫無疑問，性能很重要。但JavaScript對(duì)我們的網(wǎng)站有什么常見的負(fù)面影響呢？我們目前又應(yīng)該如何評(píng)估性能呢？

讓我們簡(jiǎn)單(但是有建設(shè)性)地了解一下JavaScript的性能花銷

我們?cè)谠u(píng)估JavaScript的性能影響時(shí)，通常會(huì)關(guān)注以下幾點(diǎn)：

頁面中阻塞渲染的腳本文件的數(shù)量
腳本下載所需的時(shí)間以及傳輸?shù)臄?shù)據(jù)量

但是我們經(jīng)常忽略的是腳本加載之后發(fā)生的事情......

一旦設(shè)備下載了腳本，就必須對(duì)其進(jìn)行解析，轉(zhuǎn)換為字節(jié)碼，編譯并執(zhí)行。

正是因?yàn)椴煌脑O(shè)備解析和編譯所消耗的時(shí)間長(zhǎng)短各有不同，導(dǎo)致了當(dāng)你在3000美元的MacBook和使用兩年的智能機(jī)上訪問同一個(gè)網(wǎng)站時(shí)速度會(huì)有天壤之別。

網(wǎng)站打開速度

上述圖形比較了常規(guī)桌面瀏覽器與低端移動(dòng)設(shè)備上的Chrome解析/編譯時(shí)間。這張圖片引用自Addy Osmani的優(yōu)秀文章“JavaScript Start-up Performance”。

Calibre這個(gè)工具旨在幫助團(tuán)隊(duì)更好地了解性能和用戶體驗(yàn)領(lǐng)域，您可以直接將您的站點(diǎn)分別在有無JS文件的環(huán)境下進(jìn)行比較，作為Test Profile

（測(cè)試配置文件）。

網(wǎng)站打開速度

現(xiàn)在您進(jìn)行有無使用JavaScript兩種情況的測(cè)試

測(cè)試的結(jié)果相當(dāng)驚人。下面是衛(wèi)報(bào)網(wǎng)站（The Guardian）的測(cè)試結(jié)果：

The Guardian website, with and without JavaScript

左圖：無JS，3G連接，iPhone 6 - 所有內(nèi)容在不到5秒內(nèi)完全可見。右圖：3G連接，iPhone 6 - 所有內(nèi)容約10秒鐘完全可見，onLoad事件在大約第20秒時(shí)被調(diào)用。

很明顯，傳輸?shù)臄?shù)據(jù)并不全是JS腳本，還包括額外的內(nèi)容，圖標(biāo)，甚至一些樣式 - 但情況是清楚的：這些內(nèi)容不是必須的，并且它們破壞了這個(gè)頁面的性能。

如果您是Calibre用戶，并且您有興趣對(duì)腳本和腳本進(jìn)行監(jiān)控，那么您只需檢查“禁用JavaScript執(zhí)行”復(fù)選框。（您的站點(diǎn)→設(shè)置→測(cè)試配置文件）。

如果您還沒有使用Calibre，那么今天可以開始一個(gè)免費(fèi)的14天試用機(jī)會(huì)。

如果這篇文章讓您的開發(fā)團(tuán)隊(duì)爭(zhēng)論沒有Javascript的情況下網(wǎng)絡(luò)是否有存在的意義，我對(duì)此深表歉意。

當(dāng)前題目：如果你的網(wǎng)站沒有JavaScript，那么網(wǎng)站打開速度會(huì)
分享網(wǎng)址：http://m.2m8n56k.cn/news/105186.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、企業(yè)建站、電子商務(wù)、品牌網(wǎng)站建設(shè)、ChatGPT、全網(wǎng)營(yíng)銷推廣

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

如果你的網(wǎng)站沒有JavaScript，那么網(wǎng)站打開速度會(huì)

讓我們簡(jiǎn)單(但是有建設(shè)性)地了解一下JavaScript的性能花銷