這篇文章將專(zhuān)注于改進(jìn)網(wǎng)站的客戶(hù)端（或?yàn)g覽器）端。閱讀第二部分以獲取來(lái)自服務(wù)器端（Apache、mySQL、PHP）的提示。從減少瓶頸到從您的專(zhuān)用服務(wù)器中獲得最大的網(wǎng)站速度，這些技巧將使您走上快速環(huán)境的軌道。

在決定提高服務(wù)器性能時(shí)，人們通常首先考慮硬件。盡管擁有更好的硬件將使您的網(wǎng)站運(yùn)行得更快，但這可能并不總是一種具有成本效益的策略。調(diào)整服務(wù)和經(jīng)過(guò)良好調(diào)整的配置可以并且將會(huì)顯著提升您的專(zhuān)用服務(wù)器，并將導(dǎo)致更快的網(wǎng)站速度與高級(jí)硬件設(shè)置相提并論。您不需要太多的技術(shù)專(zhuān)長(zhǎng)來(lái)優(yōu)化服務(wù)器，只需要足夠的知識(shí)來(lái)了解哪些服務(wù)在您的部署中占用了最多的資源；以及如何調(diào)整其設(shè)置以減少專(zhuān)用服務(wù)器資源的整體消耗。

優(yōu)化文件

在調(diào)整服務(wù)器以提高網(wǎng)站速度的同時(shí)，還要考慮調(diào)整文件。減少空白和評(píng)論，或利用壓縮器為您做到這一點(diǎn)。利用瀏覽器工具的強(qiáng)大功能，您可以分析代碼以驗(yàn)證壓縮。那里有許多 CSS 和 JavaScript 壓縮器，或者您的腳本可能內(nèi)置了一個(gè)。您還應(yīng)該嘗試重用代碼。提供文件時(shí)，它通常會(huì)緩存或存儲(chǔ)在訪問(wèn)者的瀏覽器中。這將減少對(duì)您的專(zhuān)用服務(wù)器的請(qǐng)求，從而提高整體性能。

CSS 和 JavaScript 優(yōu)先級(jí)

只關(guān)注 CSS 或 JavaScript 編輯時(shí)，您不會(huì)讓您的網(wǎng)站運(yùn)行得更快，但這就是為什么沒(méi)關(guān)系。該網(wǎng)站看起來(lái)好像加載速度更快給您的觀眾。如果這是您對(duì)網(wǎng)站所做的唯一更改，您仍然可以有所作為。這里的一般規(guī)則是先加載 CSS，最后加載 JavaScript。這樣一來(lái)，您的頁(yè)面元素或大部分內(nèi)容和鏈接首先在視覺(jué)上生成，而交互式元素（例如動(dòng)畫(huà)）在核心頁(yè)面加載后顯示。您的查看者不會(huì)離開(kāi)您的頁(yè)面，因?yàn)樗麄儗⒛軌蜷_(kāi)始閱讀或點(diǎn)擊內(nèi)部鏈接。將您的 CSS 放在頁(yè)面頂部將使訪問(wèn)者優(yōu)先考慮您的內(nèi)容。由于首先加載所有視覺(jué)方面，因此在訪問(wèn)者有機(jī)會(huì)點(diǎn)擊離開(kāi)之前，其他所有內(nèi)容通常都有足夠的時(shí)間加載。交付網(wǎng)站的視覺(jué)效果后，就可以加載交互式文件和 JavaScript。將您的 JavaScript 放在您網(wǎng)站的底部（通常在頁(yè)腳內(nèi)或頁(yè)腳之后），您的交互元素將在其余部分之后立即加載。

加速專(zhuān)用服務(wù)器

簡(jiǎn)而言之，我們的第一個(gè)提示是：1) 優(yōu)化您的文件并盡可能重用以利用瀏覽器存儲(chǔ)。2) 首先是 CSS，最后是 JavaScript。在本系列的第二部分，我們將介紹：1）優(yōu)化 MySQL 和索引，2）獨(dú)特的 Apache 部署；3) 使用 php.ini 文件微調(diào) PHP 擴(kuò)展。