成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

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

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

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

網(wǎng)站打開速度

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

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

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

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

我們在評估JavaScript的性能影響時,通常會關(guān)注以下幾點:

  • 頁面中阻塞渲染的腳本文件的數(shù)量

  • 腳本下載所需的時間以及傳輸?shù)臄?shù)據(jù)量

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

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

正是因為不同的設(shè)備解析和編譯所消耗的時間長短各有不同,導(dǎo)致了當(dāng)你在3000美元的MacBook和使用兩年的智能機上訪問同一個網(wǎng)站時速度會有天壤之別。

網(wǎng)站打開速度

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


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

(測試配置文件)。

網(wǎng)站打開速度

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

測試的結(jié)果相當(dāng)驚人。下面是衛(wèi)報網(wǎng)站(The Guardian)的測試結(jié)果:
網(wǎng)站打開速度
The Guardian website, with and without JavaScript
左圖:無JS,3G連接,iPhone 6 - 所有內(nèi)容在不到5秒內(nèi)完全可見。右圖:3G連接,iPhone 6 - 所有內(nèi)容約10秒鐘完全可見,onLoad事件在大約第20秒時被調(diào)用。

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

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

如果您還沒有使用Calibre,那么今天可以開始一個免費的14天試用機會。

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

當(dāng)前標(biāo)題:如果你的網(wǎng)站沒有JavaScript,那么網(wǎng)站打開速度會
轉(zhuǎn)載注明:http://jinyejixie.com/news36/105186.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、App開發(fā)、關(guān)鍵詞優(yōu)化標(biāo)簽優(yōu)化、網(wǎng)站設(shè)計、動態(tài)網(wǎng)站

廣告

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

成都定制網(wǎng)站建設(shè)
金秀| 琼中| 陇川县| 保德县| 海阳市| 龙胜| 临湘市| 黄骅市| 乳山市| 临洮县| 新沂市| 隆安县| 商南县| 台北县| 石楼县| 土默特左旗| 枣阳市| 惠来县| 荣成市| 连城县| 乌拉特后旗| 乐清市| 门源| 腾冲县| 桑日县| 平邑县| 双辽市| 宝鸡市| 乳山市| 北川| 泰顺县| 女性| 万载县| 且末县| 鹤岗市| 同德县| 淮安市| 封丘县| 西昌市| 孟连| 九台市|