我最近在我的網站較少的HTTP請求 - WordPress站點
重點放在我的網站的主要領域似乎是樣式表和JS,使更少的HTTP請求運行gtmetrix.com速度測試。它告訴我...
此頁面有44個外部Javascript腳本。嘗試將它們合併爲一個。
此頁面有33個外部樣式表。嘗試將它們合併爲一個。
是否可以將這些全部合併爲一個?我有一個帶有我的子主題的樣式表,其餘來自父主題和Bootstrap CSS/Js。
此外,這對我的網站的速度有很大的影響?
我最近在我的網站較少的HTTP請求 - WordPress站點
重點放在我的網站的主要領域似乎是樣式表和JS,使更少的HTTP請求運行gtmetrix.com速度測試。它告訴我...
此頁面有44個外部Javascript腳本。嘗試將它們合併爲一個。
此頁面有33個外部樣式表。嘗試將它們合併爲一個。
是否可以將這些全部合併爲一個?我有一個帶有我的子主題的樣式表,其餘來自父主題和Bootstrap CSS/Js。
此外,這對我的網站的速度有很大的影響?
如果您的css文件存儲在您自己的服務器上,您可以按任意順序將它們連接成一個文件。如果你的js文件存儲在你自己的服務器上,你也可以小心地將它們連接成一個單獨的文件,但是它們連接的順序應該與它們現在被調用的順序相對它們自己和html代碼相匹配,只是爲了安全起見,所以像jquery這樣的通用東西可能應該放在第一位,而非常具體的自定義腳本應該最後添加。確保將相應的東西包裝在$(document).ready(function(){})中。
如果您的css和js文件按照您的指示存儲在外部服務器上,那麼您可以下載它們並將其存儲在本地,也可以使用cURL在頁面加載時將其全部存儲在服務器端你的語言)而不是客戶端,然後每次載入頁面時將它們組裝到內存中。不知道爲什麼你會這樣做,因爲它會佔用大量的服務器資源,並可能使網站運行速度變慢,但這是可能的。
實際上,我想要提高你的速度,而不是拼接文件,這不會提供太大的好處,而是看看你真正需要哪些文件,然後擺脫那些你不需要的文件,噸。
我同意這種觀點,但我確實相信請求40個文件與1個文件的區別可能會相當顯着,當然如果您的服務器會被其他請求所淹沒。它還允許緩存單個文件,從而減少緩存服務器的負載。 – somethinghere
將不會有真正顯着的效果。你只是在談論毫秒。下載的文件仍然佔用相同數量的空間(鑑於它們已經縮小)。但是如果你確實想知道其中的一個。退房https://github.com/mrclay/minify – JustinJmnz
考慮使用插件,如果它是一個WordPress站點 - 但它不是一個好主意,結合JS,爲CSS沒關係 –
是的,我有一個緩存插件,它將所有我的CSS和JS。因此,故事的寓意是...不是要失去太多睡眠的東西嗎? :-) lol – PaulMcF87