一，尽量减少HTTP请求
二，使用CDN（内容分发网络）
三，添加Expire/Cache-Control头
四，启用Gzip压缩
五，将CSS放在层叠样式表放到head里面
六，将Script放到页面最下面
七，在CSS中使用Expressions
八，把Js和CSS放到外部文件中
九，减少DNS查询
十，压缩JS和Css代码
十一，避免重定向
十二，移除重复的脚本
十三，配置实体表情（ETag）
十四，使用AJAX缓存
Web前端优化常用规则
2016-11-14
1027
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
一，尽量减少HTTP请求二，使用CDN（内容分发网络）三，添加Expire/Cache-Control头四，启用Gzip压缩五，将CSS放在层叠样式表放到head里面六，将Script放到页面最下面七，在CSS中使用Expressions八，把Js和CSS放到外部文件...
目录
相关文章
|
6天前
|
JavaScript
前端开发
UED
|
6天前
|
JavaScript
前端开发
索引
|
6天前
|
存储
前端开发
JavaScript
|
6天前
|
JavaScript
前端开发
C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
19
2
2
|
6天前
|
前端开发
JavaScript
【Web 前端】$(document).ready() 是个什么函数？为什么要用它？
【5月更文挑战第2天】【Web 前端】$(document).ready() 是个什么函数？为什么要用它？
17
4
4
|
6天前
|
JavaScript
前端开发
|
7天前
|
JavaScript
前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
29
5
5
|
7天前
|
JavaScript
前端开发
|
7天前
|
JavaScript
前端开发
|
7天前
|
前端开发
JavaScript
UED
热门文章
最新文章
1
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
2
前端最常见的JS面试题大全
3
layui：从崛起到蜕变，前端框架的华丽篇章
4
使用机器学习优化前端用户体验
5
前端代码整洁与规范之CSS篇
6
探索前端开发中的新趋势：WebAssembly 技术应用与展望
7
如何使用浏览器调试前端代码？
8
常见的前端加密方式有哪些？运用场景有哪些？
9
uniapp上传图片 前端以及java后端代码实现
10
【前端设计】HTML+CSS+JavaScript基本特性
1
探索现代Web应用中的微前端架构
32
2
如何在本地安装Flask并将其web界面发布到公网上远程访问协同开发
60
3
前端开发新趋势：Web3、区块链和虚拟现实
42
4
构建响应式Web界面：Flexbox布局的力量
18
5
JAVA Web项目开发SSM框架搭建（第一天）
27
6
JAVA Web项目开发创建Web项目（第一天）
23
7
JAVA Web项目开发eclipse工具包配置（第一天）
37
8
构建响应式Web界面：Flutter的跨界前端技术
69
9
Web应用程序测试工具Selenium用法详解
38
10
Django实战：从零到一构建安全高效的Web应用
59