웹 개발 & 정보/기타

구글 크롬 속도 + 움짤 로딩 속도 향상법

Rozera 2017. 12. 16. 22:28
반응형


이번에 알려 드릴 추천 정보는 구글 크롬 속도 + 움짤 로딩 속도 향상법입니다.


개인적으로 웬만한 것들은 그닥 체감이 없었는데 이 방법들은 체감이 확실하여 포스팅을 하게 되었습니다.

그럼 적용 방법을 살펴보겠습니다.

간단한 움짤 속도 향상법부터 알려드리겠습니다.


1. 움짤 속도 향상법

크롬 브라우저 주소창에 chrome://flags/ 를 입력합니다.

GPU rasterization 을 검색창에 입력합니다.



GPU rasterization 항목을 Enabled 로 변경한 뒤, 브라우저를 재시작 해줍니다.

브라우저 재시작 후에 웹서핑을 해보시면 움짤 로딩 속도가 개선된 것을 확인할 수 있습니다.



2. 크롬 속도 향상법

크롬 브라우저 주소창에 chrome://gpu 를 입력합니다. 

먼저 Graphics Feature Status 의 Native GpuMemoryBuffers 항목을 봅니다. 

Software only. Hardware acceleration disabled 가 적용 전입니다. 


다음으로 Compositor Information 의 Tile Update Mode 항목입니다. 

One-copy 가 적용 전입니다. 

(이 2가지 항목 외에는 개인 설정에 따라 다를 수 있으니, 2가지만 보시면 됩니다) 


그럼 이제 크롬 속도 향상법을 적용해보겠습니다. 


1. 크롬 브라우저 바로가기 아이콘의 속성에 들어갑니다. 

(크롬 바로가기 아이콘 우클릭 -> 속성) 


2. 대상(T): 크롬 설치 경로\chrome.exe 부분의 뒤에 한 칸 띄어쓰기 후

--enable-native-gpu-memory-buffers --enable-zero-copy 를 입력합니다. 

입력 후에는 

대상(T): 크롬 설치 경로\chrome.exe --enable-native-gpu-memory-buffers --enable-zero-copy 

이렇게 되어야 맞습니다. 


3. 크롬 브라우저 다시 시작 후, 올바르게 적용되었는지 확인하기 위해 다시 chrome://gpu 에 들어갑니다. 

적용 후 Software only. Hardware acceleration disabled → Hardware accelerated 로 변경되었습니다. 


적용 후 One-copy → Zero-copy 로 변경되었습니다. 

2가지 항목이 이렇게 변경되었다면 올바르게 적용된 것입니다. 


위에서 설명해드린 구글 크롬 속도 향상법에 대해 말씀드리면, 

크롬 브라우저는 원래 웹페이지에서 렌더링할 내용을 우선 시스템 메모리에 올리고, 

이것을 시스템 메모리에서 그래픽 카드 메모리로 복사하는 과정을 거칩니다. 

이 방법은 그 과정을 생략하여, 크롬 브라우저의 속도를 향상시키는 원리입니다. 

텍스트 위주의 정적인 사이트보다는 이미지, 움짤, 동영상 등이 많은 동적인 웹페이지에서 효과가 더욱 큽니다. 

또한 메모리 사용량 절감의 효과도 있다고 합니다. 


저는 특히 갤러리 게시판, 움짤 게시판 등에서 상당한 효과를 보았습니다. 

예전에는 움짤 하나 불러올 때도 뭔가 답답했는데 

지금은 거의 바로 출력될 정도로 체감이 크게 되고 있습니다. 


아래는 해당 구글 크롬 속도 향상법에 대한 참조 페이지입니다. 

Zero-copy texture uploads in Chrome OS* 

https://software.intel.com/en-us/articles/zero-copy-texture-uploads-in-chrome-os 


Native One-copy Texture Uploads for Chrome* OS on Intel® Architecture Enabled by Default 

https://software.intel.com/en-us/articles/native-one-copy-texture-uploads-for-chrome-os-on-intel-architecture-enabled-by-default 


반응형