整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          提高 JavaScript 性能的 12 個技巧

          創建 Web 應用程序時應始終考慮性能。為了幫助你開始,本文列舉了有效提高應用程序性能的 12 種方法。

          性能是創建網頁或應用程序時最重要的一個方面。沒有人想要應用程序崩潰或者網頁無法加載,或者用戶的等待時間很長。根據 Kissmetrics,47%的訪問者希望網站在不到 2 秒的時間內加載,如果加載過程需要 3 秒以上,則有 40%的訪問者會離開網站。

          考慮到以上這些數字,你在創建 Web 應用程序時應始終考慮性能。為了幫助你開始,以下提供了有效提高應用程序性能的 12 種方法:

          1. 在瀏覽器中緩存

          要這樣做有兩種選擇。第一種是使用 JavaScript Cache API,我們可以安裝 service worker 來使用它。第二種是使用 HTTP 協議緩存。

          訪問某個對象通常要用腳本。通過把重復訪問的對象存儲在用戶定義的變量中,以及在后續對該對象的引用中使用變量,可以立即實現性能的提升。

          2. 定義執行的上下文

          為了有效地衡量你在程序中加入的任何改進,你必須創建一組定義良好的環境,以便測試代碼的性能。

          對所有 Javascript 引擎的所有版本進行性能測試和優化實際上是不可行的。但是,在單一的環境中進行測試并非一個好習慣,因為你可能會得到片面的結果。因此,建立多個定義良好的環境并測試代碼是否有效非常重要。

          3. 刪除未使用的 JavaScript

          此步驟不僅會縮短傳輸時間,還會縮短瀏覽器分析和編譯代碼所需的時間。為此,你必須考慮以下幾點:

          • 如果你檢測到一個用戶未使用的功能,最好刪除所有與之相關的 JavaScript 代碼,這樣網站的加載速度會更快,用戶也會有更好的體驗。
          • 還有可能,你錯誤地加入了一個并不需要的庫,或者你有依賴項,這些依賴項提供的功能在所有瀏覽器中原本就有,那么你無需再增加多余的代碼。

          4. 避免使用太多內存

          你應該始終給內存加一條限制,那就是只有絕對必須的內容才能使用內存,因為你無法知道運行應用程序的設備到底需要多少內存。只要你的代碼要求瀏覽器保留新的內存,瀏覽器的垃圾收集器就會被執行,并停止 JavaScript 的運行。如果經常發生這種情況,頁面將變慢。

          5. 推遲不必要的 JS 加載

          用戶希望頁面快速加載,但并非所有函數都需要在頁面的初始加載時就可用。如果用戶必須執行某個操作才能執行某個函數(例如,通過單擊某個元素或更改選項卡),那么你可以將該函數的加載推遲到初始頁面加載之后。

          通過這種方式,你可以避免加載和編譯那些會延遲頁面初始顯示的 JavaScript 代碼。頁面完全加載后,我們可以再開始加載這些功能,以便它們在用戶開始交互時立即可用。在RAIL 模型中,Google 建議將此延遲加載以 50 毫秒為單位進行,這樣就不會影響用戶與頁面的交互。

          6. 避免內存泄漏

          點擊“了解更多”閱讀原文

          TML的英語意思是:HypertextMarkupLanguage,即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。接下來將帶領讀者從語言、超文本、標記三部分進行理解HTML。下面和千鋒廣州小編一起來看看吧!

          ?1.語言

          HTML一種編程語言,有指定的語法規則。超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作。協議的制定使瀏覽器在運行超文本時有了統一的規則和標準。用HTML編寫的超文本文檔稱為HTML文檔,它能獨立于各種操作系統平臺,自1990年以來HTML就一直被用作WWW(是WorldWideWeb的縮寫,也可簡寫WEB、中文叫做萬維網)的信息表示語言,使用HTML語言描述的文件,需要通過WEB瀏覽器HTTP顯示出效果。

          2.超文本

          所謂超文本,是因為它可以加入圖片、聲音、動畫、影視等內容,事實上每一個HTML文檔都是一種靜態的網頁文件,這個文件里面包含了HTML指令代碼,這些指令代碼并不是一種程序語言,它只是一種排版網頁中資料顯示位置的標記結構語言,易學易懂,非常簡單。

          HTML的普遍應用就是通過單擊鼠標從一個主題跳轉到另一個主題,從一個頁面跳轉到另一個頁面與世界各地主機的文件鏈接。直接獲取相關的主題。如下所示:

          通過HTML可以通過圖片格式和文字格式的設計實現出豐富多彩的風格:

          文字

          通過HTML可以實現頁面之間的跳轉:

          通過HTML可以展現多媒體的效果:

          從上面我們可以看到HTML超文本文件時需要用到的一些標簽。

          3.標記

          對于剛剛接觸超文本的讀者,可能不能理解一些用“<”和“>”括起來的句子,它們稱為標記,也稱標簽,是用來劃分網頁的元素,以形成文本的布局、文字的格式及五彩繽紛的畫面。標簽通過指定某塊信息為段落或標題等來標識文檔某個部件。

          在HTML中每個用來作標簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標簽均由"<"和">"符號以及一個字符串組成。如、等。而瀏覽器的功能是對這些標記進行解釋,顯示出文字、圖像、動畫、播放聲音。這些標簽符號用“<標簽名字屬性>”來表示。標簽分為單標簽和雙標簽兩大類,具體介紹如下:

          單標簽指的是只存在一個標簽的寫法,如 、等。

          雙標簽指的是存在一對標簽的寫法,如、等。注意在雙標簽中第一個標簽叫做起始標簽,第二個標簽叫做結束標簽,結束標簽需要在左尖括號后添加一個關閉符“/”。

          HTML只是一個純文本文件。創建一個HTML文檔,需要HTML編輯器和WEB瀏覽器兩個工具。HTML編輯器是用于生成和保存HTML文檔的應用程序。WEB瀏覽器是用來打開WEB網頁文件,提供給我們查看WEB資源的客戶端程序。

          迎你來到站長在線的站長學堂,學習html5的知識,今天分享的是《HTML的相關概念詳解》。主要內容有:WWW,W3C,WHATWG,URL,HTTP,XHTML,網站,域名,網站空間,網站程序。

          WWW:(World Wide Web,萬維網)是一種建立在Internet上的、全球性的、交互的、多平臺的、分布式的信息資源網絡。它采用HTML語言描述超文本(Hypertext)文件。這里所說的超文本指的是包含有鏈接關系的文件,并且包含了多媒體對象的文件。

          W3C:( World Wide Web Consortium )萬維網聯盟,創建于1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構。W3C 制定了結構(xhtml、xml)和表現(CSS)的標準,非贏利性的。

          WHATWG:網頁超文本應用技術工作小組,一個以推動網絡HTML 5 標準為目的而成立的組織。在2004年,由Opera、Mozilla基金會和蘋果這些瀏覽器廠商組成。

          WWW有3個基本組成部分,分別是URL(統一資源定位器)、HTTP(超文本傳輸協議)和HTML(超文本標識語言)。

          URL:(Universal Resource Locators)提供在Web上進入資源的統一方法和路徑,使得用戶所要訪問的站點具有唯一性,這就相當于我們每個人只有一個身份證號一樣。它說明了鏈接所指向的每個文件的類型及其準確位置。

          HTTP:(Hypertext Transfer Protocol)超文本傳輸協議是一種網絡上傳輸數據的協議,專門用于傳輸以“超文本”(Hypertext)或“超媒體”(Hypermedia)的形式提供的信息。

          HTML語言:(Hypertext Markup Language,中文通常稱為超文本置標語言或超文本標記語言)是一種文本類、解釋執行的標記語言,它是Internet上用于編寫網頁的主要語言。用HTML編寫的超文本文件稱為HTML文件。

          XHTML:指可擴展超文本標記語言(標識語言)(EXtensible HyperText Markup Language)是一種置標語言,表現方式與超文本標記語言(HTML)類似,不過語法上更加嚴格。

          要把信息發布到全球,就必須要使用能夠被大眾接受的語言,也就是使用一種大多數計算機能夠識別的出版語言。在WWW上,通常使用的發布語言是HTML,即超文本標識語言。


          HTML5:指的是HTML的第五次重大修改(第5個版本)(HTML5 是 W3C 與 WHATWG 合作的結果)。

          HTML是純文本類型的語言,使用HTML編寫的網頁文件也是標準的純文本文件。

          我們可以用任何文本編輯器,例如Windows的“記事本”程序打開它,查看其中的HTML源代碼,也可以在用瀏覽器打開網頁時,通過相應的“查看/源文件”命令查看網頁中的HTML代碼。HTML文件可以直接由瀏覽器解釋執行,而無須編譯。當用瀏覽器打開網頁時,瀏覽器讀取網頁中的HTML代碼,分析其語法結構,然后根據解釋的結果顯示網頁內容,正是因為如此,網頁顯示的速度同網頁代碼的質量有很大的關系,保持精簡和高效的HTML源代碼是十分重要的。

          網站:一個完整的網站,主要由域名,網站空間和網站程序組成。如果我們把網站比喻成一棟房子的話,域名相對于門牌號,代表了地址。網站空間相對于房子的地皮,房子的空間與網站空間的大小相對應。網站程序相對于建筑材料和建筑方法了。建房子是需要建筑工人來完成,做網站就是程序員的事情了。

          域名:簡單的說就是網站的網址最重要的部分。如本站的域名是olzz.com。輸入哪一個域名就到達哪一個網站。這相對于房子的門牌號,有了實際的地址,你才知道要去哪里。域名在互聯網上是唯一的,你注冊了這個域名,別人就不能注冊了,所以那些簡短、有意義的域名,價格就很昂貴。實際中的地址也是一樣,相同大小的房子,北京一環內的是要比大西北沙漠里面的房子要貴。

          網站空間:網站空間主要用于存放網頁內容的,比如網站的源碼,圖片,視頻,文檔等內容。目前主要有兩種,一個是云服務器,一個是虛擬主機。一臺云服務器相對于一臺獨立的電腦,通常可以做無數個網站。一個虛擬主機,就是服務器里面的一個文件夾,通常來說,一個虛擬主機只能做一個網站。不管是服務器還是虛擬主機,空間越大就越貴(當然其他的配置也會更高)。拿房子來說,一個占地幾個平方的茅草屋和幾萬平方的高樓大廈的成本是不一樣的。

          網站程序:網站程序也叫網站源碼,你要建什么功能的網站,就要開發什么樣的程序。比如購物網站,視頻網站,游戲網站,博客網站等網站程序不一樣,對應的功能也是不一樣的。就好比建房子,你建一個 茅草屋和建一個高樓大廈,所用的材料和建筑方法是不一樣的。現在有很多開源的建站程序,比如搭建博客用WordPress、zblog,搭建論壇用discuz。當然現成的網站程序的功能不能滿足自己的需求,這就需要對網站的功能進行單獨定制。


          主站蜘蛛池模板: 亚洲日韩激情无码一区| 看电影来5566一区.二区| 消息称老熟妇乱视频一区二区| 色一情一乱一伦一区二区三区日本| 国产精品乱码一区二区三区 | 国精品无码一区二区三区左线| 国产成人精品一区二区三区免费| 日本伊人精品一区二区三区| 国产精品免费综合一区视频| 国精产品一区一区三区免费视频| 熟妇人妻AV无码一区二区三区| 国产视频一区二区| 日本一区二区视频| 少妇人妻精品一区二区三区| 国产一区二区三区美女| 国产香蕉一区二区在线网站 | 免费视频精品一区二区| 农村乱人伦一区二区| 日韩美女在线观看一区| 中字幕一区二区三区乱码| 国产一区二区三区视频在线观看 | 日韩在线一区视频| 亚洲熟女乱色一区二区三区| 国产一区二区三区乱码网站| 免费观看日本污污ww网站一区| 一区二区三区精品| 国产精品被窝福利一区 | 区三区激情福利综合中文字幕在线一区亚洲视频1 | 日本成人一区二区| 一区二区在线视频观看| 污污内射在线观看一区二区少妇 | 亚洲片国产一区一级在线观看| 制服中文字幕一区二区| 国产伦精品一区二区三区女| 狠狠爱无码一区二区三区| 成人精品视频一区二区| 日韩精品一区二区三区中文版 | 亚洲高清一区二区三区电影 | 亚洲国产av一区二区三区丶| 色狠狠色噜噜Av天堂一区| 久久国产香蕉一区精品|