什麼是靜態WordPress網站? 你為什麼要一個?

埃德溫·圖嫩

埃德溫(Edwin)是戰略內容專家。 在加入Yoast之前,他花了幾年時間在荷蘭領先的網頁設計雜誌上磨練自己的技能。

什麼是靜態WordPress網站,您為什麼要一個什麼是靜態WordPress網站?  你為什麼要一個?

靜態網站? 那不是老派嗎? 在網路初期,所有網站都是靜態的。 今天,將您的動態WordPress網站轉變為高性能的靜態網站可能對您來說是一個可行的選擇。 訪客獲得超快速的瀏覽體驗,而內容管理者繼續使用WordPress創作體驗和插件生態系統。 黑客幾乎沒有需要攻擊的區域,因為唯一面向公眾的資源是靜態頁面。 我們問了Miriam Schwab-靜態WordPress網站專家和首席執行官 地層 —揭示靜態網站的秘密力量。

誰是Miriam Schwab

Miriam Schwab從事WordPress已有14年以上,她很喜歡。 在創立和管理WordPress開發機構十三年之後,她現在成為Strattic的聯合創始人兼首席執行官。 Strattic將WordPress網站轉換為靜態網站。 Miriam領導一個由20人組成的團隊,分別位於以色列,美國和德國。

您為什麼要將用WordPress構建的動態網站變成靜態網站?

當我在2000年代初開始建立網站時,它們是非常靜態的。 這就是為什麼我經常形容向靜態網站的轉變即將到來。

靜態網站具有幾個重要優點:

  1. 速度。 靜態站點通常更快,因為每個頁面都是預渲染的-沒有底層處理伺服器,沒有資料庫查詢,也沒有PHP處理,因此可以將頁面快速提供給用戶。 他們更快的另一種方式是可以通過CDN提供每個頁面。 在您的標準動態站點中,只能對靜態資產(例如圖像,CSS和JS)進行CDNed。 但是,實際的HTML頁面不能,因為它們是虛擬的。
  2. 安全。 您的標準動態網站具有很大的攻擊面。 從Apache伺服器到MySQL到站點上安裝的每個插件的每一層都可能受到攻擊。 很難始終確保所有孔都被塞住。 有了靜態網站,幾乎沒有什麼可違反的。
  3. 可擴展性。 支持高流量站點非常昂貴,而且可能很複雜。 即使成功完成操作,流量高峰也會嚴重降低網站速度並引發問題。 靜態站點可輕鬆擴展。 我們的一位客戶受到媒體的歡迎,他們的訪問量增加了十倍,而我們根本感覺不到! 網站規模不斷擴大,不僅如此,而且速度更快。 這就是CDN的怪異之處–網站獲得的流量越多,速度就越快。
  4. 減少管理和維護。 對於動態站點,需要定期維護,例如升級,安全性調整,速度優化等。在靜態生成的站點中則不需要(返回以上幾點)。

我反覆聽到走過完整靜態路由(也稱為Jamstack)的人的話,他們最終花費大量時間進行編碼以管理其站點上的內容。 此外,非WordPress靜態網站的堆棧非常多樣化,並且不斷變化。 每個靜態站點都需要CMS,靜態站點生成器,存儲,CDN甚至版本控制。 對於這些層中的每一層,都存在數十個(甚至數百個)解決方案。 使用WordPress,您可以在一個系統中獲得大部分。 您需要單獨照顧靜態層。 為此,您可以使用插件或像Strattic這樣的端到端平台。

當然有缺點嗎?

缺點是某些類型的功能無法在靜態站點上直接使用。 您需要進行一些工作以使其與靜態兼容。 有時使站點成為靜態就緒很簡單,但有時卻很複雜。

而且,這是一個新的範例,在管理網站的方式方面需要稍加思考。 如果您使用自己的靜態發布插件,則需要配置整個環境,從WordPress託管到靜態存儲再到CDN。 您必須確保它可以捕獲每個頁面,重定向,圖像等,而不會導致伺服器崩潰。

在Strattic上,我們自動使用靜態友好的解決方案替換了許多傳統的動態功能。 例如,如果您在網站上進行搜索,則無需進行任何操作即可將其替換為由Algolia支持的搜索,並且我們支持現成的WP表單插件(例如Gravity Forms和CF7)。 但是,我們採用不同的安全性方法意味著您需要輸入其他憑據才能訪問您的站點。

此外,將更改發布到活動的靜態站點還涉及一個附加步驟:首先,將內容發布在WordPress站點上,然後將其發布到靜態站點,這可能需要花費幾分鐘的時間才能生效。 這只是一個額外的按鈕,但流程卻不同。

以及在SEO方面的潛在好處?

運行靜態站點可能會帶來SEO好處,因為它們往往載入得更快。 當然,這可以降低跳出率並提高轉化率。 此外,它們極難破解。 網站不必冒從Google的搜索索引中刪除惡意軟體之類的風險。

