前端优化几个小技巧

网站，每个人都知道的东西，我们身边就有很多，每天都在和它大交道。而我们在使用或者浏览的时候发现很多网站都太繁琐，显得很笨重，浏览时间很长这些都是没有被优化的网站，那问题也会随之而来。

【编程开发资料免费分享微信：tangniu520666，备注“4”，安卓、前端、java】

简单的说一下一个网站的优化应该从哪些方面入手

1. 清理 HTML 文档

HTML，所有网站的支柱。网络蜘蛛爬虫很容易识别HTML，因此你在写HTML的时候要尽量使用简洁的语言来写，也可以做外部引用

恰当放置 CSS

好多前端工程师在工作的时候喜欢先创建起HTML骨架然后在添加样式进去，这样是可以达到我们在网页中想要的效果，但是，这样不能提高网站的加载速度，访问者不会把太多的时间用到等待上去，所以，我们应该注意优化

正确放置 Javascript

虽然对于网页设计师来说， HTML 是最值得使用的工具之一，但它通常要与 CSS 和 JavaScript 一起使用，这可能会导致网页浏览速度减慢。 虽然 CSS 和 JavaScript 有利于网页优化，但使用时也要注意一些问题。使用 CSS 和 JavaScript 时，要避免嵌入代码。因为当您嵌入代码时，要将 CSS 放置在样式标记中，并在脚本标记中使用 JavaScript，这会增加每次刷新网页时必须加载的 HTML 代码量。

2.减少外部HTTP请求

由于网站的加载时间取决于外部http请求，所以我们要检查网站的不必要图片，过多的css，多余插件等来消除任何影响访问者体验不好的成分。

3. 压缩 CSS, JS 和 HTML

使用缩进或者注释来去掉多余的字符这些方法无疑会让你的代码简洁而且易读，但它们也会在文档中添加多余的字节。

4. 使用预先获取

为了改善访问用户的浏览体验，我们可以做一些预先获取功能主要有3类预先获取:

链接预先获取

DNS 预先获取

预先渲染

幸运的是，预先获取很容易实现。

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

内容分发网络能显著提高网站的速度和性能。使用 CDN 时，您可以将网站的静态内容链接到全球各地的服务器扩展网络。如果您的网站观众遍布全球，这项功能十分有用。 CDN 允许您的网站访问者从最近的服务器加载数据。如果您使用 CDN，您网站内的文件将自动压缩，以便在全球范围内快速分发。

6. 使用轻量级框架

除非你只用现有的编码知识构建网站，不然，你可以尝试使用一个好的前端框架来避免许多不必要的前端优化错误。虽然有一些更大，更知名的框架能提供更多功能和选项，但它们不一定适合你的 Web 项目。

所以说，不仅确定项目所需功能很重要，选择合适的框架也很重要——它要在提供所需功能的同时保持轻量。最近许多框架都使用简洁的 HTML，CSS 和 JavaScript 代码。

前端优化会耗费我们大部分的精力和时间，但是我们要做的就是为了用户能有好的浏览效果，好的体验。因此，前端的优化会有很多的益处。