網站性能優化中前端優化是(shì)非常重要(yào / yāo)的(de)，我們需要(yào / yāo)知道(dào)的(de)是(shì)用戶在(zài)訪問網頁的(de)等待的(de)時(shí)間，有超過80%的(de)時(shí)候都是(shì)在(zài)浏覽器前端的(de)，特别是(shì)網頁和(hé / huò)頁面中的(de)各種元素(圖片、CSS、Javascript、flash…)。所以(yǐ)在(zài)許多情況下，與其花費大(dà)量時(shí)間進行艱苦和(hé / huò)繁雜的(de)程序改進相比，對前端的(de)部分進行優化的(de)時(shí)候，基本上(shàng)都是(shì)能夠達到(dào)事半功倍效果的(de)。建議大(dà)家可以(yǐ)選擇下載并安裝yslow，這(zhè)個(gè)工具可以(yǐ)對我們的(de)網站的(de)性能是(shì)否得到(dào)好的(de)優化有個(gè)很好的(de)權衡的(de)作用，下面我們就(jiù)來(lái)看下一(yī / yì ／yí)些特别有效的(de)網站性能優化的(de)具體方法。

1、減少一(yī / yì ／yí)個(gè)頁面訪問所産生的(de)http連接數

這(zhè)一(yī / yì ／yí)頁生成的(de)http連接數是(shì)第一(yī / yì ／yí)次訪問你的(de)站點的(de)，http連接數量是(shì)一(yī / yì ／yí)個(gè)十分關鍵的(de)部分。網頁設計盡可能簡明，盡可能減少圖片的(de)使用，并通過放棄一(yī / yì ／yí)些不(bù)必要(yào / yāo)的(de)頁面效果來(lái)減少javascript的(de)使用。使用優化技巧，例如利用圖片的(de)背景移動來(lái)減少圖片的(de)數量；圖像映射技術；使用内線圖像将css圖片綁定到(dào)網頁中。盡可能合并js和(hé / huò)css文件，減少單獨的(de)文件數量。

2、把CSS放在(zài)頁面頂部，JS文件放在(zài)頁面的(de)底部

CSS的(de)引用要(yào / yāo)放在(zài)html頭部，JS文件引用盡量放在(zài)頁面底部的(de)标簽之(zhī)後，較爲(wéi / wèi)重要(yào / yāo)的(de)就(jiù)是(shì)要(yào / yāo)展現出(chū)網頁的(de)核心的(de)内容。但是(shì)目前有些人(rén)在(zài)制作網頁的(de)時(shí)候往往使用了(le／liǎo)數量衆多的(de)js，可能有些js文件放在(zài)底層就(jiù)會出(chū)現不(bù)少的(de)問題，所以(yǐ)我們在(zài)實際使用的(de)時(shí)候就(jiù)要(yào / yāo)特别的(de)注意了(le／liǎo)。

3、壓縮JS文件内容

這(zhè)個(gè)部分也(yě)十分的(de)重要(yào / yāo)，經常會使用到(dào)的(de)方法就(jiù)是(shì)使用js壓縮工具來(lái)對程序員寫出(chū)來(lái)的(de)腳本進行壓縮，去掉裏面一(yī / yì ／yí)些多餘的(de)部分，比如空白字符、注釋等。利用gzip壓縮技術，壓縮js内容可以(yǐ)使性能提高5%。

4、要(yào / yāo)在(zài)獨立的(de)外部文件中引用css和(hé / huò)js文件

把css和(hé / huò)js文件放到(dào)單獨的(de)文件中，這(zhè)樣就(jiù)可以(yǐ)分别緩存，當訪問其他(tā)頁面的(de)時(shí)候，就(jiù)可以(yǐ)直接在(zài)流量器中進行讀取了(le／liǎo)。