Beberapa saran untuk menulis aplikasi HTML berkinerja tinggi

Artikel ini terutama memperkenalkan beberapa saran untuk menulis aplikasi HTML berkinerja tinggi, termasuk CSS terkait dan metode pemrograman JavaScript. Teman yang membutuhkannya dapat merujuk pada bagaimana Anda dapat meningkatkan kinerja web?

Sebagian besar pengembang akan mengoptimalkan melalui javascript dan gambar, file zip dan menggabungkan file melalui konfigurasi server, file zip dan bahkan mengubah CSS (gabungkan gambar kecil).

HTML yang buruk selalu diabaikan, meskipun selalu menjadi bahasa inti dari web.

HTML semakin besar. 100 situs web teratas sebagian besar sekitar 40 ribu per halaman HTML. Amazon dan Yahoo menggunakan ribuan halaman HTML. Di halaman utama YouTube.com, ada hingga 3500 elemen HTML.

Mengurangi kompleksitas HTML dan jumlah elemen halaman tidak secara signifikan meningkatkan waktu penguraian - tetapi HTML adalah faktor kunci dalam membangun halaman web cepat, beradaptasi dengan perangkat yang berbeda dan mempengaruhi keberhasilan.

Dalam artikel ini, Anda akan belajar cara menulis HTML yang bersih dan bersih yang memungkinkan Anda membuat situs web yang dengan cepat memuat dan mendukung banyak perangkat yang akan mudah untuk debug dan dipelihara.

Tidak hanya ada satu cara untuk menulis kode - terutama HTML. Ini hanyalah penjelasan tentang pengalaman umum, tetapi itu bukan satu -satunya pilihan yang tepat.

HTML adalah bahasa markup yang digunakan untuk mewakili struktur dan konten.

HTML tidak boleh digunakan untuk menampilkan gaya dan gaya. Jangan menulis teks di tag judul (H1 ~ H6) untuk tampil lebih besar, atau hanya menggunakan elemen blockquotes untuk indentasi. Sebaliknya, gunakan CSS untuk mengubah penampilan dan tata letak elemen.

Penampilan default elemen HTML diimplementasikan melalui gaya default browser: Firefox, Internet Explorer, dan Opera semuanya berbeda. Misalnya, di Chrome, elemen H1 default membuat ukuran 32px.

Tiga Prinsip Dasar:

Menggunakan HTML untuk mewakili struktur, CSS digunakan untuk mengekspresikan gaya dan tema yang berbeda. JavaScript untuk menanggapi perilaku pengguna.

Gunakan HTML, gunakan CSS jika perlu, dan tambahkan JavaScript jika Anda tidak diizinkan. Misalnya: Dalam banyak kasus, Anda dapat menggunakan formulir HTML untuk verifikasi dan menggunakan CSS atau SVG untuk mengimplementasikan animasi.

Pisahkan CSS dan JavaScript dari kode HTML Anda. Biarkan mereka di -cache, yang membuat kode lebih mudah untuk debug. Dalam produksi, CSS dan JavaScript dapat dikompres dan digabungkan dan harus menjadi bagian dari sistem build Anda. Catatan* Lihat Kompetisi Sistem Konstruksi Javascript (Editing)

Struktur dokumen dokumen

Menggunakan Jenis Dokumen HTML5: