Android Performance Patterns: Understanding VSYNCYouTube↗  IA↗(long shot)
Science & Technology  31.6K views 317 likes 3 dislikes   06 Jan 2015
Google for Developers 2.7M subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
<i>أنماط الأداء</i>
앱 최적화를 위해서는
بناء تطبيق فعال
하드웨어의 작동 원리에 관련된
يتعلق بشكل كلي بفهم كيفية عمل الأجهزة.
모든 것들을 알아야 해요
لكي تعرف الطريقة الأفضل للعمل معها.
렌더링 퍼포먼스의 핵심부에는
وفي صميم أداء المعالجة الرسومية
하드웨어 프로세스라고 쉽게 오해를 받는
يوجد عملية أجهزة صلبة يساء فهمها بسهولة
앱 렌더링의 실제속도를 관리하는 부분이 있어요
والتي تحكم مدى السرعة التي يمكن لتطبيقك أن يعالج بها رسومياً.
콜트 맥안리스입니다
اسمي كولت ماكانليس،
앱 렌더링을 최적화하시려면
وإذا كنت ترغب عن تحسين أداء معالجة تطبيقك رسومياً،
VSYNC라는 것과 친해지셔야 합니다.
فأنت تحتاج أن تصبح على معرفة بمصطلح معروف بالمزامنة الشاقولية (VSYNC).
일단 개요부터 볼까요.
ولكن أولاً، دعونا نعود خطوة إلى الوراء.
VSYNC를 이해하시려면 먼저 두 간단한 개념을 이해하셔야 하는데
ويبدأ فهم المزامنة الشاقولية من خلال فهم مصطلحين بسيطين آخرين.
처음 건 재생률이라고 하지요. 초당 화면 갱신 속도 말입니다.
الأول هو معدل التحديث، ويمثل عدد المرات التي يمكن للشاشة أن تقوم بتحديث إظهارها في الثانية الواحدة.
하드웨어에 따라서 Hz로 값이 명시됩니다
ويتم تحديد هذه القيمة بالهرتز وهي ثابتة على أساس الأجهزة.
다음은 프레임 속도인데요.
المصطلح الثاني هو معدل الإطار،
GPU가 초당 몇 프레임을 그릴 수 있나 하는겁니다.
ويقيس عدد المرات التي يمكن أن ترسم بها وحدة معالجة الرسومات إطاراً كل ثانية.
예로는 초당 30프레임과 초당 60프레임이 있군요.
على سبيل المثال، 30 لقطة في الثانية أو 60 لقطة في الثانية الواحدة.
이 경우 숫자가 높은 게 좋은 겁니다.
في هذه الحالة، فإن الأعلى هو الأفضل دائماً.
재생률과 프레임 속도
الآن، يحتاج معدل التحديث ومعدل الإطار
렌더링엔 둘 다 쓰이는 겁니다.
كلاهما للعمل معاً من أجل الحصول على صورك مرسومة على الشاشة.
GPU가 데이터를 받아서 그리면
سوف تأخذ وحدة معالجة الرسومات بياناتك، وتقوم برسمها،
하드웨어가 그걸 화면에 내보냅니다.
وعندها ستدفع الأجهزة ناتج ذلك إلى الشاشة.
앱 실행 중에는 몇 번이고 일어나는 과정이죠.
وهذا سيحدث مراراً وتكراراً خلال فترة عمل تطبيقك،
여기서 문제는, 재생률과 프레임 속도가
ولكن المشكلة هي أن معدل التحديث ومعدل الإطار
동일하다는 보장이 없다는 거죠.
ليس مضموناً أن يحدثا فعلاً في نفس التردد.
재생률이 프레임 속도보다 빠르다고 칩시다.
فإذا كان معدل الإطار أسرع فعلاً من معدل التحديث،
그러면 이런 문제가 생겨요.
فإنك سترى بعض المشاكل البصرية.
예를 들어, 사진을 한번 찍고 카메라를 5도 돌려서 한번 더 찍어요.
على سبيل المثال، تخيل التقاط صورة ثم تدوير الكاميرا حوالي خمس درجات وأخذ صورة أخرى.
그리고선 두 번째 사진을 반으로 잘라 첫 번째 사진 위에 붙입니다.
الآن قم بقطع تلك الصورة الثانية إلى نصفين وقم بلصقها فوق الأولى.
둘이 비슷하긴 하지만
ستكون الصورتين متشابهتين،
잘려진 선을 따라서 보면 눈에 차이가 확 들어오죠.
ولكن سوف يكون هناك اختلاف ملحوظ بين النصف العلوي والنصف الأسفل على طول تماس القطع.
이걸 테어링이라고 합니다.
وهذا ما يعرف بالتمزق،
앱의 프레임 속도와 재생률이 동일하지 않다면 일어나는 현상이죠.
وهذا هو ما يحدث في تطبيقك إذا كان معدل الإطار، ومعدل التحديث لا يتوافقان.
그래픽 카드가 프레임을 그리기 위해 사용하는 메모리 영역이 있는데
المسألة هي أن بطاقة الرسومات تستخدم منطقة واحدة من الذاكرة لرسم إطاراتها داخلها.
새로 프레임을 그릴 때 마다
وسيقوم كل إطار جديد بالكتابة فوق الإطار السابق،
기존 프레임의 메모리를 위에서부터 한 줄씩 차례로 덧씌웁니다.
وإخراج البيانات سطر واحد في كل مرة، بدءاً من القمة.
이제 화면이 갱신되야 하는데
الآن،عندما تريد الشاشة أن تقوم بالتحديث،
화면은 버퍼 내부 상황은 몰라요.
فإنها لا تعرف ما هي الحالة التي عليها تلك الذاكرة المؤقتة حقاً.
그런고로 아직 프레임 계산이 덜됐어도 일단 메모리에 있는 걸 가져오죠.
وعلى هذا النحو، يمكنه الاستيلاء على إطار من وحدة معالجة الرسومات وهو لم يكتمل بعد،
그럼 반은 새 프레임 반은 기존 프레임
بمعنى أنها حصلت على نصف الإطار السابق ونصف الإطار الحالي.
그렇게 되는 겁니다. 그래서 더블 버퍼링이 나왔는데요
وهناك حل لهذا وهو معروف باسم التخزين المؤقت المزدوج.
GPU가 한 프레임을 그려서 백 버퍼에 저장하면
بقعالية، عندما تنتهي وحدة معالجة الرسومات من رسم الإطار إلى الذاكرة،
그게 프레임 버퍼로 카피돼죠.
والمعروف باسم المخزن المؤقت الخلفي، فسيتم نسخه إلى منطقة ثانوية من الذاكرة معروفة باسم المخزن المؤقت للإطار.
다음 프레임을 그리는 중에는
وعندما تقوم برسم الإطار التالي،
완료 전엔 프레임 버퍼는 변경 없이 백 버퍼만 덧씌우는 겁니다.
فستبدأ بملأ المخزن المؤقت الخلفي بينما يبقى إطار العازل غير مستخدم.
화면이 갱신되어야 할 때는
الآن، عندما ترغب الشاشة بالتحديث،
프레임 버퍼에 있는 처리 완료된 것만 가져가죠.
فستقوم بفعل ذلك من المخزن المؤقت للإطار، غير الموجود في منتصف عملية الرسم.
여기서 VSYNC가 쓰입니다. 수직동기신호인 VSYNC는
هذا هو المكان الذي تحدث فيه (VSYNC) أو المزامنة الشاقولية.
이 백 버퍼에서 프레임 버퍼로 카피하는 작업을
سوف يبقي أساساً عملية النسخ
프레임 버퍼의 기존 데이터에서 화면이 갱신되는 중이라면
من المخزن المؤقت الخلفي إلى المخزن المؤقت للإطار من الحدوث
잠깐 지연하게 해주죠.
إذا كانت الشاشة في منتصف عملية التحديث.
재생률보다 프레임 속도가 더 빠르면
إن الحصول على معدل إطار أعلى من معدل تحديث هو أمر مثالي،
화면이 읽는 속도보다 GPU가 쓰는 게 더 빠르니까, 좋지요.
حيث أن وحدة معالجة الرسومات تقوم بالتحديث أسرع من قراءة شاشتك.
이 경우 화면이 제대로 갱신되고 나서
وفي هذا السيناريو، فإنه بعد تحديث الشاشة بشكل ناجح،
다음 갱신을 기다리는 동안 GPU가 또 VSYNC됩니다.
ستقوم وحدة معالجة الرسومات بمزامنة شاقولية والانتظار لتحديث الشاشة المقبل.
이렇게 되면 초당 프레임 속도는 결국 기기 화면의 재생률로 제한되는군요.
في هذا السيناريو، فإن معدل الإطار قد تم بشكل فعال في معدل تحديث جهازك.
하지만, 화면이 GPU보다
ولكن ماذا يحدث إذا كانت الشاشة تقوم بالتحديث
두 배 더 빠르다면?
أسرع مرتين من السرعة التي ترسم بها وحدة معالجة الرسومات الخاصة بك؟
예를 들면 GPU는 초당 30프레임을 그리는데
على سبيل المثال، إن وحدة معالجة الصور تقوم فقط بإخراج 30 إطاراً في الثانية،
화면은 60Hz로 갱신돼요.
ولكن الشاشة تقوم بالتحديث في الواقع بمعدل 60 هرتز.
그럼 화면이 한번은 갱신되고 한번은 같은 프레임을 내보내게 되는 거죠.
وهذا يعني بأن كل تحديث آخر سيقوم بأخذ العينات من نفس الإطار.
같은 프레임을 두 번 연속 내보낸다고 하는 게 더 쉽나요?
بدلاً من ذلك، ستظهر الشاشة نفس إطار وحدة معالجة الرسومات مرتين على التوالي.
이게 여러 번 일어나면 문제가 되죠.
وعندما يحدث ذلك بشكل متقطع، فستحدث معك مشاكل.
예를 들어 프레임 속도가 재생률보다 높다가 갑자기 떨어지면
على سبيل المثال، إذا كان معدل الإطار أعلى من معدل التحديث ولكن انخفض فجأة،
유저 눈엔 매끄럽던 애니메이션이 갑자기 멈추는 게 보일겁니다
عندها سيرى المستخدم الرسوم المتحركة السلسة متقطعة بتوقفات مفاجئة،
다시 매끄러워지겠지만요.
تليها بقية الرسوم المتحركة السلسة.
이런 매끄럽지 않은 애니메이션은 유저가 랙이라고 부르는 건데요.
هذا التأثير يظهر نفسه للمستخدم بتجربة أقل من رسوم متحركة سلسة،
쟁크(jank), 히칭(hitching), 랙(lag), 스터더(stutter) 이름은 많습니다.
والتي كثيراً ما توصف بأنها أحداث غريبة أو توقف أو تأخر أو تلعثم.
개발자의 불구대천지 원수인데요.
كن على ثقة، هذه هي الأشياء التي تريد فعلاً أن تتجنبها.
이렇게 갑자기 속도가 떨어지는 걸 방지해야합니다.
يجب أن يسعى تطبيقك جاهداً للتخلص من هذه الإنخفاضات المفاجئة
항상 GPU가 데이터를 받고 다음 갱신 전에 그려낼 수 있는
في معدل الإطار من خلال الضمان الدائم أن وحدة معالجة الرسومات
충분한 시간 여유를 주세요.
تحصل على بياناتها بسرعة ولديها الوقت لرسم المحتويات قبل تحديث الشاشة المقبل.
VSYNC의 이해는 시작에 불과하죠.
ولكن فهم المزامنة الشاقولية هو مجرد بداية.
최적화된 앱을 만들려면
حيث يتطلب بناء تطبيق عالي الأداء
이렇게 안드로이드 하드웨어의 이해도 필요한데요,
منك أن تعرف ماذا يجري داخل جهازك الأندرويد.
그러기 위해서는
وللتأكد من أنك تفعل ذلك،
안드로이드 퍼포먼스 패턴 페이지의 나머지 자료도 봐주세요.
تحقق من بقية المصادر على صفحة أنماط أداء أندرويد.
멋진 앱을 만들기 위해서는
ولا تنسى الإنضمام إلى منتدانا على +Google
저희 구글+ 커뮤니티 방문도 잊지 마시고요.
للبدء ببناء شيء مدهش.
항상 침착하게, 코드는 단정하게 실행은 효율적으로! 잊지마세요.
لذلك حافظ على هدوئك واكتب كودك، وتذكر دائماً، الأداء مهم.
Similar videos:

