UEO的主要針對是用戶，要想做好UEO改善網(wǎng)頁質(zhì)量性能很關(guān)鍵。而我知道改善網(wǎng)頁性能方法很多，根據(jù)方法的不同我們做針對的工作方面也是不同的。筆者小丹從外文站中獲得了一些關(guān)于改選網(wǎng)頁性能的方法，今天借此平臺分享給大家。

    在不同的改善網(wǎng)頁性能的方法中，不論你選擇怎樣的方式，其中有三個方面的工作是必須的：硬件（web服務(wù)器），服務(wù)器端腳本優(yōu)化（PHP，Python，Java）和前端性能網(wǎng)頁。而本文中最為主要關(guān)注點則是前端性能，因為它是最簡單的工作，為你提供你最便利的方式。

    為什么專注于前端性能？

    前端（如HTML、CSS、JavaScript和圖像）是最可訪問你的網(wǎng)站的一部分。如果你在一個共享機托管計劃，你可能沒有根（或root-like）訪問服務(wù)器，因此不能調(diào)整，調(diào)整服務(wù)器設(shè)置。即使你有正確的權(quán)限，web服務(wù)器和數(shù)據(jù)庫工程需要專業(yè)知識來給你任何直接的益處。

    討論的最前端優(yōu)化可以在沒有其他成本，但你的時間。它不僅是便宜的，但它是最好的利用你的時間，因為前端性能負責(zé)非常大的一部分一個網(wǎng)站的響應(yīng)時間?？紤]到這一點，這里有一些簡單的方法來提高你的網(wǎng)站的速度。

    1、配置你的網(wǎng)頁找到罪魁禍首。

    web頁面是有用的資料找到組件，您不需要或組件，可以優(yōu)化。配置一個web頁面通常涉及等工具Firebug確定哪些組件（如圖像、CSS文件、HTML文檔和JavaScript文件）被要求的用戶，組件需要多長時間來加載，它有多大。一般的經(jīng)驗法則是，你應(yīng)該保持你的頁面組件盡可能小。

    Firebug的凈選項卡可以幫助你追捕巨大的沼澤下來你的網(wǎng)站的文件。在上面的示例中，您可以看到，它給你一個分解呈現(xiàn)web頁面所需的所有組件，包括：它是什么，它在哪里，它有多大，多長時間來加載。網(wǎng)上有很多工具幫助您配置您的web頁面，查看本指南對于更多的工具，您可以使用。

    2、以正確的格式保存圖像減少文件大小。

    如果你有很多的圖片，要了解每個圖像的最佳格式。有三種常見的web圖像文件格式：JPEG、GIF和PNG。在一般情況下，您應(yīng)該使用JPEG對于現(xiàn)實的照片與平滑漸變和色調(diào)。您應(yīng)該使用GIF或PNG圖片是單色(如圖表和標識)。GIF和PNG是相似的，但PNG通常產(chǎn)生一個較低的文件大小。讀編碼恐怖的使用PNG的GIF的稱重。

    3、貶低你的CSS和JavaScript文件保存幾個字節(jié)。

    縮小就是刪除不必要的字符的過程(如標簽、空間、源代碼注釋)從源代碼到減少文件大小。例如：這種卡盤的CSS“

    .some-class {
                            color: #ffffff;
                            line-height: 20px;
                            font-size: 9px;
                            }
    可以轉(zhuǎn)換為:

    .some-class{color:#fff;line-height:20px;font-size:9px;}它會很好地工作。

    不要擔(dān)心—你不必手動格式化代碼。有大量的免費工具可用手頭縮減您的CSS和JavaScript文件。

    CSS，你可以找到一群從這個易于使用的工具CSS優(yōu)化工具列表。

    JavaScript，一些流行的縮小選項可以，YUI壓縮機，JavaScript代碼改進劑。一個好的minifying應(yīng)用程序使您能夠扭轉(zhuǎn)縮小，當(dāng)你在發(fā)展。或者，您可以使用一個瀏覽器工具像Firebug查看代碼的格式化后的版本。

    4、結(jié)合CSS和JavaScript文件，以減少HTTP請求。

    為每一個組件的需要呈現(xiàn)一個網(wǎng)頁，一個HTTP請求創(chuàng)建到服務(wù)器。所以，如果你有五個CSS文件的web頁面，您將需要至少五個單獨的HTTP GET請求特定的web頁面。通過結(jié)合文件，減少HTTP請求開銷需要生成一個web頁面。

    看看尼爾斯Leenheer如何的文章結(jié)合使用PHP的CSS和javascript文件（可以適應(yīng)其他語言）。SitePoint討論類似的方法捆綁你的CSS和JavaScript;他們可以刮掉1.6秒響應(yīng)時間，從而減少76%的原始時間的響應(yīng)時間。否則，你可以結(jié)合你的CSS和JavaScript文件使用好，舊的復(fù)制粘貼操作。

    5、使用CSS精靈減少HTTP請求。

    一個CSS精靈是一個較小的圖像組合成一個大的形象。顯示正確的圖像，你調(diào)整 background-positionCSS屬性。以這種方式結(jié)合多個圖像減少HTTP請求。

    例如，在Digg中，您可以看到各個圖標的用戶交互。減少服務(wù)器請求，Digg結(jié)合幾個圖標一個大的圖像然后用CSS來將它們適當(dāng)位置。

    你可以手動，但有一個基于web的工具CSS精靈發(fā)電機讓你選擇上傳圖片組合成一個CSS雪碧，然后輸出（CSS代碼 background-position屬性）來呈現(xiàn)圖像。

    6、使用服務(wù)器端壓縮以減少文件大小。

    這可能會非常棘手，如果你在一個共享網(wǎng)絡(luò)主機不已經(jīng)端壓縮，但完全優(yōu)化頁面組件的服務(wù)應(yīng)該被壓縮。壓縮頁面對象類似于壓縮一個大文件，你發(fā)送通過電子郵件：你的web服務(wù)器壓縮一個大家庭的照片（頁面組件）和電子郵件給你的朋友（瀏覽器）—他們反過來解壓zip文件。流行的壓縮方法縮小和gzip.

    如果你運行自己的專用服務(wù)器或如果你有一個VPS——你很幸運—如果你沒有啟用壓縮，安裝一個應(yīng)用程序來處理壓縮是小事一樁?？纯催@個指導(dǎo)如何安裝mod_gzipApache。

    7、避免內(nèi)聯(lián)CSS和JavaScript。

    默認情況下，外部CSS和JavaScript文件由用戶的瀏覽器緩存。當(dāng)用戶導(dǎo)航離開著陸頁，他們已經(jīng)將你的樣式表和JavaScript文件，從而節(jié)省了他們需要再次下載樣式和腳本。如果你使用大量的CSS和JavaScript在HTML文檔中，你不會利用web瀏覽器的緩存功能。

    8、網(wǎng)站出售資產(chǎn)和特性。

    卸載一些站點的資產(chǎn)為第三方web服務(wù)和特性極大地降低您的web服務(wù)器的工作。網(wǎng)站出售資產(chǎn)的原理和性能是你分享服務(wù)頁面組件與另一個服務(wù)器的負擔(dān)。

    您可以使用Feedburner處理你的RSS訂閱，F(xiàn)lickr為你的照片（注意的影響把你的圖片），Google AJAX庫API為流行的JavaScript框架/庫MooTools，jQuery和Dojo。例如，在Six Revisions我使用亞馬遜的簡單存儲服務(wù)（Amazon S3），處理圖片你看到這個頁面上，以及Feedburner處理RSS提要。這僅僅允許我自己的服務(wù)器來處理的HTML，CSS和CSS背景圖像。不僅是這些解決方案具有成本效益，但是他們大大減少web頁面的響應(yīng)時間。

    9、使用Cuzillion計劃出一個最佳的web頁面的結(jié)構(gòu)。

    Cuzillion是一個基于web的應(yīng)用程序創(chuàng)建的嗎Steve Souders（前端工程師對谷歌離開雅虎擔(dān)任首席性能)），可以幫助你嘗試不同的配置一個web頁面的結(jié)構(gòu)來看看最優(yōu)結(jié)構(gòu)。如果你已經(jīng)有一個網(wǎng)頁設(shè)計，您可以使用Cuzillion模擬web頁面的結(jié)構(gòu)，然后調(diào)整是否可以提高性能通過移動周圍的事物。看來InsideRIA視頻面試史蒂夫音響討論Cuzillion是如何工作的和幫助你開始快速指南。

    10、定期監(jiān)控web服務(wù)器性能和創(chuàng)建基準。

    web服務(wù)器是操作的頭腦—它負責(zé)正確/發(fā)送HTTP請求/響應(yīng)人民和所有您的web頁面組件。如果您的web服務(wù)器沒有運行良好，你就不會得到最大利益的優(yōu)化工作。至關(guān)重要的是你經(jīng)常檢查您的web服務(wù)器的性能問題。如果你有root-like訪問和可以安裝在服務(wù)器上的東西，結(jié)賬ab—一個Apache web服務(wù)器或基準測試工具Httperf從IBM。

    如果你沒有訪問您的web服務(wù)器，你要使用遠程工具小提琴手或HTTPWatch分析和監(jiān)控HTTP流量。他們都將指出的地方麻煩你看一下。基準測試之前和之后做出重大變化也將給你一些有關(guān)您的更改的影響。如果您的web服務(wù)器不能處理你的網(wǎng)站產(chǎn)生的流量，是時候升級或服務(wù)器遷移。

     (轉(zhuǎn)載請注明轉(zhuǎn)自：theclubhubb.com/news/n1868.htm，謝謝!珍惜別人的勞動成果，就是在尊重自!）