एसवीजी स्क्रॉलिंग प्रदर्शन पीएनजी से इतना बुरा क्यों है?

Question

एक साइट जो मैं काम कर रहा हूं, स्क्रॉलिंग संवाद विंडो में जटिल एसवीजी छवियों की एक बड़ी संख्या (> 50) प्रदर्शित करती है। क्रोम में साइट को देखते समय, संवाद विंडो का स्क्रॉलिंग प्रदर्शन बहुत खराब है - यह काफी हद तक धीमा और धीमा है। हालांकि, अगर मैं पीएनजी छवियों के साथ एसवीजी छवियों को प्रतिस्थापित करता हूं, तो स्क्रॉलिंग पूरी तरह से चिकनी और उत्तरदायी है। https://jsfiddle.net/NathanFriend/42knwc1s/

स्क्रॉल क्यों एसवीजी है प्रदर्शन इतना पीएनजी स्क्रॉल प्रदर्शन से भी बदतर:

यहाँ अंतर का एक प्रदर्शन है? ब्राउजर एक एसवीजी छवि प्रस्तुत करने के बाद, मुझे लगता है कि छवि को फिर से प्रस्तुत करने की आवश्यकता नहीं है जब तक कि छवि किसी तरीके से (जैसे आकार बदलने) में छेड़छाड़ नहीं की जाती। क्या एसवीजी छवियों वाले तत्व को स्क्रॉल करना स्क्रॉल एनीमेशन के प्रत्येक फ्रेम के लिए छवियों को फिर से प्रस्तुत किया जाता है?

                      ` 

Answer 1

मुझे लगता है कि यह सिर्फ एक क्रोमियम बग किसी तरह का है, मैं इस मुद्दे इतने पर है, क्योंकि मैं मैक पर साथ ही यह अनुभव कर शुरू कर दिया पाया है। उदाहरण के लिए ओपेरा पर यह ठीक काम करता है।

मुझे नहीं लगता कि यहां कोई भी यह समझाने में सक्षम होगा कि यह वास्तव में एक बग क्यों धीमा है। मैंने क्रोमियम बग बनाया है, अगर आप जल्द ही समस्या को ठीक करना चाहते हैं या अधिक जानें https://bugs.chromium.org/p/chromium/issues/detail?id=681611