站點(diǎn)代碼優(yōu)化(全面提高頁(yè)面打開速度)
分享 2009.12.19 瀏覽次數(shù):7149次
以下文章來(lái)源于網(wǎng)絡(luò),稍有刪減, 對(duì)提高網(wǎng)頁(yè)打開速度非常有效,也是網(wǎng)頁(yè)提速的一般措施 |
一、記得幫頁(yè)面減肥 |
我們?yōu)g覽網(wǎng)頁(yè)實(shí)際上是將虛擬主機(jī)中的網(wǎng)頁(yè)內(nèi)容下載到本地硬盤,再用瀏覽器解釋查看的。下載網(wǎng)頁(yè)的快慢在顯示速度上占了很大比重,所以,網(wǎng)頁(yè)本身所占的空間越小,那么瀏覽速度就會(huì)越快。這就要求在做網(wǎng)頁(yè)的時(shí)候遵循一切從簡(jiǎn)的原則,如:不要使用太大的Flash動(dòng)畫、圖片等資源,大圖最好切成幾塊再拼。干凈、簡(jiǎn)潔的頁(yè)面會(huì)給人一種思路明朗的感覺。 |
★ 二、如沒必要,盡量使用靜態(tài)HTML頁(yè)面 |
眾所周知,ASP、PHP、JSP等程序?qū)崿F(xiàn)了網(wǎng)頁(yè)信息的動(dòng)態(tài)交互,運(yùn)行起來(lái)的確非常方便,因?yàn)樗鼈兊臄?shù)據(jù)交互性好,能很方便地存取、更改數(shù)據(jù)庫(kù)的內(nèi)容,使網(wǎng)站“動(dòng)”起來(lái),如:論壇、留言板等。但是這類程序必須先由服務(wù)器執(zhí)行處理后,生成HTML頁(yè)面,然后再“送”往客戶端瀏覽,這就不得不耗費(fèi)一定的服務(wù)器資源。如果在虛擬主機(jī)上過多地使用這類程序,網(wǎng)頁(yè)顯示速度肯定會(huì)慢,所以沒有必要,請(qǐng)盡量使用靜態(tài)的HTML頁(yè)面。 |
★ 三、不要將整個(gè)頁(yè)面內(nèi)容塞到一個(gè)Table中 |
這是網(wǎng)頁(yè)設(shè)計(jì)的問題了,很多站長(zhǎng)為了追求頁(yè)面統(tǒng)一對(duì)齊,將整個(gè)頁(yè)面的內(nèi)容都塞進(jìn)了一個(gè)Table(表格)里,然后再由單元格td來(lái)劃分各個(gè)“塊”的布局,這種網(wǎng)站的顯示速度是絕對(duì)慢的。因?yàn)門able要等里面所有的內(nèi)容都加載完畢后才顯示出來(lái)的,如果某些內(nèi)容無(wú)法訪問,就會(huì)拖延整個(gè)頁(yè)面的訪問速度。正確的做法是:將內(nèi)容分割到幾個(gè)具有相同格局的Table中去,不要全都塞到一個(gè)Table里。 |
★ 四、將ASP、ASPX、PHP等文件的訪問改為.js引用 |
這在ASP、ASPX、PHP等程序設(shè)計(jì)時(shí)應(yīng)該注意的,如果你要在靜態(tài)的HTML頁(yè)面里嵌入動(dòng)態(tài)的數(shù)據(jù),而這些動(dòng)態(tài)的數(shù)據(jù)是由ASP、PHP等程序來(lái)提供的話,會(huì)使用以下的語(yǔ)句引用:,這樣的話,每次有一個(gè)人訪問你的網(wǎng)站,服務(wù)器就要執(zhí)行并處理一次#asp文件,從數(shù)據(jù)庫(kù)抽取相應(yīng)的數(shù)據(jù),再輸出給網(wǎng)頁(yè)顯示,如果有幾萬(wàn)個(gè)人同時(shí)訪問,就要執(zhí)行幾萬(wàn)次,后果就可想而知。建議在這些程序中將數(shù)據(jù)動(dòng)態(tài)生成到一個(gè)1.js文件中去,然后在首頁(yè)通過 < SCRIPT src='http://www.XXX.com/1.js' > ... 3;CRIPT > 這樣的代碼來(lái)引用該1.js文件。這樣,數(shù)據(jù)顯示的任務(wù)就交給客戶端的瀏覽器去做,不會(huì)耗費(fèi)服務(wù)器的資源,顯示速度自然就很快;筆者的網(wǎng)站www.25cn.net下有個(gè)index3.htm文件,大家可以通過訪問www.25cn.net/index3.htm和www.25cn.net做一下比較,前者所花的時(shí)間幾乎是后者的幾倍! |
★ 五:動(dòng)態(tài)頁(yè)面可以使用服務(wù)器端的flash方式提高顯示效果 |
對(duì)于動(dòng)態(tài)腳本,如果頁(yè)面比較復(fù)雜,或者頁(yè)面某部分由于操作數(shù)據(jù)庫(kù)或者其他服務(wù),導(dǎo)致服務(wù)器腳本運(yùn)行要花費(fèi)一些時(shí)間.可以 使用Flash機(jī)制將一部分內(nèi)容先讓客戶顯示出來(lái). 例如 網(wǎng)頁(yè)由 網(wǎng)頁(yè)頭部 數(shù)據(jù)(這里服務(wù)器運(yùn)行時(shí)間比較長(zhǎng)) 底部 部分. 是3個(gè)table, 那么 可以在 網(wǎng)頁(yè)頭部代碼下 加上flash()語(yǔ)句 將前面的數(shù)據(jù)顯示出來(lái). 這樣用戶可以先看到網(wǎng)頁(yè)頭部 然后是中間數(shù)據(jù),最后是網(wǎng)頁(yè)底部.
Asp的Flash語(yǔ)句是 <% Response.Flush(); %> |
★ 六、使用iframe嵌套另一頁(yè)面 |
其中http://siyizhu.com是被引用文件的路徑。 |
★ 七、講究網(wǎng)站計(jì)數(shù)器代碼放置的技巧 |
在網(wǎng)頁(yè)里放置計(jì)數(shù)器可以統(tǒng)計(jì)網(wǎng)站的訪問流量,為站長(zhǎng)和廣告商家提供訪問依據(jù),但是,不管功能有多強(qiáng)大的網(wǎng)站統(tǒng)計(jì)系統(tǒng),都會(huì)有出故障的時(shí)候。如果直接把統(tǒng)計(jì)代碼放到頁(yè)面內(nèi)容的前面,或者放在一個(gè)Table或者div標(biāo)簽里,那么在計(jì)數(shù)器不能訪問的時(shí)候,你的頁(yè)面上那個(gè)Table或者div就會(huì)產(chǎn)生幾十秒鐘的延遲,導(dǎo)致頁(yè)面很長(zhǎng)時(shí)間才能訪問。所以,要提高網(wǎng)站的速度,就要講究統(tǒng)計(jì)代碼放置的位置,正確的方法是:把統(tǒng)計(jì)代碼放到頁(yè)面的最下面,并且不要和頁(yè)面內(nèi)容同在一個(gè)Table或者div標(biāo)簽里??梢栽陧?yè)面代碼的最下方直接放置統(tǒng)計(jì)代碼,或者在最下方單獨(dú)做一個(gè)Table或者div來(lái)放置計(jì)數(shù)器。這樣,在計(jì)數(shù)器不能訪問的時(shí)候,你的網(wǎng)站速度也不會(huì)受到絲毫影響。 |
★ 八、友情鏈接的學(xué)問 |
網(wǎng)站之間互相做鏈接可以增加網(wǎng)站的宣傳效果,做LOGO圖片鏈接更能準(zhǔn)確地描述網(wǎng)站的主題和定位,宣傳效果會(huì)大大的增強(qiáng),但圖片鏈接做得太多,必然會(huì)影響網(wǎng)頁(yè)的顯示速度。很多站長(zhǎng)都喜歡直接引用友情網(wǎng)站上的圖片URL,這樣圖片要先經(jīng)過加載才能顯示的,各個(gè)友情網(wǎng)站的訪問速度不一樣,整個(gè)表格都要等圖片都下載完了才能顯示出來(lái),這樣大大降低了網(wǎng)頁(yè)的速度。因此,做友情鏈接時(shí)應(yīng)盡量做到: 1. 只做文字鏈接:做文字鏈接是不會(huì)延遲網(wǎng)頁(yè)速度的。 2. 將所有鏈接放到一個(gè)獨(dú)立的分頁(yè)去,然后在首頁(yè)鏈接上該頁(yè)。 3. 如果友情鏈接一定要出現(xiàn)在首頁(yè),請(qǐng)將鏈接所在的整個(gè)Table放到頁(yè)面的最下方,因?yàn)轫?yè)面是由上到下逐行顯示的,將其放到頁(yè)面的最下方,不會(huì)延遲其他內(nèi)容的顯示。 4. 友情鏈接的LOGO圖片先下載后再傳到自己的網(wǎng)頁(yè)空間,這樣,速度由自己的網(wǎng)站空間決定而不受友情網(wǎng)站的影響。 |
★ 九:一個(gè)頁(yè)面的script調(diào)用不要太多,最好不要超過4個(gè),否則你的速度....... |
歡迎轉(zhuǎn)載,本文版權(quán)歸于杭州網(wǎng)站建設(shè)(http://www.sharetheflairshow.com)
-
杭州網(wǎng)站設(shè)計(jì)公司:品牌網(wǎng)站開發(fā)助力企業(yè)成長(zhǎng)
日期:2024-12-20瀏覽次數(shù):132次
-
杭州網(wǎng)站建設(shè)公司:商城網(wǎng)站建設(shè)的六大關(guān)鍵步驟
日期:2024-12-18瀏覽次數(shù):239次
-
杭州網(wǎng)站制作:醫(yī)院網(wǎng)站設(shè)計(jì)與域名備案的復(fù)雜性探討
日期:2024-12-18瀏覽次數(shù):255次
-
杭州網(wǎng)站制作公司:打造安全可靠的醫(yī)院網(wǎng)站
日期:2024-12-11瀏覽次數(shù):508次
-
杭州網(wǎng)站設(shè)計(jì)公司:數(shù)據(jù)庫(kù)在高端網(wǎng)站制作中的關(guān)鍵作用
日期:2024-12-11瀏覽次數(shù):483次
相關(guān)新聞
整合同類新聞,相關(guān)新聞一手掌握
-
杭州網(wǎng)站優(yōu)化公司:企業(yè)IP打造與全網(wǎng)霸屏推廣
日期:2024-12-20瀏覽次數(shù):92次
-
杭州APP定制:選擇合適開發(fā)公司的重要性
日期:2024-12-20瀏覽次數(shù):120次
-
杭州app開發(fā):如何選擇專業(yè)開發(fā)公司?
日期:2024-12-20瀏覽次數(shù):119次
-
杭州定制小程序公司:小程序行業(yè)的未來(lái)趨勢(shì)
日期:2024-12-20瀏覽次數(shù):124次
-
杭州網(wǎng)站設(shè)計(jì)公司:品牌網(wǎng)站開發(fā)助力企業(yè)成長(zhǎng)
日期:2024-12-20瀏覽次數(shù):132次
最新新聞
與互聯(lián)網(wǎng)同行,實(shí)時(shí)掌握網(wǎng)建行業(yè)最新動(dòng)態(tài)
-
傳統(tǒng)企業(yè)如何理性認(rèn)識(shí)企業(yè)建站的作用
日期:2017-08-11瀏覽次數(shù):4404次
-
如何設(shè)計(jì)微信小程序?
日期:2020-06-03瀏覽次數(shù):2005次
-
如何從零基礎(chǔ)學(xué)杭州網(wǎng)站優(yōu)化?
日期:2020-12-29瀏覽次數(shù):4273次
-
杭州營(yíng)銷型網(wǎng)站上線時(shí),杭州網(wǎng)站優(yōu)化必做的工作
日期:2021-01-26瀏覽次數(shù):4742次
-
杭州小程序開發(fā):模板小程序的不同開發(fā)方式
日期:2021-06-16瀏覽次數(shù):3935次
隨機(jī)新聞
新聞新動(dòng)態(tài),您需要的新聞管家
洞悉市場(chǎng)趨勢(shì)演變讓傳播回歸社會(huì)
免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報(bào)價(jià)
-
關(guān)于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開發(fā)、小程序開發(fā)為核心的專業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場(chǎng)環(huán)境、衡量與預(yù)測(cè)市場(chǎng)需求、整合區(qū)別于行業(yè)競(jìng)爭(zhēng)對(duì)手的絕對(duì)優(yōu)勢(shì),結(jié)合品牌理念深度挖掘項(xiàng)目?jī)?yōu)勢(shì)和產(chǎn)品價(jià)值,提升客戶品牌認(rèn)知、認(rèn)可度。
-
我們的客戶
帷拓科技?xì)v經(jīng)十年沉淀,與國(guó)內(nèi)外上千家客戶達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動(dòng)、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂部、娃哈哈雙語(yǔ)學(xué)校、健康中國(guó)杭州峰會(huì)、科雷機(jī)電等,帷拓科技始終堅(jiān)持“帷有專業(yè),才能拓展無(wú)限”的服務(wù)理念,堅(jiān)持“認(rèn)真堅(jiān)持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。
-
我們的業(yè)務(wù)
帷拓科技主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開發(fā)、小程序開發(fā)、商城網(wǎng)站建設(shè)、公眾號(hào)運(yùn)營(yíng)以及數(shù)字營(yíng)銷等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個(gè)客戶量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng)新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價(jià)值轉(zhuǎn)換。