現(xiàn)在越來越多的企業(yè)都有了自己企業(yè)的官方網(wǎng)站，但是經(jīng)常會(huì)發(fā)現(xiàn)自己的網(wǎng)站打開速度沒有別人家的速度快，具體有那些原因和那些方法能夠提升自己網(wǎng)站的打開速度呢，下面文匯軟件的技術(shù)人員就我們的建站經(jīng)驗(yàn)給大家分享一下。
1、提升網(wǎng)站所在空間或服務(wù)器的等級(jí)，這個(gè)是最直接有效的方法，有些建站公司為了縮減成本從淘寶或買幾百塊錢的空間來給企業(yè)使用，此類空間雖然容量大但是空間質(zhì)量的好壞和大小沒太多關(guān)系，我們文匯軟件所給客戶采用的空間均為獨(dú)立服務(wù)器5M以上帶寬，從根本上保證了用戶網(wǎng)站的訪問速度，當(dāng)然這個(gè)提升空間等級(jí)是需要成本的，不過是最直接有效的方法。我們會(huì)在下一篇的技術(shù)文章分享中給大家分享一下如何選擇一個(gè)高質(zhì)量的空間。
2、修改圖片質(zhì)量及后綴，一般網(wǎng)站上所用到的圖片均為JPG、PNG、GIF，這三種屬于最常見最通用的圖片格式，那么PNG格式的圖片大小是最大的，同等比例下PNG圖片會(huì)比JPG圖片高出3倍的大小，那么將一些非透明格式，不需要用道PNG圖片的一定要轉(zhuǎn)為JPG格式，這樣從根本上可以減少網(wǎng)頁中圖片的大小，從而提升網(wǎng)站的打開速度，除此之外，網(wǎng)頁中的圖片質(zhì)量在60左右即可，這樣既能保證圖片的清晰度，又能降低圖片所占用空間的大小，我們?cè)诮o客戶的項(xiàng)目中除特定的情況下會(huì)用到透明格式的背景，在保證顯示效果的情況下其余均為壓縮過的圖片，此項(xiàng)能提升網(wǎng)站打開速度至少30%以上。此項(xiàng)可以參考我們的另一篇文章:如何通過智圖更高效的壓縮圖片 http://www.geizy.cn/html/show-1022.html
3、減少CSS和JS文件的個(gè)數(shù)，一般來說每一個(gè)文件在加載的時(shí)候都會(huì)對(duì)服務(wù)器進(jìn)行請(qǐng)求，我們文匯所開發(fā)的項(xiàng)目會(huì)最大程度的減少CSS和JS的個(gè)數(shù)，盡量將所有的內(nèi)容寫在一個(gè)CSS和JS文件中，這樣減少對(duì)服務(wù)器的請(qǐng)求次數(shù)，也是一個(gè)比較有效升網(wǎng)站打開速度的方法。
4、壓縮代碼，我們?cè)诰帉慔TML、CSS、JS的時(shí)候?yàn)榉奖阏{(diào)試，我們都會(huì)每一個(gè)CSS類放置在多行中，方便易讀能夠快速的定位CSS中每個(gè)類的位置，但是CSS中的空格的數(shù)量及換行的數(shù)量會(huì)影響CSS和JS文件的體積，在必要的情況下我們會(huì)將所有的代碼壓縮至一行，瀏覽器可執(zhí)行，那么此項(xiàng)操作能夠減少CSS和JS代碼體積的80%以上。
5、接入CDN，我們所開發(fā)的項(xiàng)目，如客戶的客戶分布的區(qū)域較為廣泛，我們會(huì)采用接入CDN的方式來部署客戶的網(wǎng)站，那么在網(wǎng)站被訪問時(shí)，系統(tǒng)會(huì)自動(dòng)選擇最近的節(jié)點(diǎn)進(jìn)行訪問，縮短請(qǐng)求服務(wù)器的距離，這項(xiàng)是我們提升訪問速度及其重要的一個(gè)方法，我們所有的客戶中均接入了我們的CDN，所產(chǎn)生的CDN流量費(fèi)用也由我們網(wǎng)站開發(fā)公司來承擔(dān)，目的就是最大程度的提升用戶的訪問速度。
6、引入開源框架的CDN，在我們做的項(xiàng)目中，我們公司內(nèi)部有個(gè)不成文的規(guī)定，只要為開源框架比如bootstrap、jQuery等等，我們均需接入對(duì)應(yīng)的CDN文件，而且為同一域名的CDN文件，這樣框架可以減少在用戶瀏覽器中的加載時(shí)間，從而間接提升網(wǎng)站的打開速度。
7、設(shè)置文件緩存，比如公司的LOGO、banner圖、一些不常更換的圖片，我們可以在服務(wù)端將其過期時(shí)間設(shè)置的更長(zhǎng)一些，配合我們第五條CDN可以更快的提升網(wǎng)站的打開速度，也能夠減少CDN流量的產(chǎn)生。
8、將統(tǒng)計(jì)代碼和其他非主要的執(zhí)行性代碼放置在頁面的最后執(zhí)行，一般此類代碼會(huì)影響頁面的加載速度，講其執(zhí)行的順序延后一些，讓用戶先看到網(wǎng)站界面，最后在用戶感覺不到的時(shí)間執(zhí)行這些代碼，對(duì)用戶體驗(yàn)的提升是有很大的幫助。
以上是我們做的簡(jiǎn)單性的技術(shù)分享，其實(shí)對(duì)于我們?cè)陧?xiàng)目中提升網(wǎng)站打開速度的方法還有很多，我們會(huì)在以后的文章中逐一跟大家進(jìn)行分享，也希望同行和對(duì)此感興趣的朋友跟我們一起交流和探討，同樣歡迎對(duì)網(wǎng)站有質(zhì)量要求的客戶來找我們洽談業(yè)務(wù)。
