此功能新增在「Rendering」的最下面，可以模擬的模式有： ✨Blurred vision。 ✨Protanopia：無法感知任何紅光。 ✨Deuteranopia：無法感知任何綠光。 ✨Tritanopia：無法感知任何藍光。 ✨Achromatopsia：除了灰色陰影之外，無法感知任何顏色。 另外，他們也把「Audits」頁籤改名為「Lighthouse」，因為有太多人找不到 Lighthouse 在哪裡了 LMAO。 而表單元素外觀的更新……立意良善，基本上設計師依舊會設計自己想到的樣式。 提外話，Edge 的 DevTool 介面則有中文版本，且連更新訊息也是中文的👍。 Edge 的 DevTool 更新後的 bug svg favicon 裡面的 prefers-color-scheme 語法失效，造成瀏覽器上面的頁籤讀不到其中的語法。(同年 6月20日 chrome 已修正這項錯誤) <link rel="icon" href="/favicon.svg" type="image/svg+xml"> <!-- the svg file --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="64" height="64" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve"> <style> path{fill:#2858aa;} @media (prefers-color-scheme: dark) {path{fill: #23A6DE;}} </style> <path d="M35.241,20.173c2.321-0

Core Web Vitals（CWVs；網站使用體驗核心指標） Google 發表新的網站品質評估指標 Core Web Vitals ，目的是提供具有代表且一致性的網站品質數據，這些指標分別為：LCP、FID、CLS 與2022年新增的 INP。但在2024年，FID將正式被INP取代。 因為評估網頁速度體驗的方法百百種，而且很難把 UX 數據量化，而因為 CWVs 會成為 Google 搜尋排名 SEO 的因素之一，一些網頁檢測工具勢必會跟上這次提出的標準。 指標的檢測標準。圖片來自 blog.chromium.org 什麼是 LCP？ LCP是最大內容繪製元素(Largest Contentful Paint)，視窗可見範圍內最大內容元素的渲染時間。根據 LCP API 考慮的元素類型有： img 元素 在 svg 裡面的 image 元素 有 poster image 的 video 元素 使用 CSS url() 載入圖片的元素 包含文字節點的 Block-level 元素 什麼是 CLS？ CLS是累計版面配置位移(Cumulative Layout Shift)，可以想成頁面載入時的穩定度。CLS 會測量在頁面整個生命週期中發生的每個意外排版位移（layout shift），並將所有單獨排版位移的分數加總，分數在0到1之間。比如使用者才剛閱讀完一句話，突然上面跑出廣告把剛才閱讀的文字往下擠，或是想點擊取消按鈕，卻在下一秒位移按到確定，造成非常糟糕的使用體驗，都會讓分數增加。 什麼是 FID？ FID是首次輸入延遲(First Input Delay)，用戶首次與頁面互動（點擊連結、輸入欄、下拉選單、按鈕或 JavaScript 驅動的元件）到瀏覽器能夠回應該互動的時間。而當量測工具無法測量 FID 時，可以換成評估與 FID 關係密切的 總阻塞時間（TBT） 指標，因此優化 TBT 也可直接提高 FID 的品質。 但在 INP 出現之後，基本上就被其取代了，Google也宣布將在20

什麼是 emoji？ emoji 為日文 絵文字 えもじ 的發音，存在很久了，近年因 SNS (社群網路)和聊天軟體的發達，出現頻率越來越高，再加上各家瀏覽器的支援，讓 email 和網頁也能很簡單地加上 emoji 與使用者互動，但必需注意 emoji 在每個瀏覽器的外觀皆不大相同。 而另一個「顔文字」屬於字元表情，例如 ( ͡° ͜ʖ ͡°)，雖然也有相同的效果，但不在這次的討論範圍內。 emoji 查詢網站： https://getemoji.com/ 以前的 emoji 在 SERP 原本的 SERP 是除非使用者在搜尋欄加上 emoji，才會出現網頁中的 emoji，要不然它會自動把其過濾掉；也因為如此，就算加上 emoji，Google bot 也是直接跳過，不會錯判其語意。 現況的改變，其好處在哪裡？ 以這個頁面來說，網頁原始碼的 title 中存在 😆 ，搜尋結果並不會將它過濾掉。不確定它是不是 Google 暫時性的測試（ 事後證明為測試，現在已不包含， ）。 這是吸引更多使用者視線的方法之一， 但現在必需要在使用者搜尋時，關鍵字包含 emoji 才會顯示在 SERP 中（不只圖案，「emoji」這個字也可以）。 而 emoji 對 SEO 有任何影響嗎？答案是沒有任何影響。