🔗️ 참고사이트

• 최적화 참고 블로그
• lighthouse 참고 블로그
• 숨고 블로그-Lighthouse 로 웹사이트 성능 측정하기
• Lighthouse 공식사이트 - Opportunities
• TOAST UI - 성능최적화
• Front-End-Performance-Checklist(깃허브)
• 크롬 디벨로퍼 블로그 - Lighthouse performance scoring

Performance - Opportunities

• Eliminate render-blocking resources
  Learn about the render-blocking-resources audit.

• Properly size images
  Learn about the uses-responsive-images audit.

• Defer offscreen images
  Learn about the offscreen-images audit.

• Minify CSS
  Learn about the unminified-css audit.

• Minify JavaScript
  Learn about the unminified-javascript audit.

• Remove unused CSS
  Learn about the unused-css-rules audit.

• Efficiently encode images
  Learn about the uses-optimized-images audit.

• Serve images in modern formats
  Learn about the uses-webp-images audit.

• Enable text compression
  Learn about how enabling text compression can improve your webpage load performance.

• Preconnect to required origins
  Learn about the uses-rel-preconnect audit.

• Reduce server response times (TTFB)
  Learn about the time-to-first-byte audit.

• Avoid multiple page redirects
  Learn why page redirects slow down your web page's load speed and how to avoid them.

• Preload key requests
  Learn about the uses-rel-preload audit.

• Use video formats for animated content
  Learn about the efficient-animated-content audit.

• Reduce the impact of third-party code
  Learn how third-party code, like advertising networks and analytics services, affects page load performance, and how you can optimize third-party code.

• Avoid non-composited animations
  How to pass the "Avoid non-composited animations" Lighthouse audit.

• Lazy load third-party resources with facades
  Learn about the opportunities to lazy load third-party resources with facades.