How to Draw the Figure from the Imagination - Part 1 - Fine Art-Tips.
Fine Art-Tips
5.1M views 83.1K likes 2K dislikes 08 Jan 201329% match



Велосипед - С ветряным двигателем
Игорь Негода
3M views 70.7K likes -1 dislikes 03 Aug 201929% match




Why High FPS Matters
NVIDIA GeForce
1.1M views 24.8K likes -1 dislikes 03 Dec 201929% match


Kinematics Part 3: Projectile Motion
Professor Dave Explains
855K views 14.4K likes 276 dislikes 02 Feb 201728% match

Teapot made with milk cartons! (diy)
Recycle by making art #courses
236 views 20 likes 0 dislikes 02 Nov 201828% match

Why Jump Scares Suck
Now You See It
2.1M views 64.3K likes 949 dislikes 23 Aug 201628% match

Snake serve
Adam Bobrow
4.4M views 98.5K likes -1 dislikes 19 Dec 202028% match





How does a Combination Lock work?
Jared Owen
5.4M views 125.4K likes -1 dislikes 05 Sep 201928% match



FIX: Windows 10 Not Detecting Second Monitor [Quick Tutorial]
MDTechVideos
1.7M views 5.3K likes 4.6K dislikes 03 Jun 201728% match



Healthy Living - Solution
Udacity
1.4K views 11 likes 2 dislikes 04 Jun 201528% match


