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

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

    為什么專注于前端性能？

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

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

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

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

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

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

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

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

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

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

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

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

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

    JavaScript，一些流行的縮小選項可以，YUI壓縮機，JavaScript代碼改進劑。一個好的minifying應用程序使您能夠扭轉縮小，當你在發(fā)展?；蛘撸梢允褂靡粋€瀏覽器工具像Firebug查看代碼的格式化后的版本。

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

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

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

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

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

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

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

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

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

    如果你運行自己的專用服務器或如果你有一個VPS——你很幸運—如果你沒有啟用壓縮，安裝一個應用程序來處理壓縮是小事一樁。看看這個指導如何安裝mod_gzipApache。

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

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

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

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

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

    9、使用Cuzillion計劃出一個最佳的web頁面的結構。

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

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

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

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

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