页面优化
HTML/Javascript/CSS如何优化
LightCDN通过压缩技术全面优化网页静态资源自动精简HTML中的冗余空白/注释/空标签，压缩JS代码（缩短变量名、移除死代码），并优化CSS（去除空格、简化选择器），在确保功能完整性的同时可使资源体积减少15%-50%，显著提升页面加载速度。
注意所有能被优化的内容前提必须是能够缓存。如果你的资源是回源获取的，功能将失效。
HTML优化示例
优化前
<!DOCTYPE html>
<html lang="zh">
<head>
<title>Upload</title>
</head>
<body>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="file" multiple/>
<button type="submit">Upload</button>
</form>
</body>
</html>
优化后
<!doctype html><html lang="zh"><head><title>Upload</title></head><body><form action="/upload" method="post" enctype="multipart/form-data"><input type="file" name="file" multiple>
<button type="submit">Upload</button></form></body></html>
Javascript 优化示例
优化前
let name = "Lily"
console.log("Name:" + name)
//let name = ""
var name1 = "Lucy"
console.log("Name1:", name1)
function hello() {
console.log("say hello")
var myName = "Lilei"
console.log("myName:", myName)
}
hello1()
优化后
let name="Lily";console.log("Name:"+name);var name1="Lucy";console.log("Name1:",name1);function hello(){console.log("say hello");var e="Lilei";console.log("myName:",e)}hello1()
CSS优化示例
优化前
span {
color: red;
font-weight: bold;
}
优化后
span{color:red;font-weight:700}
如何在LightCDN上操作？
你前往资源详情 → 性能优化 → 开启功能即可，无需其他配置。
