# 作業2 前端效能調校-當機等候網頁

## 效能調校前

### 網站：https://genelin0128.github.io/HW1/

---
### 效能調校前分數

---
### Performance
> ==DIAGNOSTICS==
> - Image elements do not have explicit width and height
> - Does not have a <meta name="viewport"> tag with width or initial-scale
No <meta name="viewport"> tag found

> ==修改==

<img src="https://upload.wikimedia.org/wikipedia/commons/5/59/Costco_Wholesale_logo_2010-10-26.svg" width="432"
         height="155" alt="costco image" class="costco_img" >

<meta name="viewport" content="width=device-width, initial-scale=1">

---
### Accessibility

---
### Best Practices

---
### SEO
> ==MOBILE FRIENDLY==
> - Does not have a <meta name="viewport"> tag with width or initial-scaleNo <meta name="viewport"> tag found
> - Document doesn't use legible font sizesText is illegible because there's no viewport meta tag optimized for mobile screens.
> - Tap targets are not sized appropriatelyTap targets are too small because there's no viewport meta tag optimized for mobile screens

> ==CONTENT BEST PRACTICES==
> - Document does not have a meta description

> ==修改==

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta
    name="description"
    content="Costco"
/>

---

## 效能調校後

### 網站：https://genelin0128.github.io/HW2/

---
### 效能調校前分數

---
### Performance

---
### Accessibility

---
### Best Practices

---
### SEO

---