Difference between revisions of "Lazy loading"
Navigation menu
From Design pattern
(→iPhone_Yummly_7) |
(→Example) |
||
| (8 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
| + | Lazy loading은 데이터를 즉시 가져오지 않고 필요한 시점에 화면에 보이는 정보만을 가져오는 기법이다. Lazy loading을 통해 불필요한 로딩을 줄여, 로딩 시간을 빠르게 처리할 수 있다. | ||
| − | == Lazy loading | + | 화면의 이동이 곧, 보이는 화면의 로딩을 불러오는 조작방법이다. |
| − | === | + | |
| + | === With this pattern, we can solve... === | ||
| + | 사이즈가 큰 데이터를 로딩하거나, 화면에 나타나지 않는 데이터까지 로딩하게 될 경우, 페이지의 로딩이 느려질 수 있다. 보이는 부분만 로딩하는 Lazy loading을 통해 빠르고 필요한 데이터만 로딩할 수 있다. | ||
| + | |||
| + | * 화면에 보이는 부분만 데이터가 로딩되기 때문에 스크롤을 빨리 움직이는 등 화면의 전환을 급격하게 할 경우, 새로운 데이터의 로딩을 실시간으로 확인할 수 있다. | ||
| + | * 주로 가장 최근의 데이터를 먼저 로딩한 상태에서 그 전의 데이터에 대한 로딩을 추가적으로 진핻한다는 면에서 Dynamic loading of a list와 흡사하지만, Dynamic loading of a list의 경우, 새로운 데이터의 로딩이 일괄적으로 일정 분량이 한꺼번에 진행되어, 진행되는 동안 progress wheel과 같은 인디케이터를 보여주며 모든 로딩이 완료되기 전까지 새로운 데이터를 확인할 수 없다면, Lazy loading은 화면에 나타나는 분량의 데이터를 실시간으로 바로 로딩해준다는 점에서 차이가 있다. | ||
| + | * 이미 로딩이 진행되어 화면에 데이터가 나타난 상황에서, 실시간으로 생성되고 있는 최신의 데이터를 가져오는 경우는 [[Pull to refresh]]에 해당한다. | ||
| + | |||
| + | === Example : iOS_Breeze === | ||
| + | [[File:Lazy loading.jpeg]] | ||
| + | |||
| + | ---- | ||
| + | |||
| + | == Lazy loading == | ||
| + | === iOS_Replay=== | ||
{{#Widget:Vimeo|id=95777761|width=300|height=533}} | {{#Widget:Vimeo|id=95777761|width=300|height=533}} | ||
| − | === | + | ===iOS_Breeze === |
{{#Widget:Vimeo|id=95777446|width=300|height=533}} | {{#Widget:Vimeo|id=95777446|width=300|height=533}} | ||
| − | === | + | ===iOS_Cameo === |
{{#Widget:Vimeo|id=95777710|width=300|height=533}} | {{#Widget:Vimeo|id=95777710|width=300|height=533}} | ||
| − | === | + | === iOS_Bloomberg=== |
{{#Widget:Vimeo|id=95774067|width=300|height=533}} | {{#Widget:Vimeo|id=95774067|width=300|height=533}} | ||
| − | === | + | ===iOS_Yahoo === |
{{#Widget:Vimeo|id=95772579|width=300|height=533}} | {{#Widget:Vimeo|id=95772579|width=300|height=533}} | ||
| − | === | + | === iOS_JetSetter === |
{{#Widget:Vimeo|id=95772117|width=300|height=533}} | {{#Widget:Vimeo|id=95772117|width=300|height=533}} | ||
| − | === | + | ===iOS_ENow=== |
{{#Widget:Vimeo|id=95771561|width=300|height=533}} | {{#Widget:Vimeo|id=95771561|width=300|height=533}} | ||
| + | |||
| + | [[Category: Refresh]] | ||
Latest revision as of 17:03, 29 July 2014
Lazy loading은 데이터를 즉시 가져오지 않고 필요한 시점에 화면에 보이는 정보만을 가져오는 기법이다. Lazy loading을 통해 불필요한 로딩을 줄여, 로딩 시간을 빠르게 처리할 수 있다.
화면의 이동이 곧, 보이는 화면의 로딩을 불러오는 조작방법이다.
Contents
With this pattern, we can solve...
사이즈가 큰 데이터를 로딩하거나, 화면에 나타나지 않는 데이터까지 로딩하게 될 경우, 페이지의 로딩이 느려질 수 있다. 보이는 부분만 로딩하는 Lazy loading을 통해 빠르고 필요한 데이터만 로딩할 수 있다.
- 화면에 보이는 부분만 데이터가 로딩되기 때문에 스크롤을 빨리 움직이는 등 화면의 전환을 급격하게 할 경우, 새로운 데이터의 로딩을 실시간으로 확인할 수 있다.
- 주로 가장 최근의 데이터를 먼저 로딩한 상태에서 그 전의 데이터에 대한 로딩을 추가적으로 진핻한다는 면에서 Dynamic loading of a list와 흡사하지만, Dynamic loading of a list의 경우, 새로운 데이터의 로딩이 일괄적으로 일정 분량이 한꺼번에 진행되어, 진행되는 동안 progress wheel과 같은 인디케이터를 보여주며 모든 로딩이 완료되기 전까지 새로운 데이터를 확인할 수 없다면, Lazy loading은 화면에 나타나는 분량의 데이터를 실시간으로 바로 로딩해준다는 점에서 차이가 있다.
- 이미 로딩이 진행되어 화면에 데이터가 나타난 상황에서, 실시간으로 생성되고 있는 최신의 데이터를 가져오는 경우는 Pull to refresh에 해당한다.
Example : iOS_Breeze
Lazy loading
iOS_Replay
iOS_Breeze
iOS_Cameo
iOS_Bloomberg
iOS_Yahoo
iOS_JetSetter
iOS_ENow