亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > PHP > 正文

JS 網站性能優化筆記

2024-05-04 23:18:29
字體:
來源:轉載
供稿:網友

1. 除去JavaScript注釋

除了注釋,其他所有的 // or /* */ 注釋都可以安全刪除,因為它們對于最終使用者來說沒有任何意義。

2. 除去JavaScript中的空白區域

如:x = x + 1;  可以簡短得寫成:x=x+1;  。

3. 進行代碼優化

簡單的方法如除去暗示的(implied)分號,某些情形下的變量聲明或者空回車語句都可以進一步減少腳本代碼。一些簡略的表達方式也會產生很好的優化,例如:

x=x+1;

可以寫成:

x++;

不過得小心謹慎,不然代碼很容易出錯。

4. 重命名用戶自定義的變量和函數

為了閱讀方便,我們都知道在腳本中應該使用象sumTotal這樣的變量而不是s。不過,考慮到下載的速度,sumTotal這個變量就顯得冗長了。這個長度對于最終使用者來說沒有意義,但對瀏覽器下載則是個負擔。這個時候s就成為較好的選擇了。先寫好方便閱讀的代碼,然后再使用一些工具來處理以供交付。這種處理方式在這里再一次展示了其價值所在。將所有的名稱都重新用一個或兩個字母來命名將帶來顯著的改善。

5. 改寫內建(built-in)對象

長長用戶變量名會造成JavaScript代碼過長,除此之外,內建(built-in)對象(比如Window、Document、Navigator等)也是原因之一。例如:

alert(window.navigator.appName);
alert(window.navigator.appVersion);
alert(window.navigator.userAgent);

可以改寫成如下簡短的代碼:

w=window;n=w.navigator;a=alert;
a(n.appName);
a(n.appVersion);
a(n.userAgent);

如果這幾個對象使用頻繁的話,這樣改寫帶來的好處就不言而喻了。事實上這些對象也的確經常被調用。然而我要提醒的是,如果Window或 Navigator對象僅僅被使用了一次的話,這樣的替換反而使代碼變得更長。這個技巧帶來一個對象更名后腳本執行效率的問題:除了代碼長短上帶來的好處,這種改寫更名實際上還會稍微的提高一點腳本執行的速度,因為這些對象將會被放在所有被調用對象中比較靠前的位置。JavaScript游戲開發程序員使用這個技巧已經有多年了,下載和執行速度都會有所提高,并且對本地瀏覽器的內存花銷也會降低,可謂一石三鳥。

6. 重構<script>和<style> 調用方式來優化請求次數

我們常常在一個HTML文件頭中看到這樣標記代碼:

<script src="/scripts/rollovers.js"></script>
<script src="/scripts/validation.js"></script>
<script src="/scripts/tracking.js"></script>

大多數情況下,上述代碼應該被簡化成:

<script src="/0/g.js"></script>

其中g.js包含了所有供全局使用的函數。雖然把腳本文件分成三份對于維護來說是有道理的,但對于代碼的傳輸則沒有意義。單個的腳本下載要比三個分離的請求高效的多,并且這也同時簡化了markup代碼的長度。

7. 合并你的javascript文件

盡可能的減少HTTP的Request請求數。

8. 將腳本放到網頁底部

