▲GN⁺ 2024-09-08 | parent | ★ favorite | on: WebP: 웹페이지 압축 형식(purplesyringa.moe)Hacker News 의견 긴 게시물의 크기가 92 KiB에서 37 KiB로 줄어들었음에도 불구하고, 실제 로드 시간 증가율은 0.001%에 불과함 압축 해제 시간 때문에 사용자 경험이 더 나빠질 수 있음 readPixels가 반지문 방지 기능을 적용받지 않는 이유를 이해할 수 없음 페이지 상단의 스타일링을 유지하고, 뷰포트 아래의 콘텐츠만 WebP로 압축하는 기술이 있음 LibreWolf에서 WebGL을 비활성화하면 페이지가 잘리지 않음 zstd가 Chrome에 도입되었으며, Safari에도 적용해야 함 Google Fonts를 제거하면 페이지 로드 시간이 개선될 수 있음 원격 서버에서 로드되기 때문에 추가적인 핸드셰이크가 필요함 소스 코드를 확인해보니 doctype 선언에 공백이 없음 현재는 <!doctypehtml>로 되어있지만, <!doctype html>로 수정해야 함 HTML 페이지를 자체 추출 ZIP 파일로 패키징할 수 있음 PNG 이미지를 포함하여 HTML, ZIP, PNG와 호환되는 파일을 생성할 수 있음 예를 들어, HTML 페이지에서 PNG 이미지를 표시할 수 있음 Sailfish OS 브라우저에서 페이지가 깨짐 단락 뒤에 긴 빈 공간이 있음 gzip과 brotli HTML 압축의 오버헤드는 현재 웹사이트에서 사용하는 JS/이미지/비디오 양에 비하면 미미함 Brotli가 큰 사전(dictionary)을 가지고 있음에도 불구하고 gzip과 비슷한 성능을 보임 압축 알고리즘이 더 나쁜지, 아니면 사전의 중요성이 생각보다 적은지 궁금함 Brotli가 CompressionStream API에서 사용되지 않는 이유는 브라우저 크기를 크게 증가시키기 때문임 압축 사전이 더 큰 이유는 사전이 미리 계산된 가장 효율적인 표현을 포함하고 있기 때문일 가능성이 있음
Hacker News 의견
긴 게시물의 크기가 92 KiB에서 37 KiB로 줄어들었음에도 불구하고, 실제 로드 시간 증가율은 0.001%에 불과함
readPixels가 반지문 방지 기능을 적용받지 않는 이유를 이해할 수 없음zstd가 Chrome에 도입되었으며, Safari에도 적용해야 함
Google Fonts를 제거하면 페이지 로드 시간이 개선될 수 있음
소스 코드를 확인해보니 doctype 선언에 공백이 없음
<!doctypehtml>로 되어있지만,<!doctype html>로 수정해야 함HTML 페이지를 자체 추출 ZIP 파일로 패키징할 수 있음
Sailfish OS 브라우저에서 페이지가 깨짐
Brotli가 큰 사전(dictionary)을 가지고 있음에도 불구하고 gzip과 비슷한 성능을 보임
Brotli가 CompressionStream API에서 사용되지 않는 이유는 브라우저 크기를 크게 증가시키기 때문임