Eine Site, an der ich gerade arbeite, zeigt eine große Anzahl (& gt; 50) komplexer SVG-Bilder in einem Scroll-Dialogfenster an. Beim Anzeigen der Website in Chrome ist die Bildlaufleistung des Dialogfelds sehr schlecht - es ist deutlich verzögert und langsam. Wenn ich jedoch die SVG-Bilder durch PNG-Bilder ersetze, ist das Scrollen perfekt und reibungslos.
Hier ist eine Demonstration des Unterschieds: Ссылка
Warum ist die SVG-Scrollleistung so viel schlechter als die PNG-Scrollleistung? Nachdem der Browser ein SVG-Bild gerendert hat, würde ich annehmen, dass das Bild nicht erneut gerendert werden muss, bis das Bild auf irgendeine Weise manipuliert wurde (z. B. Größenänderung). Führt das Scrollen eines Elements, das SVG-Bilder enthält, dazu, dass die Bilder für jedes Bild der Bildlaufanimation neu gerendert werden?
Ich denke, das ist nur eine Art von Chrom-Bug, ich habe dieses Problem bei SO gefunden, weil ich es auch auf dem Mac erlebt habe. Es funktioniert zum Beispiel auf Opera.
Ich glaube nicht, dass irgendjemand hier erklären kann, warum es langsam ist, wenn es wirklich ein Bug ist. Ich habe einen Chromium-Bug erstellt, bitte markieren Sie ihn, wenn das Problem bald behoben werden soll oder erfahren Sie mehr Ссылка
Tags und Links svg google-chrome performance png render