次のコードは、次のブラウザーでゆっくりと実行されます。
- クロム 26.0.1410.65 (Mac)
- サファリ 6.0.4 (マック)
HTML:
<ul></ul>
<script type="text/html" id="template">
<li>
Lorem ipsum dolor…
</li>
</script>
コーヒースクリプト:
# Setup
list = $ 'ul'
templateText = $('#template').text()
# Append 1000 list items
list.append templateText for i in [1..1000]
…しかし、テンプレートから空白と改行を削除すると、非常に高速に実行されます。
自分で試してみてください: http://jsfiddle.net/cEK2x/2/
Firefox 26.0 (Mac)、Chrome Canary 28.0.1500.3 (Mac)、および IE9 では、この問題は発生しません。