FREE FIRE - PET FALCÃO vale a pena?
Detonallgames
1.5K views 202 likes 3 dislikes 30 Jan 202127% match

Create Silver the hedgehog with Clay / Sonic the hedgehog / Clay Art / Sculpey [kiArt 키아트 키아]
kiArt
376.2K views 5.6K likes 367 dislikes 07 Jun 202027% match



부시시한머리 관리 끝판왕! 고급 미용실 트리트먼트 이제 집에서 가능합니다. 파마,염색으로 상한 머리 꼭 보세요.Essential item for damaged hair.
머리 덕후 -뉴질랜드 닉쌤
38.1K views 950 likes 11 dislikes 29 Dec 202027% match

How computers learn to recognize objects instantly | Joseph Redmon
TED
1M views 26.8K likes 394 dislikes 18 Aug 201727% match




Debugging a Crash
Udacity
81.8K views 43 likes 1 dislikes 23 May 201527% match


Understanding fractions as division | Fractions | 5th grade | Khan Academy
Khan Academy
494.3K views 802 likes 182 dislikes 11 Sep 201527% match



Create Classic Super Sonic with Sculpey Clay/ Sonic the hedgehog [kiArt]
kiArt
118.1K views 2.2K likes -1 dislikes 30 Mar 202127% match




