parallax重力視差js

從燈塔報告中找到h5移動端的優化建議

1. 指定Chrome和Opera中主題的背景顏色

<!-- 設定Chrome和Opera瀏覽器下的主題色 -->
<meta name="theme-color" content="#4285f4">
<!-- safari展示獨特的載入圖片 -->
<link rel="apple-touch-startup-image" href="icon.png">
<!-- 修改狀態列的外觀 black留出時間欄 black-translucent時間欄也被覆蓋 -->
 

<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 360瀏覽器預設webkit核心渲染 -->
<meta name="renderer" content="webkit">
<!-- 國內雙核瀏覽器預設webkit核心渲染 -->
<meta name="force-rendering" content="webkit">
<!-- 取消百度轉碼 -->
<meta http-equiv="Cache-Control" content
 
="no-siteapp">
<!-- google opensearch -->
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
<!-- 新增一個網站清單 -->
<link rel="manifest" href="./manifset.json">

表單可訪問性回顧 aria-label aria-labelledby

Dns預讀取

google opensearch 開啟

元資料

link rel = ‘alternate’

link: 定義當前文字與外部資源的關係
meta: 使用元資料 描述以及定義當前使用的頁面

css3 animation step方法