Tech seo sharing
2020 06 04 Jason
Web vitals
Google new performace metrics
| Old metrics | Web vital |
|---|---|
| first contentful paint first meaningful paint speed index |
largest contentful paint |
| first input delay | first input delay |
| cumulated layout shift (new) |
Largest Contentful Paint
化繁為簡，大就是準
fcp
lcp
LCP candiate
- <img> elements
- <image> elements inside an <svg> element
- <video> elements (the poster image is used)
- An element with a background image loaded via the url() function (as opposed to a CSS gradient)
- Block-level elements containing text nodes or other inline-level text elements children
image rendering time
occurs when image onload
Splash screen should not be concerned
If old candidate is removed, a new candidate is found
First Input Delay
JS 還沒跑完所以按了沒有反應
Cumulated Layout Shift
畫面穩定度
layout shift score = impact fraction * distance fraction
check your domain web vital
Soft 404 error
Soft 404 error
- return 200 status code with partial content
- redirect to irrelevent page
- user cannot refresh to go back normal page
- not good for google crawler indexing
404 500 Should be handled by
- response 404 500 status code
- send custom page in response