老網(wǎng)站改版怎樣解決網(wǎng)頁打開速度奇慢的問題？
文章編輯：網(wǎng)站建設(shè) 文章來源：網(wǎng)站改版 瀏覽量：次
老網(wǎng)站改版怎樣解決網(wǎng)頁打開速度奇慢的問題？改版首先是從給網(wǎng)頁減肥開始，網(wǎng)站建設(shè)公司認(rèn)為網(wǎng)頁打開速度的快慢不僅和網(wǎng)速有關(guān)，也和網(wǎng)頁的代碼有關(guān)系。網(wǎng)頁的整體頁面越大，加載的時間會越長，這不僅影響了搜索引擎的抓取，也影響了客戶瀏覽網(wǎng)頁的心情。所以在做網(wǎng)站的時候，應(yīng)盡量把一些沒有必要的代碼去掉，以減少網(wǎng)頁文件的大小，讓搜索引擎快速找到重要的內(nèi)容。整個網(wǎng)頁最好不要超過50K，文字內(nèi)容最好在5～10K之間。網(wǎng)頁減肥重點(diǎn)涉及以下幾個要點(diǎn)：
1.CSS樣式在定義CSS樣式的時候，能合并一起寫的盡量要合并在一起。例如：修改前：
1.CSS樣式在定義CSS樣式的時候，能合并一起寫的盡量要合并在一起。例如：修改前：
修改后：還有能合并成一組屬性的要合并到一組屬性中，每個選擇器之間用逗號分隔開。例如：修改前：修改后：網(wǎng)站像ul、img、a、a:hover等一些標(biāo)簽，這些標(biāo)簽在網(wǎng)站上顯示的樣式通常都相同，所以在CSS開始的時候要將樣式統(tǒng)一設(shè)置一下，避免在網(wǎng)頁布局用到的時候還需要在每個ID或者Class中重復(fù)設(shè)置，使CSS增大。CSS不要放在頁面的<head></head>標(biāo)簽中。一個網(wǎng)站往往會用到許多個ID或者Class，如果放在頁面上，會使整個頁面加大，不利于優(yōu)化，所以要把所有CSS文件單獨(dú)存放在命名為CSS的外部文件中。語法：CSS作用的優(yōu)先級：自身的style屬性>頁面的內(nèi)部style對象>頁面外部CSS文件。
2.JavaScript
（1）將網(wǎng)頁的公共部分轉(zhuǎn)換為腳本并存于JS文件里。這樣可以減少文件大小，加快下載速度，同時也方便管理。不過千萬不要將導(dǎo)航等優(yōu)化的關(guān)鍵代碼轉(zhuǎn)換成JS，否則搜索引擎搜索不到。
2.JavaScript
（1）將網(wǎng)頁的公共部分轉(zhuǎn)換為腳本并存于JS文件里。這樣可以減少文件大小，加快下載速度，同時也方便管理。不過千萬不要將導(dǎo)航等優(yōu)化的關(guān)鍵代碼轉(zhuǎn)換成JS，否則搜索引擎搜索不到。
轉(zhuǎn)換方式：例如原來是<h1>豐胸減肥</h1>轉(zhuǎn)換成腳本為：document.write("<h1>豐胸減肥</h1>");
（2）簡化JS中的函數(shù)名稱和變量。例如，Google里面的函數(shù)名稱只有1個或者2個字符。
3.在寫鏈接的時候去掉域名比如：其中http://m.yscol.com完全沒有必要加上，因?yàn)橛蛎褪沁@個，沒有必要再重新寫一遍，增加無用的代碼。修改為：
4.不要輕易使用網(wǎng)頁減肥工具現(xiàn)在網(wǎng)上流行許多給網(wǎng)頁減肥的工具，不過不建議使用，畢竟都不是智能的，有的時候?qū)W(wǎng)頁的結(jié)構(gòu)根本分辨不出來，甚至錯誤地去掉一些代碼，例如把標(biāo)簽的后半部分去掉等，造成網(wǎng)頁破版。有調(diào)整破版的時間，還不如自己按照前面介紹的網(wǎng)頁減肥方法來操作。下面舉個最簡單的布局嵌套的例子。處理前：<div><div><div>第一行</div></div><div><div>第二行</div></div></div>。處理后：<div><div><div>第一行<div><div>第二行</div>。處理后的</div></div>兩個標(biāo)簽都被去掉了，造成了頁面破版。
（2）簡化JS中的函數(shù)名稱和變量。例如，Google里面的函數(shù)名稱只有1個或者2個字符。
3.在寫鏈接的時候去掉域名比如：其中http://m.yscol.com完全沒有必要加上，因?yàn)橛蛎褪沁@個，沒有必要再重新寫一遍，增加無用的代碼。修改為：
4.不要輕易使用網(wǎng)頁減肥工具現(xiàn)在網(wǎng)上流行許多給網(wǎng)頁減肥的工具，不過不建議使用，畢竟都不是智能的，有的時候?qū)W(wǎng)頁的結(jié)構(gòu)根本分辨不出來，甚至錯誤地去掉一些代碼，例如把標(biāo)簽的后半部分去掉等，造成網(wǎng)頁破版。有調(diào)整破版的時間，還不如自己按照前面介紹的網(wǎng)頁減肥方法來操作。下面舉個最簡單的布局嵌套的例子。處理前：<div><div><div>第一行</div></div><div><div>第二行</div></div></div>。處理后：<div><div><div>第一行<div><div>第二行</div>。處理后的</div></div>兩個標(biāo)簽都被去掉了，造成了頁面破版。
5.建議不要把網(wǎng)頁中的回車或空格刪除每個人布局都有自己的習(xí)慣，網(wǎng)站建設(shè)公司資深編程工程師的習(xí)慣是，在上級和下級之間用兩個空格，因?yàn)檫@樣方便查找整個網(wǎng)站的框架結(jié)構(gòu)，要么網(wǎng)站很難尋找，也浪費(fèi)時間。好了，深圳網(wǎng)站建設(shè)公司本文關(guān)于“老網(wǎng)站改版怎樣解決網(wǎng)頁打開速度奇慢的問題？”的相關(guān)知識就分享到這里，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。
當(dāng)前文章鏈接：/construction/wzgb/14461.html
如果您覺得案例還不錯請幫忙分享：
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點(diǎn)，本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán)，請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認(rèn)后，會立即刪除，保證您的版權(quán)。
相關(guān)案例推薦
資訊分類
最新發(fā)布
- 商城網(wǎng)站改版建設(shè)關(guān)于網(wǎng)站的推廣八種方案
- 網(wǎng)站改版建設(shè)與自建Web服務(wù)以及網(wǎng)站發(fā)布解決方案
- 商城網(wǎng)站改版關(guān)于開發(fā)工具的選擇與測試有哪些？
- 電商網(wǎng)站改版建設(shè)程序應(yīng)用什么是中間軟件與服務(wù)器硬件的選擇
- 電商網(wǎng)站改版關(guān)于系統(tǒng)信息基礎(chǔ)設(shè)施設(shè)計解決方案
- 電子商務(wù)網(wǎng)站改版系統(tǒng)分析的基本過程怎樣的？
- 企業(yè)對企業(yè)電子商務(wù)網(wǎng)站改版與威客電商系統(tǒng)規(guī)劃要點(diǎn)
- 電商網(wǎng)站改版什么是電子商務(wù)應(yīng)用系統(tǒng)以及怎樣撰寫改版報告？
- 商城網(wǎng)站改版服務(wù)器使用操作系統(tǒng)好？
- 電子商務(wù)網(wǎng)站改版為什么首先要了解什么是電子商務(wù)？
相關(guān)資訊
- 電商網(wǎng)站平臺改版用戶體系與其他系統(tǒng)的關(guān)系解決方案
- 大型電商網(wǎng)站改版：關(guān)于網(wǎng)站架構(gòu)穩(wěn)定與可靠性
- 網(wǎng)站改版：改版?zhèn)鹘y(tǒng)PC端電商平臺的業(yè)務(wù)數(shù)據(jù)分析解決方案
- 20世紀(jì)的老網(wǎng)站改版：數(shù)據(jù)訪問數(shù)據(jù)分析解決方案
- 網(wǎng)站改版：為什么要做網(wǎng)絡(luò)市場調(diào)研？
- 老網(wǎng)站改版怎樣解決程序的作業(yè)管理
- 老網(wǎng)站改版為營銷類型網(wǎng)站后期怎樣推廣？
- 老網(wǎng)站改版營銷型網(wǎng)站后內(nèi)容優(yōu)化技巧
- B2C網(wǎng)站代營運(yùn)方案與盈利模式分析
- 電商網(wǎng)站改版弄清楚什么是電商后臺
