ho provato questo in Chrome. Avendo una textarea con molto testo all'interno, la modifica delle parti alla fine diventa super slow. Il cursore e la risposta di input della tastiera arrivano a una scansione.digitando in textarea super slow quando un sacco di testo all'interno di
Ma se faccio in modo che i collegamenti CSS vengano spostati da <head>
a </body>
non si rallenta più. Qualche idea sul perché questo fenomeno esiste?
codice utilizzato:
<!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>
Questo HTML è in realtà generato dagli script di back-end, che riempiranno il contenuto del textarea con migliaia di righe di testo. Quando l'utente scorre verso il basso fino alla fine del contenuto, è qui che inizia la lentezza. Se il css nell'area della testa viene rimosso, sarà veloce.
Quanto testo è "molto testo"? Inoltre, i CSS dovrebbero sempre essere inclusi nel tag 'head' del documento per scopi di rendering. –
@JamesDonnelly Si prega di consultare la domanda modificata. –
Quanto costa un sacco? 1000000000000 caratteri? – DiederikEEn