Jawatan ini meneroka kekeliruan pengarang mengenai beberapa sifat pengoptimuman prestasi CSS: will-change
, contain
, dan content-visibility
. Penulis memahami potensi manfaat dari sifat-sifat ini-meningkatkan prestasi rendering dengan mengimbangi tugas-tugas ke GPU (Will-change), mengasingkan unsur-unsur untuk prestasi susun atur yang lebih baik (mengandungi), dan melambatkan rendering kandungan luar skrin (kandungan-penglihatan)-tetapi tidak mempunyai pemahaman yang jelas tentang ketika dan bagaimana untuk menerapkannya dengan berkesan.
Penulis memetik contoh: will-change: opacity;
dipersoalkan kerana perubahan kelegapan sering dianggap murah. Yang contain: strict;
Contohnya, yang secara dramatik meningkatkan prestasi menatal dalam grid data, menyoroti kuasa harta contain
tetapi meninggalkan penulis tidak pasti tentang aplikasi yang lebih luas. Begitu juga, penulis menyebut content-visibility
, mengakui potensinya tetapi tidak mempunyai pemahaman praktikal tentang masa untuk menggunakannya.
Persoalan utama ialah sama ada sifat -sifat ini harus dianggap sebagai teknik "pengoptimuman lanjutan" yang digunakan hanya selepas masalah prestasi dikesan, atau jika mereka harus menjadi sebahagian daripada toolkit CSS standard pemaju, yang dipertimbangkan semasa fasa reka bentuk dan pelaksanaan awal. Penulis bersandar ke arah yang terakhir, menunjukkan bahawa secara proaktif menggunakan sifat-sifat ini apabila sesuai (contohnya, yang mengandungi unsur-unsur yang tidak berubah, menunjukkan perubahan dengan will-change
) membawa kepada lebih banyak antara muka yang berpengalaman. Walau bagaimanapun, kekurangan garis panduan yang jelas dan potensi untuk tingkah laku yang tidak dijangka (seperti yang dinyatakan dalam artikel yang lebih lama mengenai will-change
) menjadikannya sukar untuk memberikan nasihat muktamad. Penulis menyimpulkan dengan menyatakan keperluan untuk sumber yang lebih komprehensif dan pemahaman yang lebih mendalam tentang sifat -sifat CSS yang penting ini.
Atas ialah kandungan terperinci Bilakah ia 'betul' untuk mencapai yang terkandung dan akan berubah di CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!