Quali sono alcune best practice per scrivere CSS (per l'utilizzo della memoria di picco più basso) in modo efficiente in memoria? Mi rendo conto che questa è una domanda ampia, quindi l'ho suddivisa in due categorie principali:
- Che cosa si intende per "cosa fare e cosa non fare" in merito alle proprietà CSS da utilizzare per le cose e in quali circostanze per l'utilizzo della memoria più piccolo?
- Esistono proprietà CSS "malvagie" (o classificazioni di proprietà CSS come [Si noti che il seguente testo contiene un esempio supplementare casuale che non è assolutamente una dichiarazione, solo un esempio] la flexbox proprietà correlate) che dovrebbero essere evitati a tutti i costi?
Sto creando un sito web orientato al progetto in cui gli utenti saranno in grado di creare progetti con milioni di elementi (nodi DOM) al loro interno, quindi le risorse del computer potrebbero essere scarse.
In risposta alla preoccupazione di Caleth di non specificare cosa significhi l'efficienza della memoria CSS, spiegherò cosa significa efficienza di memoria CSS nel contesto di questa domanda. L'efficienza della memoria CSS si riferisce alla riduzione della quantità di memoria che CSS ha causato al browser per la fusione (quando un elemento ha la stessa proprietà CSS impostata più di una volta, in genere in più posizioni), disegno, pittura, calcolo del flusso, rimappatura (quando il nuovo CSS viene gettato nel mix, o il vecchio CSS viene estratto), ridisegnando, ridimensionando e battendo (nel caso dell'imprevisto) il DOM. In questo contesto, non si riferisce alla memoria utilizzata per scaricare la pagina Web, ma è strettamente client-side. Né si riferisce all'efficienza dei selettori CSS (posso già trovare molti articoli su entrambi questi due).