ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
前端代码优化项: 1. 请减少HTTP请求。 2. 减少对DOM的操作,减少对DOM元素的查询和修改,对长操作的DOM元素进行存储和缓冲。 3. 使用JSON格式来进行数据交换(轻量级的数据交换格式)。 4. 高效使用HTML标签和CSS样式 (语义化标签,减少标签嵌套,样式选择器嵌套不要太深)。 5. 对于小图标,制作成一套字体显示加个标签,不用加载图片来(图片阻塞加载)。 6. 将CSS和JS放到外部文件中引用,CSS放头,JS放尾,将CSS和JS放到外部文件中引用,CSS放头,JS放尾。 放在html文档中,页面重新加载的时候,会重新下载样式表文件。如果外部可以缓冲,不需要重复下载,减少了http请求文档大小 7. 尽量少用iframe,如果非要用,可以动态加载来实现。 8. 避免图片src属性为空:浏览器会向服务器发送另一个请求。 9. 优化图片,制作合适的图片大小和分辨率,影响页面加载,用户体验也差。