使你的网站快速跑起来
性能真的很重要吗？
性能很重要，这个大家都知道。为什么我们还要做出相应速度很慢的网站站点，给用户使用者一个糟糕的感受体验呢？呵呵，让我们进入重点。
HTML
一.避免内链/嵌入式代码：
1) 内联式: 在HTMLtag标签的style属性中定义样式，在onclick这样的属性中定义Java代码;
2) 嵌入式: 在网站页面中使用<style>tag标签定义样式，使用<>tag标签定义Java代码;
3) 引用外部文件: 在<style>tag标签中定义href属性引用CSS文件，在<>tag标签中定义src属性引入Java文件.
1,2虽然减少了的大小，相比3的总体大小甚小，便于分工操作，便于管理维护。
二.样式在上，脚本在下：
<html>
<head>
<meta charset="UTF-8">
<title标题>Browser Diet</title标题>
<!-- CSS -->
<link rel="stylesheet" href="style.css" media="all">
</head>
<body>
<a>hello</a>
<!-- JS -->
< async src=".js"></>
</body>
</html>
1）样式在head里面，网站页面渲染很快，会使用户使用者感觉网站页面加载很快。反之，会先看到错乱的网站页面部署布局，给人感觉不好。
2）脚本在上会影响html的渲染或并行加载，并且首屏加载，用户使用者一般不需要看到功能，所以脚本在下为好。尝试用异步加载脚本的属性：async
三.压缩html
为了保持代码的可读性，*好的方式方法是在代码中增加添加注释和使用缩进。
但是对于查看浏览器来说，这些都是不重要的。正因为如此，通过自动化工具压缩你的HTML是非常有用的。
通过移除多余的空白符、注释和一些与信息内容模版结构无关的的不需要的字符，能够节省一些字节。尝试用gzip压缩方式。
四.减少dom结点
用语义化的tag标签来代替万能的div。
五.《html写法对gzip压缩率的影响》
书写tag标签属性时，*好多个相同tag标签属性值顺序一致。可以使gzip压缩更快。
CSS
一.压缩css
通过自动化工具压缩css，同压缩html。重复性的代码学会提炼。
二.合并多个css
普遍通过cdn合并或公司企业的合并工具进行合并，有效减少,css来说，减少和css。
五.合并多个js文件
普遍通过cdn合并或公司企业的合并工具进行合并，有效减少
转载自：使你的网站快速跑起来