# 林家瑋 Spark 的個人網站備忘錄

###### tags: `個人`

- 主要目的在於熟悉靜態網頁的製作，掌握 SEO 的專業技術。

- 目前已部署在 AWS S3，透過 AWS 的 CloudFront 進行內容交付與 CDN 存取。

- 使用 Https 確保網頁安全性，加強 SEO 排名。
- 通過線上檢測工具 - [SSL Server Test](https://www.ssllabs.com/ssltest/)
(Grade A 表示通過檢測，最高等級為 A+)

- 先前圖片壓縮格式優化的問題，已經透過線上工具 - [Squoosh](https://squoosh.app) 解決了！

- 並透過下列的**線上檢測工具**，進行網站分析：

1. Google 的 [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/)，行動版得分平均為95分，電腦版平均得分為100分。



2. Google 的 [行動裝置相容性測試](https://search.google.com/test/mobile-friendly)，測試結果為「網頁適合透過行動裝置瀏覽」。

3. [WebPageTest](https://www.webpagetest.org)，使用 Simple Testing 模式，以 Mobile 4G 進行測試，結果如下(分數最高為 A+)：
- Security score: F
- First Byte Time: A
- Keep-alive Enabled: A
- Compress Transfer: A
- Compress Images: A
- Cache static content: A
- Effective use of CDN: OK (這一項目沒有分數高低的差別，只要有使用 CDN 就算通過。)

- 目前只在 Google & Yahoo 進行 SEO，透過關鍵字「林家瑋 spark」等等關鍵字，就可以在搜尋引擎的第一頁看到我的個人網站。