這篇文章將專注于改進(jìn)網(wǎng)站的客戶端(或?yàn)g覽器)端。閱讀第二部分以獲取來自服務(wù)器端(Apache、mySQL、PHP)的提示。從減少瓶頸到從您的專用服務(wù)器中獲得最大的網(wǎng)站速度,這些技巧將使您走上快速環(huán)境的軌道。
在決定提高服務(wù)器性能時,人們通常首先考慮硬件。盡管擁有更好的硬件將使您的網(wǎng)站運(yùn)行得更快,但這可能并不總是一種具有成本效益的策略。調(diào)整服務(wù)和經(jīng)過良好調(diào)整的配置可以并且將會顯著提升您的專用服務(wù)器,并將導(dǎo)致更快的網(wǎng)站速度與高級硬件設(shè)置相提并論。您不需要太多的技術(shù)專長來優(yōu)化服務(wù)器,只需要足夠的知識來了解哪些服務(wù)在您的部署中占用了最多的資源;以及如何調(diào)整其設(shè)置以減少專用服務(wù)器資源的整體消耗。
優(yōu)化文件
在調(diào)整服務(wù)器以提高網(wǎng)站速度的同時,還要考慮調(diào)整文件。減少空白和評論,或利用壓縮器為您做到這一點(diǎn)。利用瀏覽器工具的強(qiáng)大功能,您可以分析代碼以驗(yàn)證壓縮。那里有許多 CSS 和 JavaScript 壓縮器,或者您的腳本可能內(nèi)置了一個。您還應(yīng)該嘗試重用代碼。提供文件時,它通常會緩存或存儲在訪問者的瀏覽器中。這將減少對您的專用服務(wù)器的請求,從而提高整體性能。
CSS 和 JavaScript 優(yōu)先級
只關(guān)注 CSS 或 JavaScript 編輯時,您不會讓您的網(wǎng)站運(yùn)行得更快,但這就是為什么沒關(guān)系。該網(wǎng)站看起來好像加載速度更快給您的觀眾。如果這是您對網(wǎng)站所做的唯一更改,您仍然可以有所作為。這里的一般規(guī)則是先加載 CSS,最后加載 JavaScript。這樣一來,您的頁面元素或大部分內(nèi)容和鏈接首先在視覺上生成,而交互式元素(例如動畫)在核心頁面加載后顯示。您的查看者不會離開您的頁面,因?yàn)樗麄儗⒛軌蜷_始閱讀或點(diǎn)擊內(nèi)部鏈接。將您的 CSS 放在頁面頂部將使訪問者優(yōu)先考慮您的內(nèi)容。由于首先加載所有視覺方面,因此在訪問者有機(jī)會點(diǎn)擊離開之前,其他所有內(nèi)容通常都有足夠的時間加載。交付網(wǎng)站的視覺效果后,就可以加載交互式文件和 JavaScript。將您的 JavaScript 放在您網(wǎng)站的底部(通常在頁腳內(nèi)或頁腳之后),您的交互元素將在其余部分之后立即加載。
加速專用服務(wù)器
簡而言之,我們的第一個提示是:1) 優(yōu)化您的文件并盡可能重用以利用瀏覽器存儲。2) 首先是 CSS,最后是 JavaScript。在本系列的第二部分,我們將介紹:1)優(yōu)化 MySQL 和索引,2)獨(dú)特的 Apache 部署;3) 使用 php.ini 文件微調(diào) PHP 擴(kuò)展。