<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<h1>标题</h1>
<p>段落</p>
</div>
<script src="app.js"></script>
</body>
</html>
段落
减少 HTML 嵌套层级,避免不必要的标签。使用语义化 HTML。
CSS 是渲染阻塞资源。将关键 CSS 内联,异步加载非关键 CSS。
JS 会阻塞 DOM 构建。使用 defer 或 async 属性。
批量修改样式,避免逐帧操作。使用 transform 代替位置属性。