การลดน้ำหนัก HTML: ทำให้การติดแท็ก HTML ง่ายขึ้นเพื่อสร้างหน้าเว็บ

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-05-13 09:00:04

วิธีที่ชัดเจนในการปรับปรุงความเร็วของเว็บไซต์คือการลดขนาดของไฟล์ HTML มีวิธีการบางอย่างเช่น: การบีบอัดอย่างหนัก, ID เหมือนการฝังเข็มและการเปลี่ยนชื่อคลาส นี่คือวิธีบางส่วนที่เราสรุปเพื่อทำให้แท็ก HTML มีความคล่องตัวมากขึ้น

html 4

HTML (ไม่ใช่ XHTML) ประเภท MIME คือข้อความ/HTML ซึ่งอนุญาตให้ใช้แท็กบางอย่าง ด้วย HTML 4 DTD คุณสามารถละเว้นแท็กต่อไปนี้ได้

 </sailse>

 </base>

 <body>

 </body>

 </br>

 </ol>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </hr>

 <html>

 </html>

 </img>

 </prong>

 </li>

 </link>

 </meta>

 </option>

 </p>

 </param>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

ตัวอย่างเช่นรหัสของคุณคือ

 <li>list item</li>

สามารถเขียนเป็น

 <li>list item

ตัวอย่างเช่นวรรคควร

 </p>

ในตอนท้ายคุณสามารถเขียนได้

 <p>my paragraph

คุณสามารถลบ HTML, หัว, ร่างกาย (ตรวจสอบให้แน่ใจว่าสิ่งนี้จะทำให้คุณสะดวกสบายก่อนที่จะใช้สิ่งนี้เป็นข้อกำหนดการเข้ารหัสของคุณ)

หลังจากที่แท็กถูกละเว้น HTML ยังคงถูกต้องและขนาดไฟล์จะลดลง สำหรับหน้าทั่วไปคุณสามารถประหยัดได้ 5-20%

 html 5
 การพัฒนา HTML 5 มีวิธีการลดขนาดไฟล์
 ตัวอย่างเช่นการประกาศประเภทเอกสารหน้า
 <!doctype html>
 ตัดกัน
 <!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
 เห็นได้ชัดว่า HTML 5 DTD นั้นสั้นกว่า
 HTML 5 ใช้งานง่ายและสั้นลงเมื่อระบุการเข้ารหัสสำหรับหน้า:
 <meta charset=utf-8>
 แทนที่
 <meta http-equiv=content-type content=text/html; charset=utf-8>
 โดยปกติเบราว์เซอร์จะจัดการ HTML ได้อย่างถูกต้อง
 นอกจากนี้ใน HTML 5 วันนี้คุณสามารถลบแอตทริบิวต์ประเภทที่ประกาศประเภท MIME เช่น
 type=text/css
 หรือ type=text/javascript
 คุณสามารถใช้
 <script>
 ทางเลือก <script type=text/javascript>
 ใช้ <style>
 ทางเลือก <style type=text/css>
 ในทุกประเภทของหน้า (แม้แต่ XHTML) คุณสามารถละเว้นได้
 type=text/css
 HTML 5 ทำให้สิ่งนี้ง่ายขึ้น
 การใช้วิธีการทั้งหมดข้างต้นพร้อมกันจะประหยัดได้ 10% -20% (หรือมากกว่า) ของไฟล์ขึ้นอยู่กับรูปแบบการเข้ารหัสและปริมาณเนื้อหาข้อความในหน้า รหัสจะสะอาดขึ้นและผู้เข้าชมจะได้รับเนื้อหาเว็บไซต์ได้เร็วขึ้น เราใช้เทคโนโลยีนี้จำนวนมากในโครงการศูนย์ความเป็นส่วนตัวประหยัด 20% ของขนาดไฟล์ต้นฉบับ