Saya melihat artikel yang dia tulis tahun lalu tentang Perfection kills. Itu sangat rinci tentang optimasi HTML. Saya akan mencatatnya untuk saat ini, meskipun beberapa hal di dalamnya tidak dapat diterapkan di lingkungan saat ini. Di bawah tren aplikasi WEB saat ini secara bertahap menjadi front-end, pengoptimalan sisi klien telah menarik lebih banyak perhatian. Cara mengurangi kode, cara menampilkan aplikasi dengan cepat kepada pengguna, cara mengurangi waktu tunggu pengguna, dll., seperti Yahoo 34 aturan emas optimasi Sebuah rencana optimasi rinci diusulkan.
Bagian paling dasar dari optimasi halaman web adalah optimasi HTML. Secara khusus, yang pertama adalah pembersihan markup. Membersihkan markup tidak hanya dapat mengurangi ukuran dokumen, tetapi juga membuat dokumen lebih mudah dipelihara dan meningkatkan visibilitas mesin pencari (Bersih). markup berarti aksesibilitas yang lebih baik), pemeliharaan lebih mudah, dan visibilitas mesin pencari yang baik), tetapi bahkan untuk halaman web yang dikatakan sangat optimal, jika Anda melihat lebih dekat pada kodenya, Anda masih dapat menemukan banyak penggunaan tag yang dapat dihapus atau sudah usang:
1.Komentar karakter dalam skrip
<Bahasa SKRIP=javascript>
<!-- Mulai
alert("daimaren.cn");
// Berakhir -->
</skrip>
Kecuali jika browser yang hampir punah seperti 95 Netscape 1.0 memerlukan pemrosesan seperti itu, di sebagian besar browser arus utama, menambahkan komentar HTML ke blok skrip sama sekali tidak diperlukan.
2.<![CDATA[ … ]>
<skrip tipe="teks/javascript">
//<![CDATA[
...
//]]>
</skrip>
Ini adalah tindakan pencegahan kesalahan lain yang sering ditambahkan dalam blok kode js. Ini untuk mencegah kode menguraikan simbol < sebagai awal tag ketika berhadapan dengan dokumen XHTML yang sebenarnya (tipe konten "application/xhtml+xml") . Semua konten yang terdapat dalam CDATA akan diperlakukan sebagai teks. Namun situasi sebenarnya adalah tipe konten dari hampir semua halaman web saat ini adalah teks/html, yang berarti bahwa tersebut bukan dokumen xml dalam arti sebenarnya, tetapi hanya teks teks, jadi tindakan pencegahan kesalahan ini sama sekali tidak diperlukan jika Anda yakin mendukung dokumen xml, Anda harus menggunakan CDATA dengan tepat tergantung situasinya.
3.onclick=”…”, onmouseover=””dan seterusnya.
Ini adalah praktik yang sangat tidak bijaksana untuk menulis atribut acara dalam tag HTML, yang mengurangi pemeliharaan kode dan mencemari tag. Jika atribut acara ditambahkan secara dinamis melalui JS, tidak hanya dapat dikontrol secara fleksibel, tetapi juga klien JS dapat melakukannya digunakan Keuntungan dari caching adalah atribut kejadian ini tidak harus mengikuti setiap permintaan dokumen.
4.onclick=”javascript:…”
Ini adalah kekacauan javascript yang menarik. Protokol semu dan pengendali peristiwa intrinsik dapat membuat hingga 100.000 kombinasi yang berlebihan. Faktanya adalah bahwa konten di dalam atribut peristiwa menjadi fungsi badan setelah penguraian . , jadi javascript: menjadi tag mubazir yang tidak berguna di sini.
5.href="javascript:void(0)"
Melanjutkan dengan javascript: pseudo-protocol, salah satu yang terkenal adalah javascript:void(0), yang digunakan untuk menghindari tindakan jangkar default. Ini akan menyebabkan JS gagal mengurai secara normal atau membuat kesalahan (dinonaktifkan/tidak tersedia/ kesalahan). Titik jangkar sama sekali tidak tersedia. Solusi ideal adalah mengisi URL yang benar di href, lalu menggunakan JS untuk menulis ulang secara dinamis, sehingga titik jangkar tidak akan tersedia meskipun JS tidak dijalankan. HREF="#" adalah alternatif yang efisien dan lebih cepat.
6. gaya=”…”
Tidak ada kesalahan penting, tetapi sulit untuk dipelihara nanti. Selain itu, memindahkannya ke file CSS eksternal dapat di-cache untuk meningkatkan efisiensi eksekusi halaman.
7. <bahasa skrip="Javascript" … >
Salah satu atribut yang paling disalahpahami, mengira ini adalah "bahasa" naskah, sudah sangat tua sehingga tidak digunakan lagi pada tahun 1999.
8. <skrip rangkaian karakter=”…” …>
<skrip type="teks/javascript" charset="UTF-8">
...
</skrip>
Atribut tag skrip lainnya yang mudah disalahpahami, charset dijelaskan dalam HTML4.01: Harap dicatat bahwa atribut charset mengacu pada pengkodean skrip yang ditentukan oleh atribut src dari karakter, dan tidak melibatkan konten elemen skrip. (Perhatikan bahwa atribut charset mengacu pada pengkodean karakter skrip yang ditunjuk oleh atribut src; ini tidak menyangkut konten elemen SCRIPT.), artinya, ia hanya menentukan format pengkodean file skrip saat menguraikan naskahnya. Tidak direkomendasikan.