F2E 前端
话题列表
社区 Wiki
优质外文
招聘求职
F2E 前端 实战教程
社区文档
登录
注册
35 条前端性能优化军规
减少 HTTP 请求数
使用 CDN(内容分发网络)
Expires 或 Cache-Control 响应头
使用 Gzip 压缩
将 CSS 放在页面顶部
将 JavaScript 放在页面底部
避免使用 CSS 表达式
使用外部 JavaScript 和 CSS
减少 DNS 查询
压缩 JavaScript 和 CSS
避免 301/302 重定向
移除重复的 JavaScript 脚本
设置 ETags 来控制缓存
缓存 Ajax 请求
尽早输出(flush)缓冲
Ajax 时尽量使用 GET 方法
延迟加载
预加载
减少 DOM 元素数量
使用多个域名
避免使用 iframe
杜绝 404
给 Cookie 减肥
使用不带 Cookie 的域名
减少 DOM 操作
使用高效的事件处理
使用<link>替代@import
不要使用 filter
优化图片
优化 CSS Sprite
不要在 HTML 中缩放图片
使用体积小、可缓存的 favicon.ico
文件不要大于 25K
分段(multipart)文档
避免图片 src 为空
F2E 前端
首页
Laravel
Go
Python
PHP
Vue.js
Java
MySQL
Rust
LK
程序员
Elasticsearch
F2E 前端
Server
Database
DevTools
Computer Science
手机开发
AdonisJS
社区
Wiki
文档
社区文档首页
《Bun工具》
《Vue3 源码》
《TypeScript 学习笔记》
《Next.js 学习笔记》
《React 学习笔记》
《Ant Design Pro》
《JavaScript 高级程序设计(三版) 笔记》
《Puppeteer 中文文档》
《Playwright 中文文档》
《70道 JavaScript 面试题》
《JavaScript 秘密花园》
《35 条前端性能优化军规》
《Node.js 包教不包会》
《Express官网文档翻译》
登录
注册
微信登录
提交改进
优化 CSS Sprite
35 条前端性能优化军规
/
未匹配的标注
在 Sprite 图片中横向排列一般都比纵向排列的最终文件小;
组合 Sprite 图片中的相似颜色可以保持低色数,最理想的是 256 色以下 PNG8 格式
“对移动端友好”,不要在 Sprite 图片中留下太大的空隙。虽然不会在很大程度上影响图片文件的大小,但这样做可以节省用户代理把图片解压成像素映射时消耗的内存。100×100 的图片是 1万个像素,而 1000×1000 的图片就是 100万个像素了。
本文章首发在
LearnKu.com
网站上。
上一篇
下一篇
Markdown 文本
纠错改进
Summer
站长
11.3k 声望
维护者 @ LearnKu.com
保持好奇,求知若饥,终身编程
讨论数量: 0
发起讨论
查看所有版本
暂无话题~
请登录
提交
忘记密码?
or
注册
第三方账号登录
微信登录
GitHub 登录
内容举报
匿名举报,为防止滥用,仅管理员可见举报者。
我要举报该
,理由是:
垃圾广告
:恶意灌水、广告、推广等内容
无意义内容
:测试、灌水、文不对题、消极内容、文章品质太差等
违规内容
:色情、暴利、血腥、敏感信息等
不友善内容
:人身攻击、挑衅辱骂、恶意行为
科学上网
:翻墙、VPN、Shadowsocks,政策风险,会被关站!
不懂提问
:提问太随意,需要再做一遍《提问的智慧》测验
随意提问
:提问没有发布在社区问答分类下
排版混乱
:没有合理使用 Markdown 编写文章,未使用代码高亮
内容结构混乱
:逻辑不清晰,内容混乱,难以阅读
标题随意
:标题党、标题不释义
尊重版权
:分享付费课程、破解软件(付费),侵犯作者劳动成果
其他理由
:请补充说明
举报
取消