Image 압축

이미지는 웹성능개선에 있어서 가장 큰 영향을 미친다고 생각한다.
lazy loading 이나 가상 스크롤 혹은 preconnect를 통한 네트워크 요청/속도를 개선하는 것도 중요하지만 애초에 이미지를 최대한 압축하는게 좋다.

• webp 전환
• 한번 더 압축 https://tinypng.com/
• set placeholder with blur hasing
  • 사실 이 방법의 경우 네트워크를 2번 타야되기에 더 많은 트래픽을 사용하게 되지만, 스켈레톤보다 더 나은 UX를 제공할 수 있다.

에러리포팅을 잘 활용하자

최근 웹 서비스를 오픈하면서 크롤링 및 다양한 공격들이 들어온다.
Sentry 나 elastic 등 다양한 에러리포팅 도구를 통해 어디서 어떤 공격이 들어오는지를 확인하고 적절한 WAF 전략을 세우는게 중요하다.
파악한 ip주소를 통해 어디서 접속하는지도 분석해보자.
(https://nordvpn.com/ko/ip-lookup/)