以下是移動端網站優化中適配與加速的秘訣：

適配方面

1. 使用響應式設計

- 流動性布局：采用百分比而非固定像素值來定義元素的寬度，使布局能隨視口寬度自動調整大小，確保在不同設備上保持合理結構。

- 媒體查詢：根據不同設備的屏幕寬度、高度等特征應用不同的CSS樣式，如針對移動設備和PC設備分別設置字體大小等。

- 靈活的圖片和視頻：圖片和視頻使用相對尺寸（如百分比）或視口單位（如vw、vh）設置大小，還可利用媒體查詢為不同屏幕尺寸加載不同分辨率的圖片。

2. 視口設置：通過設置Viewport Meta標簽，指定網頁在移動設備上的視口尺寸和縮放比例，確保頁面在移動設備上正確顯示和縮放。

3. 適配聲明與重定向：對于移動站點，當無法確定來源的ua訪問時，建議默認返回html5或xhtml類型的移動頁面。大型網站可針對不同移動端網頁做好適配聲明，并用302重定向到對應機型。

加速方面

1. 減少HTTP請求

- 合并文件：將多個CSS或JavaScript文件合并為一個，減少請求數。

- 使用CSS Sprite：把多個小圖標合并到一張大圖中，通過背景定位顯示不同圖標，減少圖片請求次數。

- 內聯關鍵資源：對于一些小型的CSS和JavaScript代碼，可直接內聯到HTML中，避免外部文件請求。

2. 優化資源加載

- 壓縮資源：對HTML、CSS、JavaScript文件進行壓縮，去除不必要的空格、注釋和換行符，減小文件體積。對圖片進行壓縮，選擇合適的圖片格式，如JPEG、PNG、WebP等，并設置適當的圖片質量。

- 懶加載：對于頁面中的圖片、視頻等資源，采用懶加載技術，只有在用戶滾動到資源所在位置時才加載，提高頁面初始加載速度。

- 設置緩存：合理設置瀏覽器緩存和服務器緩存，讓瀏覽器在下次訪問時可以直接從緩存中獲取資源，減少重復下載。

3. 使用內容分發網絡（CDN）：將網站的靜態資源（如圖片、CSS、JavaScript文件等）托管到CDN節點上，用戶可以從離自己最近的節點獲取資源，加快資源加載速度。

4. 優化代碼

- 減少DOM操作：頻繁的DOM操作會影響性能，盡量減少不必要的DOM操作，如批量修改元素樣式、避免頻繁的節點插入和刪除等。

- 異步加載JavaScript：將不影響頁面初始渲染的JavaScript代碼設置為異步加載，避免阻塞頁面加載。

- 選擇合適的框架和庫：避免使用過于龐大和復雜的框架和庫，選擇輕量級的、適合移動端的框架和庫，減少代碼體積和加載時間。