建站
咨詢
售后
建站咨詢
新聞中心
經(jīng)常聽(tīng)到客戶問(wèn)這樣的問(wèn)題：你們幫我看看我的網(wǎng)站怎么打開(kāi)那么慢啊，是不是中毒了？
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),潢川企業(yè)網(wǎng)站建設(shè),潢川品牌網(wǎng)站建設(shè),網(wǎng)站定制,潢川網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,潢川網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
然后我們就去測(cè)試他的網(wǎng)站，發(fā)現(xiàn)問(wèn)題簡(jiǎn)單的很：每個(gè)網(wǎng)頁(yè)的開(kāi)頭有著不計(jì)其數(shù)的外聯(lián)文件。樣式表還好，最多的不外乎幾十K?？膳碌氖荍S文件，這些個(gè)企業(yè)的負(fù)責(zé)人都不是IT專(zhuān)業(yè)人員，兼職管理企業(yè)的網(wǎng)站，喜歡迎合領(lǐng)導(dǎo)搞些特效什么的，又不知道優(yōu)化。什么JQUERY，特效，驗(yàn)證等等，全都羅列在head里，林林總總快一千k了。
今天說(shuō)說(shuō)給他們做優(yōu)化的那些簡(jiǎn)單的手段吧。
一、給JS文件減肥。
有的人為了給網(wǎng)站增加炫目效果，往往會(huì)使用一些JS效果代碼，這在上個(gè)世紀(jì)似乎還很流行，對(duì)于現(xiàn)在來(lái)說(shuō)，最好在用戶體驗(yàn)確實(shí)需要的情況下，使用這些東西。至于希望給自己的JS文件減肥的童鞋，網(wǎng)上的工具里有很多，在百度一搜就會(huì)有應(yīng)用，功能很全。把一個(gè)已經(jīng)完善的JS文件進(jìn)行壓縮是主流網(wǎng)站的一個(gè)慣性動(dòng)作，因?yàn)閴嚎s量確實(shí)很可觀。以下是幾個(gè)比較好的壓縮工具：
YUI壓縮工具 (http://developer.yahoo.com/yui/compressor/)
Dean Edwards Packer (http://dean.edwards.name/packer/)
JSMin (http://crockford.com/JavaScript/jsmin)
二、盡量減少DOM訪問(wèn)
使用JavaScript訪問(wèn)DOM元素很容易，代碼更容易閱讀，但是速度很慢。下面介紹幾個(gè)要點(diǎn)：限制使用JavaScript來(lái)修飾網(wǎng)頁(yè)布局，把針對(duì)訪問(wèn)元素的引用緩存起來(lái)。有時(shí)，當(dāng)你的網(wǎng)站依賴大量的DOM改動(dòng)時(shí)，就應(yīng)該考慮限制你的標(biāo)記。這是改用HTML5、舍棄那些原來(lái)的XHTML和HTML4的一個(gè)充分理由。
三、使用適當(dāng)?shù)腃DN
現(xiàn)在許多網(wǎng)頁(yè)使用內(nèi)容分發(fā)網(wǎng)絡(luò)(CDN)。它可以改進(jìn)你的緩存機(jī)制，因?yàn)槊總€(gè)人都可以使用它。它還能為你節(jié)省一些帶寬。你很容易使用ping檢測(cè)或使用Firebug調(diào)試那些服務(wù)器，以便搞清可以從哪些方面加快數(shù)據(jù)的速度。選擇CDN時(shí)，要照顧到你網(wǎng)站那些訪客的位置。記得盡可能使用公共存儲(chǔ)庫(kù)。
四、把不著急用的JS文件放到頁(yè)面的底部
當(dāng)更多地考慮用戶對(duì)網(wǎng)站的速度體驗(yàn)時(shí)，在頁(yè)面底部裝入JS文件是一個(gè)非常好的做法。易用性和用戶放在首位，JavaScript放在末位。對(duì)于追求技術(shù)的很多前端人員來(lái)說(shuō)，這似乎很難接受，但也應(yīng)該有所準(zhǔn)備，有些用戶會(huì)禁用JavaScript。
五、在頭部以異步方式裝入JS
為了統(tǒng)計(jì)網(wǎng)站的各種信息，我們通常會(huì)借助網(wǎng)上提供的免費(fèi)統(tǒng)計(jì)功能，比如cnzz的統(tǒng)計(jì)，比如google分析，比如百度統(tǒng)計(jì)，關(guān)鍵的是，好多統(tǒng)計(jì)為了保證統(tǒng)計(jì)效果，可能會(huì)建議用戶將統(tǒng)計(jì)代碼放在頁(yè)面的頭部。如果用戶選擇這么做，可能會(huì)在統(tǒng)計(jì)代碼請(qǐng)求數(shù)據(jù)不穩(wěn)定時(shí)給他的網(wǎng)站用戶帶來(lái)非常不好的體驗(yàn)。不過(guò)，目前大部分統(tǒng)計(jì)服務(wù)都允許你以異步方式載入放在頭部的JS文件，在很大程度上解決了這一問(wèn)題。
六、把你的JavaScript打包成PNG文件
這個(gè)辦法是最近在網(wǎng)上看到老外的一種做法，思維很特別，還沒(méi)有嘗試過(guò)，有興趣的朋友可以嘗試一下。具體是這樣：把你的JS和CSS添加到圖片的末尾，然后用CSS來(lái)裁切，通過(guò)一次HTTP請(qǐng)求來(lái)獲得應(yīng)用程序中所需的所有信息，它把你的JavaScript/css數(shù)據(jù)打包成PNG文件，然后你還可以拆包，只要使用畫(huà)布API的getImageData()。這種方法效率非常高，可以在不縮小數(shù)據(jù)的情況下，多壓縮35%左右。
原文鏈接：http://www.cnblogs.com/ilian/archive/2012/06/20/js-quick-load.html
當(dāng)前名稱(chēng)：不用再擔(dān)心JS文件限制你的速度
當(dāng)前路徑：http://www.dlmjj.cn/article/dpgidip.html
