구글에서 렌더링을 빨리 해주기 위해서 만든 아파치 모듈이 나왔다.
http://www.infoq.com/news/2010/11/mod-pagespeed
http://code.google.com/intl/ko-KR/speed/page-speed/docs/module.html
- Minifying HTML CSS and JavaScript on the fly, and serving back those files for subsequent requests (including removing comments, whitepsace and unnecessary quoting)
- Combining multiple CSS files into a single CSS delivery component
- Merging CSS into HEAD of an HTML file
- Adding caching headers, such as
Cache-Control
, to content that is served without caching
- Inlining small images into base64 using the
data:
URL scheme
- Scaling down large images to provide a 1-1 mapping to an image's specified size in the HTML document
mod_pagespeed 는 내부적으로 rendering과 관련된 optimization 코드들이 많이 들어간 것으로 생각된다.
일반적으로 잘 놓치기 쉬운 것들을 잘 부분을 사람의 손이 아닌 시스템화했다는 점이 눈에 띈다.
보통 일반적으로 컴파일레벨에서 진행하는데, 런타임때 진행되니. 내부적으로 어떻게 하고 있는지 보고 싶기는 하네요.
inline 기법, 여러 개의 css 파일을 하나로 합치고, html 안의 css 코드들을 head로 올리고, 많이 실수하는 cache-control 코드도 자동으로 붙여주고, 파일 큰 것은 작게 해주는 센쓰까지..
흘~~ 얘네들 너무 잘해~