製作一個 Hugo + Tailwind CSS 初始檔
深入了解如何製作 Hugo + Tailwind CSS 的初始檔。從安裝、開發到產生靜態檔，本文詳細指導了各種設定和技巧，包括使用 Open Graph、Schema 結構化資料和處理圖檔。完整的初始檔案也已分享在 GitHub 上供大家參考。
GA3、GA4 的 6 個不同之處
這篇文章探討了 GA3 和 GA4 之間的六個主要差異。內容包括兩者在數據比較、User-ID 設定、事件追蹤、DebugView 事件偵錯、電子商務事件、轉換、工作階段、網頁瀏覽、跳出率、以及平均網頁停留時間和平均參與時間方面的不同。文章旨在幫助讀者理解 GA3 和 GA4 的區別和各自的特點。
用 VuePress 製作說明文件頁面 – 3：導覽列
本篇大綱：本篇要解決的問題。Navbar 頂部導覽列、Logo、靜態檔放 public 中、Repository 連結、導覽列連結。Sidebar 側邊導覽列、一般單純連結、將連結分組。原始碼、Demo。
切詞工具結巴 Jeiba 優化標籤關鍵字
本篇大綱：切詞功能 幫你找到適合的標籤、結巴 Jieba 基本使用、切詞功能實際應用、參考資料。每篇文章都需要下標籤（tags），有時會不知道要下哪些，或是這個詞是不是大家比較常搜尋的關鍵字。WordPress會把每個標籤獨立成一頁，所以想把標籤盡量設成跟關鍵字有關，以利 SEO。
Google Analytics 用戶計時 / User Timings
深入探索 Google Analytics 的「用戶計時」功能：從基本設定、各地區平均讀取時間到詳細的報表分析。學習如何有效利用這項功能優化網站性能和提供更好的用戶體驗。
WordPress SEO 有幫助的 2 個外掛
探索兩個有助於 WordPress SEO 的外掛：Easy Table of Contents 和 Simple Sitemap。學習如何自動生成文章大綱和網站地圖，以及如何優化網站的內部鏈接結構。本文提供了詳細的安裝和使用指南。
GA 工具 Google Analytics Debugger 介紹及使用
深入了解 Google Analytics Debugger 工具的介紹和使用方法。學習如何確認頁面是否嵌入 GA 代碼、查看 GA Debugger 的用戶界面，以及利用此工具進行有效的 GA 偵錯。
Google Analytics 事件追蹤設定
本篇介紹 Google Analytics 事件追蹤的基本概念，探討埋GA事件的好處、GA事件的四大要素，以及如何正確設定事件類別、動作、標籤和值。此外，還會深入探討事件如何影響跳出率，並提供實際的埋事件追蹤程式碼範例。
WordPress SEO 有幫助的 3 + 4 個外掛
探索 WordPress 上有助於 SEO 的外掛，包括 SG Optimizer、Yoast SEO 和 Schema Rich Snippets。此外，還介紹了四個運行網站時可能用到的額外外掛。本文提供了詳細的安裝和使用指南，助你優化網站 SEO。
像 Medium 的漸近式圖片加載
本篇大綱：圖片延遲載入的3種方式、Medium漸進式載入的3個步驟、Medium漸進式載入，實作程式碼部份、實測頁面讀取時間。實際把頁面用pindom去測試後，頁面讀取時間真的加快了。下面這張是一般直接讀取圖片的數據，4.57秒，下面這張是用了延遲載入後的數據，降到2.02秒。
用 Performance API 檢測檔案讀取時間
上次遇到官網的讀取時間很耗了很久，但從 Network 也沒看出是哪一支檔案造成的情形。當時一位後端就在問說前端有沒有辦法用 JS 看頁面的效能狀況？今天原本是在查別的資料，一個巧合就看到側邊的推薦文章寫了一個 Performance API，在 Google 大神的指引下，找到了這篇：Performance API
Recent Comments