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

首頁 > 語言 > JavaScript > 正文

js性能優化 如何更快速加載你的JavaScript頁面

2024-05-06 14:22:17
字體:
來源:轉載
供稿:網友
確保代碼盡量簡潔

  不要什么都依賴JavaScript。不要編寫重復性的腳本。要把JavaScript當作糖果工具,只是起到美化作用。別給你的網站添加大量的JavaScript代碼。只有必要的時候用一下。只有確實能改善用戶體驗的時候用一下。

  盡量減少DOM訪問

  使用JavaScript訪問DOM元素很容易,代碼更容易閱讀,但是速度很慢。下面介紹幾個要點:限制使用JavaScript來修飾網頁布局,把針對訪問元素的引用緩存起來。有時,當你的網站依賴大量的DOM改動時,就應該考慮限制你的標記。這是改用HTML5、舍棄那些原來的XHTML和HTML4的一個充分理由。你可以查看DOM元素的數量,只要在Firebug插件的控制臺中輸入:document.getElementsByTagName('*').length。

  壓縮代碼

  要提供經過壓縮的JavaScript頁面,最有效的辦法就是先用JavaScript壓縮工具對你的代碼壓縮一下,這種壓縮工具可以壓縮變量和參數名稱,然后提供因而獲得的代碼,使用了gzip壓縮。

  是的,我沒有壓縮我的main.js,但你要檢查有沒有未經壓縮的任何jQuery插件,別忘了壓縮。下面我列出了壓縮方面的幾個方案。

  ◆ YUI壓縮工具(jQuery開發團隊就使用它),初學者指南

(http://www.slideshare.net/nzakas/extreme-JavaScript-compression-with-yui-compressor)、第二指南 (http://vilimpoc.org/research/js-speedup/)和官方網站(http://developer.yahoo.com/yui/compressor/)。

  ◆ Dean Edwards Packer(http://dean.edwards.name/packer/)

  ◆ JSMin(http://crockford.com/JavaScript/jsmin)

  GZip壓縮:其背后的想法是,縮短在瀏覽器和服務器之間傳送數據的時間。縮短時間后,你得到標題是Accept-Encoding: gzip,deflate的一個文件。不過這種壓縮方法有一些缺點。它在服務器端和客戶端都要占用處理器資源(以便壓縮和解壓縮),還要占用磁盤空間。

  避免eval():雖然有時eval()會在時間方面帶來一些效率,但使用它絕對是錯誤的做法。eval()導致你的代碼看起來更臟,而且會逃過大多數壓縮工具的壓縮。

  加快JavaScript裝入速度的工具:Lab.js

  有許多出色的工具可以加快JavaScript裝入的速度。值得一提的一款工具是Lab.js。

  借助LAB.js(裝入和阻止JavaScript),你就可以并行裝入JavaScript文件,加快總的裝入過程。此外,你還可以為需要裝入的腳本設置某個順序,那樣就能確保依賴關系的完整性。此外,開發者聲稱其網站上的速度提升了2倍。

  使用適當的CDN

  現在許多網頁使用內容分發網絡(CDN)。它可以改進你的緩存機制,因為每個人都可以使用它。它還能為你節省一些帶寬。你很容易使用ping檢測或使用Firebug調試那些服務器,以便搞清可以從哪些方面加快數據的速度。選擇CDN時,要照顧到你網站那些訪客的位置。記得盡可能使用公共存儲庫。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 福州市| 喜德县| 遵化市| 防城港市| 昌邑市| 横峰县| 大化| 筠连县| 睢宁县| 平阳县| 滨州市| 孟津县| 平塘县| 常德市| 自贡市| 马尔康县| 确山县| 喀什市| 若羌县| 金阳县| 湖南省| 连江县| 三台县| 东乌| 开封县| 清镇市| 江孜县| 苏尼特右旗| 磐安县| 沂南县| 彭山县| 碌曲县| 博野县| 额济纳旗| 美姑县| 齐河县| 和平区| 金堂县| 若羌县| 乌兰浩特市| 库车县|