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

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

    為什么專注于前端性能？

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

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

    1、配置你的網(wǎng)頁找到罪魁禍?zhǔn)住?/P>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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