前段优化
2015-09-19 16:03 只喝牛奶的杀手 阅读(245) 评论(0) 编辑 收藏 举报avoid empty image Src
避免将img的src属性设置为空白
Make favicon.ico Small and Cacheable
用更小的并且可缓存的 favicon.ico
keep Components under 25k
保持单个内容小于25K
Pack Components into a Multipart Document
打包组件成复合文本
Make Fewer Http Requests
尽可能减少HTTP请求数
CDN
使用CDN
Add Expires or Cache-Control Header
增加Expires Header Add an Expires Header
Reduce DNS Lookups
减少DNS查询 DNS域名解析系统
Put Stylesheets at Top
在顶部放置样式定义
Put Scripts at Bottom
在文档底部放置脚本定义或引用
Avoid CSS Expressions
避免使用CSS中的Expressions
Make JavaScript and CSS External
将脚本文件和样式表作为外部文件引用
Avoid Redirects
避免重定向
Minify JavaScript and CSS
最小化JAVASCRIPT和CSS
Remove Duplicate Scripts
除重复的脚本,不光是文件,甚至是同功能的函数
Configure ETags
配置ETags
Make Ajax Cacheable
使AJAX调用尽可能利用缓存特性
Flush the Buffer early
尽可能早地发送缓冲区内容
User Get for AJAX Requests
为AJAX请求使用GET方法
Post-load Components
延迟或按需加载内容
Preload Components
预加载组件
No 404s
不要出现404页面
Reduce the Number of Dom Elements
减少DOM元素数量
Spilt Components Acorss Domains
跨域分离组件
Minimize the Number of iframes
减少iframe数量 需要更有效的利用ifames
Reduce Cookie Size
减小Cookie Cookie
Use Cokkie-free Domains for Components
对组件使用无Cookie的域名
Develop Smart Event Handlers
设计“智能”的事件处理程序
Don't Scale Images in HTML
不要在 HTML 中使用缩放图片
Minimize DOM Access
减少DOM的访问次数
Choose over@import
@import使用< link >而非@import
Avoid Filters
避免过滤器的使用
Optimize Images
优化图片
Optimize CSS Sprites
优化CSS Sprites
欢迎大家关注微信号killerhub,微信公众号名称:只喝牛奶的杀手, 扫下面的二维码或者收藏下面的二维码关注吧(长按下面的二维码图片、并选择识别图中的二维码)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端