카운터의 무게
모든 제공업체가 스스로 가볍다고 말하지만, 수치를 밝히는 곳은 거의 없습니다. 여기에 그 수치를 싣고, 그 아래에 이를 재현하는 명령어를 적었습니다.
측정일 2026-09-06: 디자인 580개를 브라우저와 같은 방식으로 HTTPS를 통해 gzip을 사용하여 각각 한 번씩 불러왔습니다.
두 가지 방식, 두 가지 무게
HTML을 선택하면 생성기가 스크립트를 내보내고, Markdown과 BBCode 버전은 이미지를 내보냅니다. 스크립트는 카운터를 스스로 새로 고칠 수 있지만 이미지는 그럴 수 없습니다. 그 대신 이미지는 요청 한 번으로 끝납니다.
| 이미지 (Markdown, BBCode, HTML) | 요청 1건 | 797 B |
|---|---|---|
| 스크립트 (HTML) - 첫 방문 | 요청 3건 | 9,598 B |
| 스크립트 (HTML) - 이후 방문마다 | 요청 2건 | 810 B |
s4u.js는 브라우저 캐시에 일주일 동안 남아 있으므로 두 번째 방문부터는 빠집니다. 카운터 이미지 자체는 절대 캐시되지 않습니다. 매번 집계를 해야 하기 때문입니다.
디자인 16개는 두 가지 버전을 하나의 이미지에 담을 수 있습니다. 제대로 된 다크 버전이 따로 있는 15개와 설정 가능한 카운터입니다. 이 디자인들은 751 B입니다(한 가지 버전만 담으면 578 B). 두 버전 중 어느 쪽을 보여 줄지는 방문자의 브라우저가 고릅니다.
개별 디자인의 무게
gzip을 적용해 실제로 전송되는 크기입니다. 바이트 하나하나가 중요하다면, 가벼운 계열에 0.5킬로바이트 미만인 디자인이 있습니다.
| 계열 | 디자인 수 | 가장 가벼움 | 중간값 | 가장 무거움 |
|---|---|---|---|---|
| 보이지 않는 카운터 | 2 | 169 B | 323 B | 323 B |
| 신규 · 모던 | 38 | 449 B | 561 B | 643 B |
| 디지털 | 10 | 504 B | 563 B | 746 B |
| 미래풍 · 정적 | 10 | 504 B | 580 B | 705 B |
| 그림 띠 | 10 | 523 B | 596 B | 872 B |
| 그래프 포함 | 10 | 551 B | 604 B | 666 B |
| 아주 작은 카운터 | 10 | 358 B | 606 B | 740 B |
| 레트로 | 10 | 530 B | 615 B | 731 B |
| 움직임 · 쌓이기 | 10 | 610 B | 664 B | 768 B |
| 통계 패널 (벡터) | 10 | 567 B | 673 B | 715 B |
| 순간과 기록 (벡터) | 16 | 516 B | 693 B | 1,858 B |
| 미래풍 | 34 | 500 B | 696 B | 1,082 B |
| 뜻밖의 모습 | 10 | 566 B | 720 B | 918 B |
| 움직임 · 무게감 | 10 | 667 B | 736 B | 901 B |
| 손글씨와 스케치 (벡터) | 6 | 721 B | 759 B | 826 B |
| 호텔과 휴가 | 20 | 724 B | 767 B | 971 B |
| 미래풍 · 동적 | 10 | 681 B | 773 B | 864 B |
| 잡지와 블로그 | 20 | 720 B | 775 B | 848 B |
| 학교 | 10 | 739 B | 784 B | 906 B |
| 인터넷 | 10 | 646 B | 786 B | 844 B |
| 음악 | 10 | 691 B | 788 B | 964 B |
| 의류와 스타일 | 20 | 703 B | 790 B | 896 B |
| 스포츠와 운동 | 10 | 658 B | 793 B | 934 B |
| 명절과 계절 | 10 | 710 B | 809 B | 948 B |
| 너드 문화 | 10 | 666 B | 815 B | 908 B |
| 출신지와 리듬 (벡터) | 14 | 544 B | 818 B | 2,070 B |
| 음식과 음료 | 20 | 691 B | 821 B | 968 B |
| 꽃 | 10 | 754 B | 829 B | 1,036 B |
| 기독교 도안 | 10 | 644 B | 837 B | 948 B |
| 우주 | 10 | 750 B | 857 B | 991 B |
| 동물 | 10 | 751 B | 858 B | 1,062 B |
| 소인과 봉인 (벡터) | 4 | 773 B | 912 B | 913 B |
| 빛나는 숫자 (벡터) | 4 | 857 B | 1,191 B | 1,194 B |
| 작은 크기 | 2 | 953 B | 1,547 B | 1,547 B |
| 숫자 띠 | 100 | 401 B | 1,952 B | 2,851 B |
| 구성 비율 | 3 | 2,462 B | 2,557 B | 2,693 B |
| 국기 카운터 (벡터) | 20 | 2,463 B | 2,880 B | 3,204 B |
| 세계 지도 | 21 | 1,972 B | 4,085 B | 114 kB |
| 국기 카운터 | 9 | 4,216 B | 5,429 B | 7,150 B |
| 통계 패널 | 8 | 580 B | 6,985 B | 17 kB |
| 추세 그래프 포함 | 5 | 1,721 B | 7,220 B | 7,747 B |
| 사계절과 세트 (벡터) | 4 | 850 B | 8,445 B | 8,451 B |
이상값
가장 무거운 디자인은 세계 지도(#31)이며 크기는 114 kB입니다. 2006년에 비트맵으로 만든 세계 지도입니다. 더 새로운 지도는 그 10분의 1 수준입니다. “maps” 줄에서 번호가 작은 지도를 고르면 가볍습니다.
stats4u.net 속도가 느리거나 서비스가 중단되었을 때
그러면 카운터를 삽입한 페이지에서 이미지 하나가 빠질 뿐, 그 밖에는 아무 일도 일어나지 않습니다. 이미지도 스크립트도 렌더링을 막지 않습니다. 스크립트에는 async가 붙어 있고, 이미지는 그저 이미지이기 때문입니다. 페이지 구성을 멈추게 하는 분석 스크립트는 자신의 장애에 삽입한 사이트까지 끌어들일 수 있지만, 이 카운터는 그럴 수 없습니다.
계산에 넣지 않아도 되는 것
쿠키가 없습니다. 측정 결과 세 응답 어디에도 Set-Cookie 헤더가 없었습니다. 웹 폰트도, 스타일시트도, 다른 제공업체도 없습니다. 카운터 이미지 하나의 서버 처리 시간은 평균 208 ms이며, 10건 중 9건은 614 ms 미만입니다.
직접 다시 측정하기
여기서 1은 카운터 번호, 950은 디자인 번호입니다. “size_download” 자리에 출력되는 수치가 실제로 전송되는 크기입니다.
curl -s -o /dev/null -H 'Accept-Encoding: gzip' \
-w '%{size_download} Bytes\n' \
https://www.stats4u.net/c/1-950.png