[web] 웹사이트 로딩 시간 단축하기

somnode·2021년 12월 23일
0

웹사이트 속도 측정

이미지

이미지를 원본 그대로 업로드하지 말고, 파일 압축 후 업로드하면 웹 사이트 속도 개선에 도움이 된다.
TinyPNG 사이트는 이미지를 손실 압축 기법을 사용하여 이미지 파일 크기를 줄여주는 사이트이다.
약간의 해상도가 떨어지기는 하지만 육안으로 볼 때 크게 차이가 나는 수준은 아니다.

pngquant 또한 손실 압축 기법을 사용하여 이미지를 압축하는 프로그램이며, command line에서 사용할 수 있는 프로그램이다.

배경 이미지 4.04MB를 그대로 업로드해서 사용했을 때 비해서 파일 압축 후 1.81MB를 업로드해서 로딩하니까 속도가 50% 정도 향상되었다.

이미지 resize

프로필 이미지 등은 400x400 정도 크기여도 충분하다.
imageresizer에서 이미지 크기 등을 변경할 수 있다.

0개의 댓글