HTML5源代碼壓縮在網頁優化中起著十分重要的作用。通過壓縮，可以減少HTML文件的大小，從而使頁面加載速度更快，用戶體驗更佳。下面介紹一些HTML5源代碼壓縮的方法。

1. 使用在線壓縮工具
目前網絡上有許多在線HTML壓縮工具，比如HTMLMinifier、Compressor.io等。將HTML文本粘貼到在線工具的輸入框中，點擊“壓縮”按鈕，即可得到壓縮后的HTML文本內容。需要注意的是，在使用這些工具時，要選擇最小化輸出、刪除注釋、刪除空格等選項來最大程度壓縮文本。
2. 使用壓縮軟件
有些壓縮軟件也可以壓縮HTML代碼，比如Sublime Text、Notepad++等。使用這些軟件壓縮HTML代碼，可以對文本內容進行包括壓縮、格式化等操作。
3. 使用Gulp等代碼構建工具
Gulp是一款基于Node.js構建的自動化構建工具，可以用于壓縮HTML文件。首先要安裝Gulp，然后用npm安裝gulp-htmlmin插件。在此基礎上，寫一個Gulp任務，使其壓縮所有HTML文件。壓縮后的代碼將會以.min結尾保存。
以下是一個簡單的Gulp任務示例：
var gulp = require("gulp");
var htmlmin = require("gulp-htmlmin");
gulp.task("htmlmin", function() {
return gulp.src("*.html")
.pipe(htmlmin({collapseWhitespace: true}))
.pipe(gulp.dest("dist"));
});
執行gulp htmlmin命令即可壓縮HTML文件并輸出到dist目錄中。
綜上所述，HTML5源代碼壓縮通過在線壓縮工具、壓縮軟件、代碼構建工具等方式均可以實現。在實踐中，可以根據自己的需求選擇不同的壓縮方式。但需要注意，在壓縮的過程中，應保證HTML文本的結構完整、符合HTML規范。