精简html代码布局

得当安排css;保举将css放在html头部，，可保证正常的衬着过程，制止用户期待白屏页面（ 知觉性能 ）

正确安排javascript;如若放在head标签或者html上部，会梗阻html和css的加载过程，这个错误导致页面加载时间酿成，增加用户的期待时间。所以可将javascript安排底部。

2.优化css性能

不少网站打点员在网页中错误的使用 @import 指令 来引入外部样式表。这是一个过时的要领，它会阻止浏览并行下载。link 标签才是***的选择，它也能提高网站的前端性能。多说一句，通过 link 标签请求加载的外部样式表不会阻止并行下载。

3.减少外部HTTP请求 研究你网站的每个构成部分， 消除任何影响访谒者体验欠好的身分。 这些身分可能是：

不须要的图片

没用的 JavaScript 代码

过多的 css

多余的插件

4. 压缩 CSS, JS 和 HTML 使用压缩工具可以非常简单地把无用的字节从你的 CSS、JS 和 HTML 文件修剪失。关于压缩的相关信息，可以参阅如何压缩 CSS、JS 和 HTML。 5. 使用预先获取 预先获取可以 在真正需要之前 通过取得必须的资源和相关数据来改进访谒用户的浏览体验，主要有3类预先获取:

链接预先获取

DNS 预先获取

预先衬着

6. 使用 CDN 和缓存提高速度

合理地设置浏览器缓存，能让浏览器自动存储某些文件，以便加快传输速度。此要领的配置可以直接在源处事器的配置文件中完成。

7. 压缩文件

文件压缩能使网站的内容轻量化，更易于打点。 最常用的文件压缩要领之一是 Gzip。 这是缩小文档、音频文件、PNG图像和等其他大文件的***要领。

Brotli 是一个对照新的文件压缩算法，目前正变得越来越受欢迎。 此开放源代码算法由来自 Google 和其他组织的软件工程师按期更新，现已被证明比其他现有压缩要领更好用。 这种算法的撑持目前还对照少，但作为后起之秀指日可待。

8. 优化你的图片

大量的写真集和复杂的高清图片会梗阻网页衬着速度。没有优化的高清图片可能会有几兆字节（mb）。因此适当地对它们进行优化可以改进网页的前端性能。

9. 使用轻量级框架

【转】如何提高WEB的性能?