SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

網頁排版靠 CSS,為求可維護性,我們通常會將共用語法單獨寫在一個 CSS檔案,然後由網頁從外部引進使用,以便將來在維護時會較輕鬆且不會出錯,但從外部引進的 CSS檔案多了,卻會造成網頁加載緩慢的問題,SiteLocity 這個網站提供了 Critical Path CSS Generator 的免費功能,該功能可將網頁從外部引入的多個 CSS 檔案合併成一個並最佳化,而使用方式也非常簡單,使用者僅需輸入網址交由 SiteLocity網站掃描,便可以得到合併後的 CSS語法。

§相關文章,還可以參閱:

如何使用 Critical Path CSS Generator - SiteLocity 合併網頁從外部引入的 CSS?

1.使用瀏覽器進入 Critical Path CSS Generator - SiteLocity 網站,便可以輸入網址交由系統進行分析。

SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

2.完成處理,便會產生合併後的 CSS語法、未最小化與已最佳化的 CSS檔案。

SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

3.至於如何正確的使用所產生的語法與檔案,該網站也有很詳細的介紹。

SiteLocity 將網頁從外部引入的 CSS 合併並最佳化

我們習慣將同性質的檔案集中在一個資料夾內儲存,就像一個群組般的方便日後存取,那麼如果資料夾不再單調的只是同一種顏色,對使用者而言將更容易識別與傳遞,而 Google 雲端硬碟內的資料夾就可以由使用者自行變更顏色,而且操作步驟非常簡單,如此一來,識別資料夾不再只能依靠資料夾名稱,也可以以顏色來代替。

資訊互相傳遞的工具有很多,若需要傳送有前後順序的多個網址來說,如果覺得使用 LINE、Telegram...這類軟體都不適合,可以來試試 Sudopad 這個網站所提供的免費服務,該網站可以建立一個專屬網址讓使用者輸入相關網址及其備註,而所有人與共享者都可以利用這個專屬網址進行新增與接收,藉此達到簡單的資訊互通目標,