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

  1. return 200 status code with partial content
  2. 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

tech seo sharing

By zeroshine

tech seo sharing

  • 370