腳本一般是用來于用戶交互的。所以如果頁面還沒有出來,用戶連頁面都不知道什么樣子,那談交互簡直就是扯談。所以,腳本和CSS正好相反,腳本應該放在頁面的底部。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
久久久www成人免费精品| 亚洲男人天堂久| 国产精品扒开腿做爽爽爽视频| 国产精品中文字幕在线观看| 欧美性猛交99久久久久99按摩| 国产午夜精品视频免费不卡69堂| 国产精品av免费在线观看| 亚洲最大福利视频| 懂色av一区二区三区| 中文字幕亚洲一区二区三区| 日韩综合视频在线观看| 最近2019好看的中文字幕免费| 亚洲国内精品视频| 欧美视频二区36p| 亚洲人成在线电影| 日韩美女av在线| 午夜精品国产精品大乳美女| 91网站在线免费观看| 国产午夜精品理论片a级探花| 欧美黑人极品猛少妇色xxxxx| 欧美激情视频免费观看| 久久人人爽人人爽爽久久| 色99之美女主播在线视频| 91精品国产91久久久久久最新| 狠狠躁夜夜躁人人躁婷婷91| 欧美性猛交xxxx偷拍洗澡| 亚洲欧美在线免费| 久久电影一区二区| 丝袜美腿亚洲一区二区| 欧美视频二区36p| 国产欧美日韩中文字幕| 91系列在线播放| 欧美激情精品久久久| 亚洲国产一区二区三区在线观看| 欧美电影在线播放| 国产精品高潮呻吟久久av黑人| 国产精品电影在线观看| 97视频在线观看视频免费视频| 欧美激情图片区| 成人444kkkk在线观看| 久久综合免费视频影院| 国产欧美精品va在线观看| 日韩免费不卡av| 国产精品日韩av| 91丝袜美腿美女视频网站| 欧美视频专区一二在线观看| 国产视频久久久久久久| 欧美一级片一区| 色综合五月天导航| 91香蕉亚洲精品| 日本亚洲欧洲色| 国产精品久久久久av免费| 精品日韩视频在线观看| 日韩在线视频免费观看| 日韩中文有码在线视频| 97人人做人人爱| 国产主播欧美精品| 欧美视频在线视频| 91高清免费在线观看| 亚洲福利视频网站| 亚洲另类激情图| 亚洲新中文字幕| 国产精品入口尤物| 日本成熟性欧美| 欧美另类高清videos| 久久综合国产精品台湾中文娱乐网| 欧美激情精品久久久久久蜜臀| 久久精品一偷一偷国产| 日韩欧美国产高清91| 国产精品国产三级国产aⅴ浪潮| 国产一区二区三区在线看| 日韩av中文字幕在线| 亚洲欧美日韩爽爽影院| 青青草一区二区| 国产精品高潮呻吟久久av黑人| 欧美超级乱淫片喷水| 欧美电影在线观看| 欧美xxxx做受欧美| 午夜欧美不卡精品aaaaa| 中文字幕精品—区二区| 中文字幕欧美在线| 中文字幕日韩在线播放| 成人网欧美在线视频| 麻豆国产精品va在线观看不卡| 在线视频欧美性高潮| 亚洲二区中文字幕| 91久久精品国产| 日韩理论片久久| 国产成人精品久久| 亚洲jizzjizz日本少妇| 97香蕉超级碰碰久久免费软件| 亚洲激情视频网| 久久99亚洲精品| 日韩中文字幕亚洲| 欧美性20hd另类| 久久国产精品久久国产精品| 91伊人影院在线播放| 亚洲图片欧美午夜| 91精品国产综合久久久久久蜜臀| 懂色av一区二区三区| 国产精品久久久久久久久影视| 日本高清+成人网在线观看| 欧日韩不卡在线视频| 国产精品影院在线观看| 欧美又大粗又爽又黄大片视频| 日韩一区二区三区在线播放| 国产中文字幕日韩| 亚洲成人精品久久| 亚洲欧美日韩第一区| 色综合伊人色综合网| 久久久久一本一区二区青青蜜月| 成人午夜两性视频| 国产成人欧美在线观看| 成人日韩在线电影| 欧美大片第1页| 色与欲影视天天看综合网| 日韩av一区在线观看| 美女999久久久精品视频| 91久久久在线| 亚洲国产成人91精品| 91亚洲精品久久久| 精品国产一区二区三区久久狼5月| 91免费精品国偷自产在线| 久久九九免费视频| 亚洲一级一级97网| 国产在线视频欧美| 亚洲色无码播放| 日韩精品在线观看网站| 欧美肥婆姓交大片| 午夜精品久久久久久久久久久久久| 国产盗摄xxxx视频xxx69| 久操成人在线视频| 热门国产精品亚洲第一区在线| 国产精品揄拍一区二区| 在线激情影院一区| 一区二区三区精品99久久| 日韩高清电影免费观看完整版| 91免费观看网站| 国产视频精品在线| 日韩国产在线看| 欧洲成人免费视频| 韩国国内大量揄拍精品视频| www.亚洲成人| 亚洲成人免费网站| 久久久久久久久电影| 国产高清在线不卡| 日韩欧美一区二区三区| 欧美激情免费观看| 欧美成人在线免费视频| 2020国产精品视频| 欧美激情xxxx性bbbb| 国产成人97精品免费看片| 成人免费视频a| 欧美区在线播放| 日韩精品在线视频| 久久久久久久久久久久av| 中文在线资源观看视频网站免费不卡| 欧洲成人性视频| 91牛牛免费视频| 日韩免费电影在线观看| 精品久久久久久久久久ntr影视| 亚洲国产成人精品久久| 国产精品久久久久久久午夜| 欧美成人免费视频|