通常,運行對SEO友好的靜態網站與常規WP網站相同。 因此,請確保您擁有良好的內容,標題,元標記,鏈接等。理想情況下,靜態生成的網站還可以使用出色的工具(例如 Yoast SEO

在Strattic,我們非常喜歡Yoast SEO。 如此之多,我們將它作為完全支持它的首要任務之一:所有元數據,Open Graph標籤等都完美髮布到靜態站點。 此外,我們還發布了Yoast的XML網站地圖robots.txt,甚至支持使用Yoast創建的301重定向。 當然,我們還支持使用重定向和安全重定向管理器插件生成的重定向。

靜態網站的獲取速度有多快,還需要什麼才能最大程度地利用它?

速度的提高取決於您如何構建網站以及在何處託管網站。 我們已經看到速度提高了多達20倍,但是運行準確的速度測試卻具有挑戰性。 有時,這些數字並不能反映出速度的飛速增長,但是對於用戶來說,該網站感覺更快。 在訪問網站上的一頁之後,每次後續訪問都感覺幾乎是即時的。

同樣,可以通過CDN完全提供靜態生成的站點上的所有頁面,包括HTML頁面。 標準WP網站上的內容頁面實際上並不以獨立文件的形式存在:它們是根據需要生成的虛擬頁面。 因此,在那種情況下,可以通過CDN提供的文件只是靜態文件,例如圖像,視頻,JS和CSS。 用戶訪問內容頁面取決於它是否從WP伺服器的物理位置到達他們,這在許多情況下可能很遙遠。 這可能是英國的訪客試圖查看德克薩斯州託管的網站。 靜態站點中的所有頁面都以獨立文件的形式存在,包括內容頁面。 該系統將這些文件預先呈現為HTML文件,因此可以通過CDN提供這些文件,也為全球人民提供了更快的訪問速度。

正如您所說,安全是運行靜態WordPress網站的另一個主要優勢,對嗎?

是的,確切地說,安全性絕對是靜態站點的主要優勢。 您的標準WP站點在LAMP伺服器上運行。 從操作系統到MySQL到PHP,該伺服器的每一層都有潛在的漏洞。 然後,最重要的是,您已經有了運行許多插件的WordPress網站。 所有這些插件都可能需要隨時進行安全更新。 您更新網站所花費的每一分鐘都會為大量的黑客機器人打開一個機會之窗,他們在網上搜尋這些已知的弱點。

靜態站點實質上只是文件的集合。 無需進行任何處理或查詢,因此基本上沒有什麼可修改的。 在Strattic上,我們將原始WP網站與面向公眾的網站脫鉤。 然後,我們將其存儲在一個容器中,該容器在不使用時會關閉,並且只有經Strattic認證的用戶才能訪問。 結果,靜態生成站點的所有者可以在晚上睡得更好?

假設您有一個很好的用例,用WordPress構建靜態網站,您從哪裡開始呢?

用戶可以選擇幾種方法來使用WordPress構建靜態網站:

  1. 您可以建立一個無頭的WordPress網站。 這意味著WP管理員僅用於內容管理,而不用於前端。 前端從WP Rest API或WPGraphQL獲取內容。 這是構建站點的一種非常複雜的方法,因為您需要構建一個與內容管理相關的前端。 然後,隨著站點的發展,您必須繼續創建新的連接。 它還使您可以使用Gutenberg塊,Elementor或幾乎任何會影響您網站看起來更困難甚至有時無法實現的插件。
  2. 您可以像往常一樣在WordPress中構建網站(主題,插件和所有內容),然後使用專門用於生成網站靜態版本的平台。 例如,像Strattic。 我們照顧整個環境,並支持重要的WP功能,否則在靜態站點上進行工作可能會很複雜。 例如,Yoast SEO,搜索(我們為所有用戶開箱即用,用高質量的Algolia支持的搜索替換本機WP搜索),WPML,Polylang,301重定向,受密碼保護的頁面,預​​定的帖子,重力表單,請與表格7,CoSchedule等聯繫。

回顧一下,對於想要啟動靜態WordPress網站的人,您有5條重要的秘訣?

  1. 熟悉「靜態」的含義及其好處。 關於這個主題有很多內容。 用於描述此網站開發方法的另一個流行術語是「 Jamstack」。 它應相對於LAMP堆棧放置,這被認為是較舊和傳統的。 「 Jam」代表Javascript,API和標記。
  2. 研究用於託管和發布靜態WP網站的可用選項,並查看最適合您的方法。
  3. 確保您使用的是對靜電友好的工具。 例如,直接向其提交表單提交的第三方表單系統(如TypeForm,Marketo,Wufoo,Hubspot,MailChimp等)非常好。 如果您使用的是Strattic,則還可以使用Gravity Forms或CF7 – WordPress表單插件,這些插件無法在開箱即用的靜態環境下工作,但我們在Strattic上支持它們。 您可以在我們的網站上看到許多可用來替代傳統的「動態」功能的工具示例 靜態工具目錄
  4. 在啟動靜態站點之前,請對其進行徹底的測試。 Strattic提供免費試用,您可以在連接網站域之前遷移網站的副本並將其發布為靜態。 此外,除靜態生產站點外,所有Strattic用戶還可以獲得一個靜態預覽站點。 即使連接了域,也始終可以先在Preview靜態環境中首先測試WP網站,以確保一切正常,然後再將更改部署到活動站點中以供所有人查看。
  5. 慶祝成為激動人心的趨勢的一部分,這有助於確保WordPress的所有人的未來! ?

資源

相關文章