前兩天一位新客戶說他的shopify店鋪載入速度很慢，首頁完全載入需要 5~6 秒甚至更高，問ytkah有沒辦法幫忙優化一下。shopify**速度優化要看具體用了什麼模板，有什麼功能，哪些可以改哪些不能改，這些需要提前先跟客戶溝通好，有些功能想要留著但又影響效能，這時就要權衡了。以下是客戶**優化前的資料：
以下是優化後的效果，提公升非常明顯，lcp 1.5s，cls 0.01
largest contentful paint (lcp) 是 lighthouse 於 2020 年推出的一項效能指標，旨在更好地衡量使用者的感知載入體驗。用最簡單的術語來說，lcp 測量頁面上最大的「內容元素」（例如，主圖、標題文字等）在訪問者的視口中變得可見需要多長時間。lcp 是構成 google web vitals 的指標之一。
cumulative layout shift (cls) 是 lighthouse 於 2020 年推出的一項效能指標，用於衡量頁面載入的感知視覺穩定性。簡而言之，cls 測量頁面呈現時 web 元素的意外移動。然後將此測量量化為頁面上所有單獨布局變化的總分。cls 也是構成 google web vitals 的指標之一。
有需要提公升shopify**效能的朋友可以聯絡ytkah優化
shopify主題設定自定義字型
shopify的主題一般使用google字型或者shopify內建的字型。但有時候這些字型不符合我們的需求，我們就需要自定義主題的字型了。各個主題的自定義字型的方式可能不太一樣，我有在網上看到一篇自定義字型的文章，忘記是誰寫的了，應該是有效的，但好像不適用於我的這個主題，我也沒有進行嘗試，不知道效果...
網頁速度優化
一 我們需達解決的麻煩 減小被請求檔案大小,減少請求資料占用的網路頻寬.讓使用者更快的看到想要的結果.提高客戶端渲染速度.讓瀏覽器同時能請求更多的資料.提高伺服器相應速度.通過版本化控制客戶端cache.二 如何解決我們的麻煩 a.如何減少http請求數 合併js檔案跟css檔案。合併框架以及相對變...
優化網頁速度
1 優化2 影象格式的選擇 一般在網頁上使用的格式有三種，jpg png gif.三 種格式的具體技術指標不是這篇文章 的內容，我們只需要知道在什麼時候應該使用什麼格式，以減少網頁的載入時間。1 jpg 一 般用於展示風景 人物 藝術照的攝影作品。有時也用在電腦截圖上。2 gif 提供的顏色較少，可...