Chromeでこれを試しました。内部に大量のテキストを含むテキストエリアがあると、最後の部分の編集が非常に遅くなります。カーソルとキーボード入力の応答がクロールになります。
しかし、CSS リンクを から に移動するようにすると、<head>
遅く</body>
はなりません。この現象が存在する理由はありますか?
使用したコード:
<!DOCTYPE html>
<html>
<head>
<style>textarea {width: 400px; height: 400px;}</style>
<link href="1.css" rel="stylesheet" type="text/css">
</head>
<body>
<textarea name="content"></textarea>
</body>
</html>
この html は実際にはバックエンド スクリプトによって生成され、テキストエリアのコンテンツを数千行のテキストで埋めます。ユーザーがコンテンツの最後までスクロールすると、速度低下が始まります。head部分のcssを外せば速くなります。