靜態網站生成 (SSG) 是一種建立網站的方法,其中 HTML 頁面在建置時生成,而不是在執行時生成。這意味著網站的內容在部署到 Web 伺服器之前會預先呈現為靜態 HTML 檔案。
靜態站點產生(SSG)的類比可以從印刷書籍的世界中得出。
類比:在發布之前列印一本書
想像一下您是一名作家,計劃發行一本新書。在這種情況下,這本書是您的網站,而書中的頁面是各個網頁(例如主頁、關於頁面、部落格文章等)。
對於傳統網站(例如動態網站),每次有人訂購您的書的副本時,出版商都會從頭開始列印該書,一次一本。每位顧客必須等待書籍列印和裝訂後才能收到副本。您的訂單越多,列印所有副本所需的時間就越長,如果很多人同時訂購,則過程可能會變慢(網站速度慢)。
現在,想像一下,您不是在有人訂購時列印這本書,而是提前列印所有書籍並將其庫存在您的商店中。當有人進來購買這本書(或訪問該網站)時,他們可以立即從書架上拿起預先列印的副本。無需等待,書籍(網頁)已準備就緒。
這就像靜態網站產生(SSG),所有網頁都是在使用者造訪網站之前產生的,當有人要求頁面時,它會立即從預先建立的靜態檔案中提供服務。
這個比喻的好處:
速度:客戶可以立即拿起預先印刷的書籍,就像使用者可以立即訪問預先建立的網頁一樣。
效率:不需要每次有人訂購一本書就重新列印書籍,就像不需要為每個使用者重新渲染頁面一樣。
可擴充性:無論您有 10 個客戶還是 10,000 個客戶,他們所需要做的就是從書架上拿起一本預印的書(或提供預先建立的頁面)。
這如何適用於 SSG:
預先建置:這本書是大量列印的(頁面在建置期間預先渲染)。
即時造訪:當使用者(客戶)來到網站(商店)時,他們會立即獲得內容,因為內容已經預先建立(預先列印)。
SSG 技術範例:Gatsby
Gatsby 是一個流行的靜態網站產生器。它允許您透過將各種來源(例如 CMS、Markdown 檔案或 API)的資料編譯為靜態 HTML、CSS 和 JavaScript 檔案來預先建立網站。一旦建立,您的網站就可以非常快速地提供服務,就像書架上預先印好的書一樣。
總而言之,SSG 就像在發布之前打印所有書籍,因此當客戶出現時,他們可以立即獲取副本,而無需等待打印,從而提供更快、更有效的內容服務方式。
以上是靜態站點生成(SSG)|類比解釋的詳細內容。更多資訊請關注PHP中文網其他相關文章!