Potato vs Watermelon - Smarter Every Day 155
SmarterEveryDay
862.3K views 22.9K likes 545 dislikes 22 May 201627% match

You got your kalimba, NOW, WHAT'S NEXT? : a Beginner's guide (SUB)
Tip's Kalimba
32.1K views 2.9K likes 11 dislikes 13 Oct 202027% match



JOIN Rachel's English YouTube Channel Membership!! ❤️
Rachel's English
26.9K views 1.6K likes 30 dislikes 11 Dec 201927% match

Chu trình PDCA nguyên bản đầu của W. Edward Deming thế nào (Có thế bạn không biết đâu)- Lalaplus
Lalaplus - DOANH NGHIỆP & ISO
854 views 16 likes 0 dislikes 21 Jul 202027% match

❌ Porque El SENSOR de Huellas no Funciona!
MovilOne Mobile repair
2.2K views 203 likes 5 dislikes 22 Nov 202027% match




Pixar: The math behind the movies - Tony DeRose
TED-Ed
598.3K views 5.3K likes 150 dislikes 25 Mar 201427% match



Exponential growth and epidemics
3Blue1Brown
5.9M views 168.5K likes -1 dislikes 08 Mar 202027% match





Construction container - Découpe des ouvertures des containers - J+1
Kerworkshop
2K views 48 likes 0 dislikes 24 Oct 202027% match





Cómo pasar cintas de vídeo VHS al PC - Digitalizar y convertir vídeos VHS a la computadora
AirXander
16K views 435 likes 12 dislikes 17 Nov 202027% match





Calculus - Introduction to Calculus
MySecretMathTutor
727.1K views 12.1K likes 326 dislikes 19 Nov 201527% match

Buster Keaton - The Art of the Gag
Every Frame a Painting
5.7M views 149.5K likes 1.4K dislikes 21 Nov 201527% match



【バレーボール】フローターサーブのトスを安定させる方法
S&Dバレーボール教室
13.1K views 225 likes 4 dislikes 29 Aug 202027% match




The $999 MacBook Air Alternative
Dave2D
1.3M views 27.7K likes 672 dislikes 15 Nov 201826% match


Settings Privacy About Contact Donate