검색결과 리스트
글
Google Code의 Performance를 어떻게 높였을까..?
web/tips
2008. 6. 4. 22:03
Google Code의 로딩시간을 향상시킬 수 있는 몇가지 Tip을 소개하고 있다.
CSS, JavaScript, Image 등의 Component File 에서 로딩시간을 단축할 수 있는 실마리를 찾아야 하는거다. 방법으로..
01) Combined and minimized JavaScript and CSS files used throughout the site
- HTTP Requests를 줄이기 위해 자주 사용하는 코드는 하나의 파일로 묶어라..
- 문서의 공백(whitespace)를 없애라.
- function/variable의 이름을 짧게 줄이도록 하자.
02) Implemented CSS sprites for frequently-used images
- 자주 사용하는 이미지를 CSS Sprite 기법을 이용하여 파일의 갯수를 줄이도록 하자..
03) Implemented lazy loading of Google AJAX APIs loader module (google.load)
- Callback Handler를 사용하여 필요할 때 로딩하여 사용한다. (Just-In-Time, On-Demand)
- "High Performance Web Sites"의 저자 Steve Souders는 다운로드에 걸리는 시간 중 정작 HTML 문서는 10-20% 정도이고 다른 component 를 내려받는 시간이 80-90%에 이른다고 한다.
Rule 1 - Make Fewer HTTP Requests - Rule 2 - Use a Content Delivery Network
- Rule 3 - Add an Expires Header
- Rule 4 - Gzip Components
- Rule 5 - Put Stylesheets at the Top
- Rule 6 - Put Scripts at the Bottom
- Rule 7 - Avoid CSS Expressions
- Rule 8 - Make JavaScript and CSS External
- Rule 9 - Reduce DNS Lookups
- Rule 10 - Minify JavaScript
- Rule 11 - Avoid Redirects
- Rule 12 - Remove Duplicate Scripts
- Rule 13 - Configure ETags
- Rule 14 - Make AJAX Cacheable
CSS, JavaScript, Image 등의 Component File 에서 로딩시간을 단축할 수 있는 실마리를 찾아야 하는거다. 방법으로..
01) Combined and minimized JavaScript and CSS files used throughout the site
- HTTP Requests를 줄이기 위해 자주 사용하는 코드는 하나의 파일로 묶어라..
- 문서의 공백(whitespace)를 없애라.
- function/variable의 이름을 짧게 줄이도록 하자.
02) Implemented CSS sprites for frequently-used images
- 자주 사용하는 이미지를 CSS Sprite 기법을 이용하여 파일의 갯수를 줄이도록 하자..
03) Implemented lazy loading of Google AJAX APIs loader module (google.load)
- Callback Handler를 사용하여 필요할 때 로딩하여 사용한다. (Just-In-Time, On-Demand)
- Speeding up Google Analytics load times with a jQuery plugin
- Let's make the web faster
- 10 Tips for Optimizing Your Website's Speed
- [google] Web Performance Best Practices
- Let's make the web faster
- 10 Tips for Optimizing Your Website's Speed
- [google] Web Performance Best Practices
2008/12/17 - [web] - 웹사이트 속도를 높이는 10가지 방법
2008/02/28 - [web/tips] - 웹사이트 최적화
2008/06/03 - [javascript] - Google Ajax Libraries API
2008/02/28 - [web/tips] - 웹사이트 최적화
2008/06/03 - [javascript] - Google Ajax Libraries API
'web > tips' 카테고리의 다른 글
| Web Unit (0) | 2012.05.16 |
|---|---|
| 단축키 (Shortcut) (0) | 2009.10.28 |
| IE Hack & Tip (0) | 2009.09.16 |
| 웹사이트내 이미지를 보호하는 방법은.. (0) | 2009.01.22 |
| Google Code의 Performance를 어떻게 높였을까..? (0) | 2008.06.04 |
| 웹사이트 최적화 (0) | 2008.02.28 |
