這篇文章將專注于改進(jìn)網(wǎng)站的客戶端(或?yàn)g覽器)端。閱讀第二部分以獲取來(lái)自服務(wù)器端(Apache、mySQL、PHP)的提示。從減少瓶頸到從您的專用服務(wù)器中獲得最大的網(wǎng)站速度,這些技巧將使您走上快速環(huán)境的軌道。
在決定提高服務(wù)器性能時(shí),人們通常首先考慮硬件。盡管擁有更好的硬件將使您的網(wǎng)站運(yùn)行得更快,但這可能并不總是一種具有成本效益的策略。調(diào)整服務(wù)和經(jīng)過(guò)良好調(diào)整的配置可以并且將會(huì)顯著提升您的專用服務(wù)器,并將導(dǎo)致更快的網(wǎng)站速度與高級(jí)硬件設(shè)置相提并論。您不需要太多的技術(shù)專長(zhǎng)來(lái)優(yōu)化服務(wù)器,只需要足夠的知識(shí)來(lái)了解哪些服務(wù)在您的部署中占用了最多的資源;以及如何調(diào)整其設(shè)置以減少專用服務(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ì)您的專用服務(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è)腳之后),您的交互元素將在其余部分之后立即加載。
加速專用服務(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ò)展。