js代碼對比網速（js獲取網速）

• 1、網頁中的java script特效很影響網速嗎？
• 2、js代碼比較複雜，會不會對網速有影響
• 3、網站加載的js過多，打開速度很慢很慢。
• 4、js 獲取當前網速 及 cpu佔用率
• 5、HTML調用JS是不是比較占內存? 直接使用代碼會快點的吧?
• 6、為什麼我寫的JS運行起來很緩慢？

影響啊

我想問個問題我加了一段Response.Write(“a href=upload”rs(“news_content”)” target=_blank”img””),目的是使圖片能連接到原圖查看,但連接地址出錯了,變成了../upload/[uploadimg]news_2007321154013.jpg[/uploadimg][/uploadimg]地址,原本是../upload/news_2007321154013.jpg,才正確,幫我想想如何修改才正確,以下是全部代碼:

%

img=rs(“news_content”)

if instr(img,”

“) then

img = Replace(img, “

“,”img src=”)

img = Replace(img, “[/img]”,” onload=””javascript:if(this.width500)this.width=500″””)

else

img = Replace(img, “[uploadimg]”,”img src=upload/”)

img = Replace(img, “[/uploadimg]”,” onload=””javascript:if(this.width500)this.width=500″””)

end if

Response.Write(“td align=center width=160\”)

Response.Write(“table width=97% border=0 cellspacing=””0″” cellpadding=””0″”\trtd background=””images/bj.jpg”” height=””22″” valign=middle align=centerfont color=/font/td/trtrtd valign=middle align=center”)

Response.Write(“a href=upload”rs(“news_content”)” target=_blank”img””)

Response.Write(img)

Response.Write(“brbr” rs(“title”) “/a/td/tr/table/td”)

首先你要明白JS的執行流程；

當頁面加載JS文件時網速的速度決定加載的速度；網速快則快否則則慢；所以js代碼是否複雜是不會影響網速的。

但是JS代碼比較複雜會影響性能的；因為js的代碼聲明變量、函數等都是放到內存中的；所以js代碼複雜（如果沒有優化好）會過度的消耗內存，如果內存過低會導致瀏覽器卡死等現象

1，如果是因為你的服務器的網速不快，那麼你把js放到一個高速服務器或者雲存儲是可以的。但是如果客戶端本身的網速不快，你放到哪都沒用。

2、緩存是很好的解決方案。如果你能使用一些公共的js源，比如客戶端以前用過的來源，當打開網站的時候，就會直接找到這些源的緩存，就可以加快打開速度。

3、還要從代碼本身下手，根據不同的頁面，打開不同的js吧。沒用的js就先不要加載了。

一：獲取當前網速

一：獲取當前cpu佔用率

js 獲取當前網速 及 cpu佔用率

直接寫在同一頁面和將js代碼寫在其他頁面再引入到該也執行效果是一樣的，同樣的代碼佔用 的內存基本是相差無幾，之所以寫到另一頁是為了方便開發和維護。下面我說一下個人對於js代碼佔用內存的一些看法：

1、JavaScript代碼確實要比html和css代碼消耗內存多，尤其是DOM操作。

作為一個前端開發人員可能都聽到過這樣的話：盡量減少DOM操作。但是為什麼呢？原因很簡單，過多的JavaScript代碼和過多的dom操作會網頁的加載速度慢，當然也會增加內存的開銷。但是問題又來了為什麼過多的dom操作會導致增加內存開銷和導致瀏覽器變慢呢？　首先，DOM對象本身也是一個js對象，所以嚴格來說，並不是操作這個對象慢，而是說操作了這個對象後，會觸發一些瀏覽器行為，比如布局（layout）和繪製（paint）。js的一些操作會打破常規，並觸發瀏覽器執行layout：如通過js獲取需要計算的DOM屬性、添加或刪除DOM元素、通過js修改DOM元素樣式且該樣式涉及到尺寸的改變等。所以頻繁的DOM操作確實是可以增加內存開銷影響web的性能。

2、哪些方法可以優化這個問題呢？

顯然問題引入外接的JavaScript代碼和這直接寫入網頁內的script標記間的JavaScript代碼對於的執行效率是一樣的。但是對弈頁面中的一些不可避免的dom操作我們應該如何最大限度的優化這個問題呢？

a、良好的編程思想，減少代碼冗餘，盡量代碼復用。

簡單的說就是我們需要使用面向對象的編程思想盡量將我們常用的功能進行封裝然後復用，這樣可以在一定程度上減少一些不必要的DOM操作。

b、適當使用一些優化的方法和。

如原生的JavaScript中有一個有一個方法是文檔碎片（DocumentFragment() ），使用該方法可以將多個類似的DOM操作掛在文檔碎片中，最後執行相當於一次DOM操作的開銷。

最後，作為一個前端開發人員對於web性能我們要關注尤其是JavaScript，這要求我們在開發過程中要有一個好的代碼習慣。

js代碼執行速度 很大程度上依賴瀏覽器的引擎 不同瀏覽器跑 速度可能會差很多

然後就是算法的時間複雜度 和處理的數據量

還有就是多次操作dom也相當耗時

你要分析下你的代碼慢的原因

是循環套循環了？

還是說邏輯太複雜了

如果多次操作dom 導致頁面reflow次數過多

渲染次數過多 也可能給你感覺很慢