建站
咨詢
售后
建站咨詢
新聞中心
一般而言，關(guān)于網(wǎng)站加速，大部分人認(rèn)為是后端開發(fā)者和系統(tǒng)管理的職責(zé)。這種觀點不完全正確，因為一個高性能的網(wǎng)站，不僅取決于網(wǎng)站的后端，還依賴網(wǎng)站的前端，也就是說還依賴于美工和前端開發(fā)人員。
創(chuàng)新互聯(lián)是專業(yè)的霍邱網(wǎng)站建設(shè)公司，霍邱接單;提供成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行霍邱網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
事實上，就目前的網(wǎng)絡(luò)環(huán)境來看，我們在瀏覽正常的網(wǎng)站時，通?？偤馁M時間的10-20%用在了后端，剩下80-90%的時間被前端所消耗。所以，如果 你計劃提升網(wǎng)站的速度，不妨在優(yōu)化后端的同時，讓美工和前端開發(fā)人員考慮以下幾個方面。相信你可能會感嘆，不大動刀戈也可以有效地提升網(wǎng)站的性能。
1. 盡可能減少 HTTP 請求的次數(shù)。
例如：用一張圖片代替多張圖片，再用CSS顯示。
2. 采用CDN對網(wǎng)站加速。
CDN可以在不改動原有網(wǎng)站架構(gòu)的前提下，很大幅度地提升網(wǎng)站的訪問速度。特別是對于那些擁有全國(或世界各地)用戶的網(wǎng)站，效果會更加明顯。
3. 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. JS文件放在頁面尾部。
道理和CSS文件放在頁面頭部一樣。
5. 將CSS和JS代碼單獨存放在獨立于網(wǎng)頁的文件中。
現(xiàn)在很多的瀏覽器，如Firefox， IE 7，8 等等都會將圖片，CSS，JS等外部的文件緩存在用戶本地，所以，用戶通過這些瀏覽器瀏覽網(wǎng)頁時只傳輸網(wǎng)頁的文本內(nèi)容，不再次下載圖片，CSS，JS等外 部的文件。這樣一來，訪問的速度自然可以提升不少。另外，將CSS和JS代碼單獨存放在獨立于網(wǎng)頁的文件，也便于管理。
6. 對JS“瘦身”。
用第三方的工具(不需要手工)對JS進(jìn)行壓縮，包括刪除注釋，空格等等，通常情況下可以減小20%左右。例如，未“瘦身”前JS為100KB， “瘦身”后80KB.
除第2項外，其他5個方面都是和美工和前端開發(fā)人員相關(guān)。更多未提到的技巧，歡迎補(bǔ)充。
原文地址：http://forum.jobbole.com/showthread.php/1417
【編輯推薦】
- 10個技巧讓你的網(wǎng)站“財源滾滾”
- 4月份9款jQuery插件推薦 增加網(wǎng)站亮點
- 穩(wěn)捷網(wǎng)絡(luò)保護(hù)網(wǎng)站遠(yuǎn)離SQL注入攻擊
- 推薦34個非常漂亮的單頁網(wǎng)站設(shè)計案例
本文題目：網(wǎng)站加速美工和前端開發(fā)人員也很關(guān)鍵
標(biāo)題來源：http://m.5511xx.com/article/dpdceii.html
