服务端渲染：服务端返回 HTML ⽂件，客户端只需解析 HTML。
优点：⾸屏渲染快，SEO 好。缺点：配置⿇烦，增加了服务器的计算压⼒。热转印烤杯机
8. 使⽤ Defer 加载JS
尽量将 CSS 放在⽂件头部，JavaScript ⽂件放在底部
所有放在 head 标签⾥的 CSS 和 JS ⽂件都会堵塞渲染。如果这些 CSS 和 JS 需要加载和解析很久的话，那么页⾯就空⽩了。所以 JS ⽂件要放在底部，等 HTML 解析完了再加载 JS ⽂件。
那为什么 CSS ⽂件还要放在头部呢？
因为先加载 HTML 再加载 CSS，会让⽤户第⼀时间看到的页⾯是没有样式的、“丑陋”的，为了避免这种情况发⽣，就要将 CSS ⽂件放在头部了。 另外，JS ⽂件也不是不可以放在头部，只要给 script 标签加上 defer 属性就可以了，异步下载，延迟执⾏。
9. 静态资源使⽤ CDN蝴蝶螺母
⽤户与服务器的物理距离对响应时间也有影响。把内容部署在多个地理位置分散的服务器上能让⽤户更快地载⼊页⾯, CDN就是为了解决这⼀问题，在多个位置部署服务器，让⽤户离服务器更近，从⽽缩短请求时间。 气钉
图⽚
10. 图⽚优化
雪碧图
图⽚可以合并么？当然。最为常⽤的图⽚合并场景就是雪碧图（Sprite）。
在⽹站上通常会有很多⼩的图标，不经优化的话，最直接的⽅式就是将这些⼩图标保存为⼀个个独⽴的图⽚⽂件，然后通过 CSS 将对应元素的背景图⽚设置为对应的图标图⽚。这么做的⼀个重要问题在于，页⾯加载时可能会同时请求⾮常多的⼩图标图⽚，这就会受到浏览器并发 HTTP 请求数的限制。 电磁炉热水器>电热丝切割机雪碧图的核⼼原理在于设置不同的背景偏移量，⼤致包含两点：门牌制作
