你如何实现 HTML 页面的优化

你如何实现 HTML 页面的优化

  • 代码方面

    提高代码的复用性，减少代码冗余

    合适的使用 防抖 和 节流 技术

    减少页面的重绘、回流

    实现 HTML 的语义化

  • 使用恰当的图片格式

    • JPG 一般用于展示风景、人物
    • GIF 一般用在颜色要求不高的地方，比如网站 Logo、表情包
    • PNG 能提供透明背景

  • 使用图片精灵（一张图上有多个小图）（为什么叫图片精灵呢？那些小图片都是精灵，一个一个蹦出来的，所以叫图片精灵）

    这样就只会加载一张图片了。因为减少请求次数，页面加载会快一些

posted @   朱在春  阅读(98)  评论(0)  编辑  收藏  举报
相关博文：
·  你是怎么理解html语义化？
·  重绘和回流
·  html内容的性能优化点有哪些？
·  网页性能优化~~~
·  ⽹站性能优化
阅读排行：
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 25岁的心里话
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示
SQL AI 助手