테이블로 비교표만들때 폰트어썸 아이콘이 정말 이쁘고 깔끔하긴 한데 TTFB에 악영향을 주고 이것이 SEO에 영향을 준다는 말을 귀에 못이 박히게 듣다보니 계속 안썼는데
가끔 이쁘게 잘 꾸며놓은 페이지들을 보면 손이 갑니다 ㅋㅋ 이쁜게 짱인거같아요.
-
-
이쁜 아이콘 사용하는 사이트들 소스 보면 폰트어썸이길래 이거만 있는줄 알았습니다 ㄷ ㄷ 한번 찾아봐야겠네요
----------
말씀듣고 찾아보니 이런것들이 있다고 하네요
https://boxicons.com/
https://iconoir.com/
https://iconic.app/
https://phosphoricons.com/
https://feathericons.com/
https://pebble.framer.media/
역시 알아야 검색이라도 해보네요 핫핫 정보 감사합니다.
-
폰트어썸 같은 웹 폰트 기반의 폰트 라이브러리들이 무겁습니다.
전부 쓰지도 않으면서, 모조리 로딩하는데, 해결 방법은 간단합니다.
웹 폰트를 안 쓰면 됩니다. 보통, svg 파일도 같이 제공하는데 svg 파일을 쓰시면 됩니다.
폰트어썸 6.4.2 무료 버전 기준으로 2,025개의 폰트를 제공하는데, 실제로 몇 개 안 쓰잖아요?
귀찮더라도, 고득점 따려면 이 정도는 감수해야죠. -
그렇지 않아도 저는 10개도 안쓰는데 svg 파일을 서버에 저장해두고 불러 쓰면 되는걸까요?
-
svg 용량도 얼마 안 되니까 모조리 다운받아 놓고 필요한 것만 불러다 써도 됩니다.
서버에 저장해 놓고 안 쓰는 이미지가 SEO에 영향을 주지는 않으니까요. -
Font Awesome Kit을 사용하면 구글 폰트처럼 사용하는 아이콘만 불러옵니다. 또는 말씀하신것처럼 그냥 SVG를 넣어도 별 문제 없죠. -
저도 폰트어썸을 이용해봤었는데 초기엔 편해보여도 점점 불편하게 느껴져서
svg 다운받아 사용합니다. svg 파일이 크기나 모니터 해상도에 관계없이 선명하고 깔끔해서 좋던데요
하나의 홈페이지에 국한해서 보면 실제 몇개 되지 않더라구요 -
아.. 걍 자주쓰는건 다운받아서 제 서버에 올려놓고 쓰면되는거였군요..
TTFB는 서버단에서 HTML 페이지를 생성하는 시간을 의미합니다. 아이콘 폰트는 일단 HTML 페이지를 생성한 후 별도로 다운받아 쓰는 것이므로, TTFB에는 영향을 주지 않습니다.
물론 폰트어썸에 포함된 아이콘 수가 늘어나면서 점점 무거워지고 있기 때문에, 전체적인 로딩 시간이나 체감 속도에는 영향을 줄 수 있습니다. SEO 점수를 깎아먹는 부분은 이것이지요.
요즘은 폰트어썸보다 깔끔하고 가벼운 웹폰트가 많으니, 마음에 드는 것을 골라 보세요.