八月 15, 2018 | 後端和Drupal

【優化網頁】加快Drupal網站的速度,不可不知Boost模組

相信大家都還記得,當初撰寫Html網頁時候,Loading網頁速度之快,而且問題極小。而到了動態網頁像是PHP、ASP等語言的時候,因為多了跟伺服器交流的時間,速度進而緩慢了下來。因此,要如何增進網頁的速度是大家關心且關切的議題。尤其是使用Drupal等高度彈性的CMS,這個部分也尤其重要。

前言

相信大家都還記得,當初撰寫Html網頁時候,Loading網頁速度之快,而且問題極小。而到了動態網頁像是PHP、ASP等語言的時候,因為多了跟伺服器交流的時間,速度進而緩慢了下來。因此,要如何增進網頁的速度是大家關心且關切的議題。尤其是使用Drupal等高度彈性的CMS,這個部分也尤其重要。

優化網頁必備 Boost模組

  • 模組:Boost
  • 連結:https://www.drupal.org/project/boost
  • 主要功能:將動態生成的網頁,轉換成靜態的HTML網頁,以增快網站的讀取速度

以下將會用簡單的例子來說明,並且做出一個安裝前後的比對

網頁現況

由於影響網頁的速度條件太多。這裡測試將會以條件都一樣的情況下,比較有無Boost模組造成的影響

在尚未安裝前,我的網頁首頁平均加載時間為2.44秒可以由上圖得知,網頁的速度只有普通的速度,若一個人看網頁還好,但若同時有1000個人看網頁呢? 舉個簡單例子,今天我去早餐店,每一個東西如果都要現做,那就要等廚師做完,廚師也許做煎一顆蛋很快,但同時要煎蛋、吐司、火腿、蛋餅全部一起來的時候,那麼速度肯定會往下走的。但今天如果大家來早餐店,都是拿已經做好的三明治,當然速度不僅快,而且可以服務很多人。 我們就來看看如何進行Boost的安裝還有優化網頁速度吧

安裝流程

整體的安裝流程其實超容易,若您還不會安裝Drupal模組,可以參考我們網站的教學文章。裡面有非常詳細的過程。

  1. 下載模組,並且安裝,然後關閉系統的Cache

    • 安裝模組
    • 關閉cache
  2. 進入Htaccess Generate安裝完畢模組後,請到模組的設定畫面【admin/config/system/boost】,你會看到htacess Generation。進入後,可以得到以下的畫面。

  3. 複製Generated Rules並且貼到.htaccess裡面複製後,請貼到以下的中間

    # If your site is running in a VirtualDocumentRoot at http://example.com/,
      # uncomment the following line:
    # RewriteBase / 
    請貼在這裡
    # Pass all requests not referring directly to files in the filesystem to
    # index.php. Clean URLs are handled in drupal_environment_initialize().
    
    
  4. 檢查狀態報告若這裡並非綠色,可能是因為資料夾(cache)權限的關係,跟著提示將資料夾權限打開即可

  5. 完成安裝

特別備註

若第二點/第三點沒有做,同樣會發現狀態報告是綠色,但是其實效果是沒有的,所以一定要做完畢全部流程才行。

進行測試

若安裝完畢後,你會發現cache資料夾將會產生一些html檔案

  • 速度檢測

  • 檢視原始碼 當成功後,你會發現網頁下方會多一串小字


看到就代表成功囉

結論

網頁優化之中,速度優化是很重要的一環,善用緩存不僅可以降低伺服器的成本,更可以提高使用者的體驗。Boost模組著重的是將動態網頁變成靜態HTML網頁,提供網頁的讀取速度,並且降低伺服器的負擔。是個非常好用且實用的模組,幾乎也是所有Drupal網站所必備。目前模組的部分只有D7,然後在D8有考慮未來將這個模組直接納入到核心模組之中,敬請期待囉。