HTML Bobot Penurunan: Sederhanakan Tag HTML untuk membuat halaman web

Penulis：Eve Cole Waktu Pembaruan：2025-05-13 09:00:04

Cara yang jelas untuk meningkatkan kecepatan situs web adalah dengan mengurangi ukuran file HTML. Ada beberapa metode, seperti: kompresi keras, ID seperti akupunktur dan mengubah nama kelas. Berikut adalah beberapa cara kami merangkum untuk membuat tag HTML lebih ramping.

html 4

html (non xhtml), tipe mime adalah teks/html, memungkinkan beberapa tag dihilangkan. Dengan HTML 4 DTD, Anda dapat menghilangkan tag berikut (yang disebut elemen yang dapat dihindari ditandai dengan pukulan di sini)

 </reed>

 </base>

 <body>

 </body>

 </br>

 </col>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </hr>

 <html>

 </html>

 </mmg>

 </input>

 </li>

 </link>

 </meta>

 </option>

 </p>

 </param>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

Misalnya, kode Anda adalah

 <li>list item</li>

Bisa ditulis sebagai

 <li>list item

Misalnya, paragraf harus

 </p>

Pada akhirnya, Anda bisa menulis

 <p>my paragraph

Anda bahkan dapat menghapus HTML, kepala, tubuh (pastikan ini akan membuat Anda nyaman sebelum menganggap ini sebagai spesifikasi pengkodean Anda).

Setelah tag dihilangkan, HTML masih valid, dan ukuran file berkurang. Untuk halaman umum, Anda dapat menghemat 5-20%.

 html 5
 HTML 5 yang sedang berkembang menyediakan beberapa cara untuk mengurangi ukuran file.
 Misalnya, Deklarasi Jenis Dokumen Halaman
 <!doctype html>
 kontras
 <!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
 Jelas HTML 5 DTD lebih pendek.
 HTML 5 mudah digunakan dan lebih pendek saat menentukan pengkodean untuk halaman:
 <meta charset=utf-8>
 mengganti
 <meta http-equiv=content-type content=text/html; charset=utf-8>
 Biasanya, browser akan menangani HTML dengan benar.
 Selain itu, dalam HTML 5 hari ini, Anda dapat menghapus atribut tipe yang menyatakan tipe mime, seperti
 type=text/css
 atau type=text/javascript
 Anda bisa menggunakannya
 <script>
 Alternatif <script type=text/javascript>
 menggunakan <style>
 Alternatif <style type=text/css>
 Di semua jenis halaman (bahkan xhtml) Anda dapat menghilangkan
 type=text/css
 HTML 5 membuat ini lebih mudah.
 Menggunakan semua metode di atas secara bersamaan akan menghemat 10% -20% (atau bahkan lebih) dari file, tergantung pada gaya pengkodean Anda dan jumlah konten teks di halaman. Kode ini akan lebih bersih dan pengunjung akan mendapatkan konten situs web lebih cepat. Kami menggunakan banyak teknologi ini dalam proyek Pusat Privasi, menghemat 20% dari ukuran file asli.