【SEO優(yōu)化技巧】網(wǎng)站建設(shè)之優(yōu)化JS的技巧
今天要說的一種SEO優(yōu)化技巧就是JS。那么先要明白什么是JS?只有明白了JS的定義以及特征,才能更好的使用這種優(yōu)化技巧。下面請看詳細(xì)內(nèi)容:
JS是什么?
JS的合稱是JavaScript,它是一種直譯式腳本語言,同時也是一種動態(tài)類型、弱類型、基于原型的語言,內(nèi)置支持類型。JS在瀏覽器中有自己的解釋器,被稱為JavaScript引擎,它屬于瀏覽器的一部分。JS在實(shí)用應(yīng)用中被廣泛的用于客戶端的腳本語言,最早的是在HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
JS的基本特有有哪些?
JS的基本特有有哪些?
1、是一種解釋性腳本語言(代碼不進(jìn)行預(yù)編譯)。
2、主要用來向HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)頁面添加交互行為。
3、可以直接嵌入HTML頁面,但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。
4、跨平臺特性,在絕大多數(shù)瀏覽器的支持下,可以在多種平臺下運(yùn)行(如Windows、Linux、Mac、Android、iOS等)。
雖然現(xiàn)在的技術(shù)還是很弱,但是對于如何優(yōu)化JavaScript還是有一定的技巧可循的,下面分形科技就與大家分享一些網(wǎng)站建設(shè)之優(yōu)化JS的技巧。
循環(huán)在JS中是很常用的一個控制結(jié)構(gòu),大部分東西要依靠它來完成,在JavaScript中,我們可以使用for(;;),while(),for(in) 三種循環(huán)。但事實(shí)上,這三種循環(huán)中for(in)的效率極差,因?yàn)樗枰樵兩⒘墟I,如果可以分形科技建議大家盡量少用。
for(;;)和while循環(huán)的性能應(yīng)該說基本(平時使用時)等價。而事實(shí)上,如何使用這兩個循環(huán),則有很大講究。
網(wǎng)站建設(shè)之優(yōu)化JS的技巧
1、如果是循環(huán)變量遞增或遞減,不要單獨(dú)對循環(huán)變量賦值,應(yīng)該在它最后一次讀取的時候使用嵌套的++或—操作符。
2、如果要與數(shù)組的長度作比較,應(yīng)該事先把數(shù)組的length屬性放入一個局部變量中,減少查詢次數(shù)。
3、局部變量和全局變量
局部變量的速度要比全局變量的訪問速度更快,因?yàn)槿肿兞科鋵?shí)是全局對象的成員,而局部變量是放在函數(shù)的棧當(dāng)中的。還有,局部變量屏蔽全局變量。
4、最好少使用Eval,使用eval相當(dāng)于在運(yùn)行時再次調(diào)用解釋引擎對內(nèi)容進(jìn)行運(yùn)行,需要消耗大量時間。所以建議不使用。
那在什么時候使用呢?
比如AJAX返回是JS代碼,當(dāng)我們想讓這段代碼執(zhí)行,那么此時就可以使用eval。
5、減少重復(fù)查找
因?yàn)镴avaScript的解釋性,所以a.b.c.d.e,需要進(jìn)行至少4次查詢操作,先檢查a再檢查a中的b,再檢查b中的c,如此往下。所以如果這樣的表達(dá)式重復(fù)出現(xiàn),應(yīng)該盡量少出現(xiàn)這樣的表達(dá)式,可以利用局部變量,把它放入一個臨時的地方進(jìn)行查詢。
這一點(diǎn)可以和循環(huán)結(jié)合起來,因?yàn)槲覀兂3R鶕?jù)字符串、數(shù)組的長度進(jìn)行循環(huán),而通常這個長度是不變的,比如每次查詢a.length,就要額外進(jìn)行一個操作,而預(yù)先把var len=a.length,則就少了一次查詢......
總結(jié):以上就是椒江網(wǎng)站公司的SEO顧問總結(jié)的有關(guān)《網(wǎng)站建設(shè)之優(yōu)化JS的技巧》的全部內(nèi)容,如需了解更多SEO技巧請收藏本站【www.seo-adult.net】
「網(wǎng)站優(yōu)化」電話:13357671511
(備注:出于傳播知識、信息的目的,本站部分文章、圖片來源于網(wǎng)絡(luò),如有侵權(quán)請第一時間告知,小編核實(shí)后會立刻刪除,不接受、不回復(fù)任何形式的惡意索賠。)
- 「SEO基礎(chǔ)入門」你了解H標(biāo)簽···
- 「SEO基礎(chǔ)入門」再談網(wǎng)站為什···
- 「SEO基礎(chǔ)入門」常見搜索引擎···
- 「SEO基礎(chǔ)入門」巧用技巧,增···
- 「SEO基礎(chǔ)入門」關(guān)鍵詞疊加:···
- 「SEO基礎(chǔ)入門」子域名與子目···
- 「SEO基礎(chǔ)入門」SEO 全析···
- 「SEO基礎(chǔ)入門」域名轟炸:搜···
- 「SEO基礎(chǔ)入門」SEO 常見···
- SEO建站:打造高效網(wǎng)絡(luò)平臺的···
- 「SEO基礎(chǔ)入門」SEO 入門···
- 「SEO基礎(chǔ)入門」404頁面是···
- 「SEO基礎(chǔ)入門」搜索引擎網(wǎng)站···
- 「SEO基礎(chǔ)入門」白帽、黑帽與···
- 「SEO基礎(chǔ)入門」反向鏈接是什···
- 「SEO入門」詳解網(wǎng)頁設(shè)計(jì)中 ···
- 「SEO基礎(chǔ)」全面解析 HTT···
- 「SEO基礎(chǔ)」SEO 中常見的···
- 「SEO優(yōu)化」深入剖析企業(yè) S···
- 「轉(zhuǎn)載鳳凰資訊網(wǎng)」對蘋果稅說不···