營銷網(wǎng)站建設(shè)
全網(wǎng)營銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開發(fā)
區(qū)塊鏈開發(fā)
物聯(lián)網(wǎng)項目開發(fā)
定制app開發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫
文章編輯:網(wǎng)站建設(shè) 文章來源:建站行業(yè)資訊 瀏覽量:次
事實上,就目前的網(wǎng)絡(luò)環(huán)境來看,我們在瀏覽正常的網(wǎng)站時,通??偤馁M(fèi)時間的10-20%用在了后端,剩下80-90%的時間被前端所消耗。所以,如果 你計劃提升網(wǎng)站的速度,不妨在優(yōu)化后端的同時,讓美工和前端開發(fā)人員考慮以下幾個方面。相信你可能會感嘆,不大動刀戈也可以有效地提升網(wǎng)站的性能。
1. 網(wǎng)站制作盡可能減少 HTTP 請求的次數(shù)。例如:用一張圖片代替多張圖片,再用CSS顯示。
2. 網(wǎng)站建設(shè)采用CDN對網(wǎng)站加速。CDN可以在不改動原有網(wǎng)站架構(gòu)的前提下,很大幅度地提升網(wǎng)站的訪問速度。特別是對于那些擁有全國(或世界各地)用戶的網(wǎng)站,效果會更加明顯。
3. 網(wǎng)站制作CSS文件放在頁面頭部。瀏覽器在顯示頁面之前,必須要得到CSS。否則無法顯示網(wǎng)頁。所以,將CSS文件 放在頁面頭部是明智之舉。伯樂在線的開發(fā)團(tuán)隊曾經(jīng)做過測試,如果一張網(wǎng)頁包括多個JS文件,同時CSS文件放在網(wǎng)頁最后。用戶瀏覽網(wǎng)頁時,非常明顯地感覺 到網(wǎng)頁先是空白(下載JS和其他文件),然后再顯示出來。顯然,這種情況下,用戶體驗是非常差的。與此相反,如果將CSS文件放在頁面頭部,用戶瀏覽網(wǎng)頁 時,可以先看到網(wǎng)頁 (網(wǎng)頁無明顯空白)。
4. 網(wǎng)站設(shè)計JS文件放在頁面尾部。道理和CSS文件放在頁面頭部一樣。
5. 網(wǎng)頁制作將CSS和JS代碼單獨存放在獨立于網(wǎng)頁的文件中?,F(xiàn)在很多的瀏覽器,如Firefox, IE 7,8 等等都會將圖片,CSS,JS等外部的文件緩存在用戶本地,所以,用戶通過這些瀏覽器瀏覽網(wǎng)頁時只傳輸網(wǎng)頁的文本內(nèi)容,不再次下載圖片,CSS,JS等外 部的文件。這樣一來,訪問的速度自然可以提升不少。另外,將CSS和JS代碼單獨存放在獨立于網(wǎng)頁的文件,也便于管理。
6. 網(wǎng)站制作對JS“瘦身”。用第三方的工具(不需要手工)對JS進(jìn)行壓縮,包括刪除注釋,空格等等,通常情況下可以減小20%左右。例如,未“瘦身”前JS為100KB, “瘦身”后80KB.
除第2項外,其他5個方面都是和美工和前端開發(fā)人員相關(guān)。更多未提到的技巧,歡迎補(bǔ)充。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點,本網(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)。
技術(shù)咨詢
價格咨詢
建議投訴
0755-82538016
關(guān)閉窗口