콘월 이층집

전체 글

Chrome 브라우저 속도 향상 방법, Skia graphite

반응형

시작하기 전에...

- 작년 7월에 공식 블로그를 통해 속도 향상 방법을 공개했었다. (2025/7)

- 커뮤니티에 퍼진 속도 향상 수치 15% 는 Motionmark 벤치마크에서 M3 기준 15% 향상이다.

 

적용은 간단하다.

크롬브라우저 주소 창에 chrome://flags 를 입력하고, Skia Graphite를 Enable로 바꿔주면 된다.

SKia Graphite

 

*아래는 해당 기술을 공개한 블로그 글의 일부를 번역한 것이다.

 

1. 크롬에서는 Skia를 사용하여 Blink와 브라우저 UI의 페인트 명령을 화면의 픽셀로 렌더링하는데, 이 과정을 래스터화(rasterization)라고 한다.

  • Skia는 크롬 그래픽 개발 초기부터 (2008/10) 핵심적인 역할을 해왔다.
  • 하지만 웹이 발전하고 복잡해짐에 따라 Skia는 성능 문제에 직면하게 되었고, 이에 크롬과 Skia는 Ganesh라는 GPU 가속 래스터화 백엔드에 투자했었다.

2. 수년에 걸쳐 Ganesh는 견고하고 고성능의 래스터화 백엔드로 발전했으며, 모든 플랫폼의 Chrome에서 GL 기반(Windows D3D9/11에서는 ANGLE 사용)으로 GPU 래스터화를 구현할 수 있었다.

  • 그러나 Ganesh는 항상 GL 중심적인 설계로 인해 너무 많은 특수 코드 경로가 존재했고, 최신 그래픽 API를 활용하는 최적화를 원칙에 따라 구현하는 데 어려움을 겪었다.

3. 이를 계기로 새로운 래스터화 백엔드인 Graphite를 개발하여 GPU 래스터화 방식을 근본적으로 재구상한다.

  • Graphite는 처음부터 코드 경로를 최소화하고 이해하기 쉽게 만드는 것을 원칙으로 개발했다.
  • 이러한 원칙 덕분에 Metal, Vulkan, D3D12와 같은 최신 그래픽 API와 컴퓨팅 기반 경로 래스터화와 같은 패러다임을 활용할 수 있으며, 기본적으로 멀티스레딩을 지원한다.

4. Chrome에 Graphite를 적용한 결과, MacBook Pro M3에서 Motionmark 1.3 점수가 거의 15% 향상되었다.

https://blog.chromium.org/2025/07/introducing-skia-graphite-chromes.html

  • 동시에 INP(상호작용 후 다음 화면 표시 시간), LCP(최대 콘텐츠 표시 시간), 그래픽 부드러움(프레임 드롭률), GPU 프로세스 malloc 메모리 사용량 등과 같은 실제 사용 환경 지표도 개선되었다.
  • 이는 전반적으로 훨씬 부드러운 상호 작용, 스크롤 시 끊김 현상 감소, 웹사이트 로딩 시간 단축으로 이어진다.

 

적용이 되고 있는지 확인하려면, chrome://gpu 를 검색하고 Skia Graphite가 Enabled로 나오는지 체크한다.

 

반응형

디시판 몰트북, 머슴(Mersoom)에 글을 쓰는 법

반응형

보통 온라인 커뮤니티는 직접 글을 쓰는 사람보다 눈팅(보기만하는) 사람들이 압도적으로 많다. (당연하게도)

지난 달 에이전트만 글을 쓸 수 있는 커뮤니티, 몰트북(moltbook)이 나온 이후, 여러 버전의 에이전트 커뮤니티가 생겨나고 있다.

지난주(2/1)에 디시인사이드의 한 유저가 개발한 에이전트 커뮤니티, 머슴(Mersoom)에 글을 써보자.

 

Claude Code(CC)를 많이들 활용하지만, 찍먹으로 OpenCode를 활용할 것이다.

https://opencode.ai/

위처럼 하면 powershell에서 명령어가 동작하지 않아서 패키지 관리자인 scoop을 설치한다.

> irm get.scoop.sh | iex
> scoop --version

 

 

version 명령어까지 잘 나온다면, scoop 명령어로 opencode를 설치한다.

> scoop bucket add extras
> scoop install extras/opencode

 

설치가 완료되었으면 opencode 명령어를 실행한다.

> opencode --version
> opencode

ollama를 연동하여 local llm을 실행할 수도 있지만, 다음 포스트에 하도록 하고..

머슴을 만든 제작자의 설명처럼, https://www.mersoom.com/usage 링크를 주고 알아서 쓰라고 해본다.

참, 이번 포스팅은 찍먹정도이니 GLM-4.7 Free 를 사용한다.

 

문제를 해결해가는 과정을 실시간으로 볼 수 있는데, webfetch 를 비롯한 여러 도구(tool)들을 호출해가며 단기간에 작업 증명(Proof of Work, PoW)을 해결하는 방법을 알아가고 python 스크립트를 작성하고 알아서 글을 작성하였다. (알아서 지우기까지..!) 

꽤 오래걸리지만..

 

머슴 사이트에 들어가서 확인해보니, 해당 글이 올라가있고 추천 1에 댓글도 달려있다.

(글을 들어가서 보는 순간에 댓글이 하나 더 추가!)

https://www.mersoom.com/posts/UexAXUnF3kFloAiu1Kyy

 

이건 단방향으로 글을 올리는 방식이고, 크론 작업 형태로 만들어두면 정말로 커뮤니티를 활발하게 하는 에이전트를 발견할 수 있을 것이다. 

반응형

[모바일] 마침내 진행한 고로의 호출

반응형

전설 등급의 엠블럼 룬은 합성으로만 얻을 수 있다.

기존 합성 성공률 10%를 100%로 해주는 튜토리얼 퀘스트, 고로의 호출을 활용해서 많은 유저들이 엠블럼 전설을 얻는다.

고로의 호출

 

그치만 전투력을 2.2 달기까지의 시간 동안 에픽(5성) 엠블럼 룬 3개를 모으지 못했었다. (무과금 유저의 한계)

2.2 빙결술사

 

그러다 오늘은 운좋게 5성 3개를 모았다. 일반 승급으로 하면 아래와 같이 성공률은 10%이다.

그동안 전설 룬 승급을 15번은 한 것 같은데, 전부 실패했었다. 10%는 아닌듯..

10% 치곤 너무 안되긴 한다

 

오랜만에 다시 만난 고로...

고로

 

고로에게 말을 걸면 100% 확률로 0골드로 승급을 해준다.

전설 룬 승급 100%

 

과연?!

동영상 서비스가 종료되어 해당 콘텐츠를 재생할 수 없습니다.

 

1티어 룬인 현란함을 획득했다...!

전설 현란함

 

반응형

+ 최근 글